*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--bg: var(--tg-theme-bg-color, #ffffff);--text: var(--tg-theme-text-color, #000000);--hint: var(--tg-theme-hint-color, #999999);--link: var(--tg-theme-link-color, #2481cc);--button: var(--tg-theme-button-color, #3390ec);--button-text: var(--tg-theme-button-text-color, #ffffff);--secondary-bg: var(--tg-theme-secondary-bg-color, #f4f4f5);--accent: #ff6b35;--success: #4ade80;--shadow: rgba(0, 0, 0, .08)}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);padding:16px 16px 120px;min-height:100vh;overflow-x:hidden}.app{max-width:420px;margin:0 auto;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app.success{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.big-emoji{font-size:100px;margin-top:24px;animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.success h1{animation:slideUp .4s ease-out .2s both}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h1{text-align:center;margin-bottom:20px;font-size:28px;font-weight:700;letter-spacing:-.5px}h2{margin-top:28px;margin-bottom:16px;font-size:20px;font-weight:600;letter-spacing:-.3px}.tabs{display:flex;gap:8px;margin-bottom:28px;padding:4px;background:var(--secondary-bg);border-radius:16px}.tabs button{flex:1;padding:14px 8px;font-size:22px;border:none;border-radius:12px;background:transparent;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tabs button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--button);opacity:0;transition:opacity .25s ease;border-radius:12px}.tabs button.active:before{opacity:1}.tabs button span{position:relative;z-index:1}.tabs button:active{transform:scale(.95)}.tabs button.active{box-shadow:0 4px 12px var(--shadow)}.tab-content{animation:tabSlide .3s ease-out}@keyframes tabSlide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.field{margin:24px 0}.field label{display:block;margin-bottom:12px;font-weight:600;font-size:15px;color:var(--hint);text-transform:uppercase;letter-spacing:.5px}.emoji-select{display:flex;gap:10px}.emoji-select button{flex:1;padding:16px 8px;font-size:24px;border:2px solid transparent;border-radius:16px;background:var(--secondary-bg);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.emoji-select button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,var(--button) 0%,transparent 70%);opacity:0;transform:scale(0);transition:all .3s ease}.emoji-select button:active{transform:scale(.92)}.emoji-select button.active{border-color:var(--button);background:linear-gradient(135deg,var(--button) 0%,color-mix(in srgb,var(--button) 80%,#000) 100%);box-shadow:0 6px 20px color-mix(in srgb,var(--button) 40%,transparent);transform:scale(1.02)}.emoji-select button.active:after{opacity:.2;transform:scale(1)}.emoji-select button .ripple{position:absolute;border-radius:50%;background:#fff6;transform:scale(0);animation:ripple .5s ease-out;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}.slider-container{position:relative;padding:8px 0}input[type=range]{width:100%;height:8px;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--secondary-bg);outline:none;transition:background .2s ease}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--button);cursor:pointer;box-shadow:0 4px 12px color-mix(in srgb,var(--button) 50%,transparent);transition:all .2s cubic-bezier(.4,0,.2,1)}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.15);box-shadow:0 6px 20px color-mix(in srgb,var(--button) 60%,transparent)}input[type=range]::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--button);cursor:pointer;border:none;box-shadow:0 4px 12px color-mix(in srgb,var(--button) 50%,transparent)}.range-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:20px}.density-value{text-align:center;font-size:32px;font-weight:700;color:var(--button);margin-top:8px;transition:all .15s ease}textarea{width:100%;padding:16px;font-size:16px;border:2px solid var(--secondary-bg);border-radius:16px;background:var(--secondary-bg);color:var(--text);resize:none;font-family:inherit;transition:all .2s ease;outline:none}textarea:focus{border-color:var(--button);background:var(--bg);box-shadow:0 0 0 4px color-mix(in srgb,var(--button) 15%,transparent)}textarea::placeholder{color:var(--hint)}.name-input{width:100%;padding:20px;font-size:20px;border:2px solid var(--secondary-bg);border-radius:20px;background:var(--secondary-bg);color:var(--text);text-align:center;margin-top:24px;transition:all .2s ease;outline:none}.name-input:focus{border-color:var(--button);background:var(--bg);box-shadow:0 0 0 4px color-mix(in srgb,var(--button) 15%,transparent)}.submit{width:100%;padding:18px;font-size:18px;font-weight:700;color:var(--button-text);background:linear-gradient(135deg,var(--button) 0%,color-mix(in srgb,var(--button) 85%,#000) 100%);border:none;border-radius:16px;cursor:pointer;margin-top:32px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px color-mix(in srgb,var(--button) 35%,transparent);position:relative;overflow:hidden}.submit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity .2s ease}.submit:hover:before{opacity:1}.submit:active{transform:scale(.97);box-shadow:0 3px 10px color-mix(in srgb,var(--button) 30%,transparent)}.submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.submit.loading{pointer-events:none}.submit.loading:after{content:"";position:absolute;width:20px;height:20px;border:2px solid transparent;border-top-color:var(--button-text);border-radius:50%;animation:spin .8s linear infinite;right:20px;top:50%;margin-top:-10px}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--hint);padding:60px 20px;font-size:16px}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.reports-list{display:flex;flex-direction:column;gap:12px}.report-card{padding:16px;border-radius:16px;background:var(--secondary-bg);animation:cardSlide .3s ease-out backwards;transition:transform .2s ease}.report-card:active{transform:scale(.98)}@keyframes cardSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reports-list .report-card:nth-child(1){animation-delay:0ms}.reports-list .report-card:nth-child(2){animation-delay:50ms}.reports-list .report-card:nth-child(3){animation-delay:.1s}.reports-list .report-card:nth-child(4){animation-delay:.15s}.reports-list .report-card:nth-child(5){animation-delay:.2s}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.report-user{font-weight:700;font-size:16px}.report-date{color:var(--hint);font-size:13px}.report-metrics{display:flex;gap:20px;font-size:18px;align-items:center}.report-metrics span{display:flex;align-items:center;gap:4px}.report-comment{margin-top:12px;font-size:14px;color:var(--hint);padding-top:12px;border-top:1px solid color-mix(in srgb,var(--hint) 20%,transparent)}.stats{display:flex;flex-direction:column;gap:10px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:14px;background:var(--secondary-bg);animation:cardSlide .3s ease-out backwards;transition:transform .2s ease}.stat-row:active{transform:scale(.98)}.stats .stat-row:nth-child(1){animation-delay:0ms}.stats .stat-row:nth-child(2){animation-delay:50ms}.stats .stat-row:nth-child(3){animation-delay:.1s}.stats .stat-row:nth-child(4){animation-delay:.15s}.stats .stat-row:nth-child(5){animation-delay:.2s}.stat-label{color:var(--hint);font-size:14px}.stat-value{font-weight:700;font-size:18px}.skeleton{background:linear-gradient(90deg,var(--secondary-bg) 25%,color-mix(in srgb,var(--secondary-bg) 50%,var(--bg)) 50%,var(--secondary-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px;height:60px;margin-bottom:10px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.intro{text-align:center;padding-top:40px}.intro p{color:var(--hint);margin-bottom:32px;font-size:16px;line-height:1.5}@keyframes pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--button) 40%,transparent)}50%{box-shadow:0 0 0 10px transparent}}.pulse{animation:pulse 2s infinite}