:root{--bg: #0c0c12;--surface: #111118;--border: rgba(255, 255, 255, .07);--heading: #e8e8f0;--text: #9393a8;--text-muted: #555566;--accent: #a89cf7;--accent-dim: rgba(168, 156, 247, .12);--accent-glow: rgba(168, 156, 247, .04);--accent-border: rgba(168, 156, 247, .2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;background:var(--bg);color:var(--heading);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}main{max-width:480px;margin:0 auto;padding:0 16px 48px;position:relative}.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top,0px)) 0 12px 0;margin-bottom:24px;background:var(--bg)}.topbar-brand{font-size:.9375rem;font-weight:400;color:#a89cf780;letter-spacing:.06em;text-decoration:none;cursor:pointer}.topbar-share{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:9px;background:#ffffff05;border:none;border-radius:10px;cursor:pointer;color:#ffffff52;-webkit-tap-highlight-color:transparent;box-shadow:0 0 0 1px #ffffff0a,0 2px 8px #00000059}.topbar-share:focus{outline:none}.topbar-share:active{color:#ffffff73}.topbar-share svg{width:100%;height:100%}.fab{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom,0px));right:max(16px,calc(50vw - 240px));width:48px;height:48px;display:flex;align-items:center;justify-content:center;padding:0;background:#ffffff06;border:none;border-radius:12px;cursor:pointer;color:#ffffff47;z-index:100;-webkit-tap-highlight-color:transparent}.fab:focus{outline:none}.fab:active{color:#fff6}.fab svg{width:20px;height:20px}.toast{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);background:#111118f7;border:1px solid var(--border);border-radius:10px;padding:12px 24px;font-size:.8125rem;color:#e8e8f080;z-index:1000;animation:toast-fade 1.5s ease-in-out}@keyframes toast-fade{0%{opacity:0;transform:translate(-50%) translateY(10px)}15%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}h1{font-size:1.25rem;font-weight:400;line-height:1.45;letter-spacing:.01em;color:#ffffffd6;margin-bottom:10px}.subheading{font-size:.875rem;font-weight:400;line-height:1.55;color:#ffffff7a;margin-bottom:32px}form{display:flex;flex-direction:column;gap:0;margin-bottom:32px}textarea{width:100%;padding:16px 14px;font-size:1rem;font-family:inherit;line-height:1.6;background:#ffffff06;border:1px solid var(--border);border-radius:14px;color:#e8e8f0b8;resize:none}textarea::placeholder{color:#ffffff38}textarea:focus{outline:none;background:#ffffff09;border-color:#a89cf733}textarea:disabled{opacity:.4}.char-counter-row{display:flex;justify-content:flex-end;align-items:center;padding:6px 14px 0}.char-counter{font-size:.65rem;color:#ffffff2e;letter-spacing:.02em}.char-counter.at-limit{color:#c85050b3}.char-limit-hint{font-size:.65rem;color:#c85050b3}button{align-self:flex-end;padding:10px 20px;font-size:.8125rem;font-family:inherit;background:#ffffff08;border:none;border-radius:8px;color:#fff6;cursor:pointer}button:disabled{opacity:.25;cursor:not-allowed}form button[type=submit]{background:var(--accent-dim);border:1px solid var(--accent-border);color:#a89cf7d9}form button[type=submit]:active{background:#a89cf72e}.error{color:#ffffff80;font-size:.8125rem;line-height:1.5;margin-bottom:16px;white-space:pre-line}.notice{color:#ffffff38;font-size:.8125rem;margin-bottom:16px}.feed-loading{text-align:center;padding:56px 16px 32px;color:#ffffff38;font-size:1rem;letter-spacing:.15em;animation:feed-loading-pulse 1.6s ease-in-out infinite}@keyframes feed-loading-pulse{0%,to{opacity:.3}50%{opacity:1}}.empty-feed{text-align:center;padding:56px 16px 32px}.empty-feed-primary{font-size:1rem;line-height:1.5;color:#ffffff73;margin:0 0 6px}.empty-feed-secondary{font-size:.875rem;line-height:1.5;color:#ffffff2e;margin:0}.confessions-list{list-style:none;padding-top:4px}.confession-item{margin-bottom:24px}.confession-card{background:#a89cf71c;border:1px solid rgba(168,156,247,.26);border-radius:10px;padding:24px 26px 20px;max-width:560px;width:100%;box-shadow:0 4px 28px #00000059}.confession-text{display:block;font-size:1.05rem;line-height:1.78;letter-spacing:.01em;overflow-wrap:anywhere;word-break:break-word;margin-bottom:18px;color:#e8e8f0e0}.confession-time{display:block;font-size:.65rem;color:#a89cf761;letter-spacing:.07em}.confession-card--glow{position:relative}.confession-card--glow:before{content:"";position:absolute;inset:-6px;border-radius:14px;background:radial-gradient(circle at 20% 10%,#ffffff1a,#fff0 60%);filter:blur(10px);opacity:.8;z-index:-1}.confession-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.confession-header .confession-text{flex:1}.confession-menu{position:relative;flex-shrink:0}.confession-menu-btn{width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:6px;color:#ffffff26;font-size:.8125rem;font-weight:700;letter-spacing:1px;cursor:pointer;display:flex;align-items:center;justify-content:center}.confession-menu-btn:active{color:#fff6}.confession-menu-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#111118fc;border:1px solid var(--border);border-radius:8px;overflow:hidden;z-index:50;min-width:100px}.confession-menu-dropdown button{width:100%;padding:10px 14px;background:transparent;border:none;color:#ffffff8c;font-size:.8125rem;text-align:left;cursor:pointer}.confession-menu-dropdown button:active{background:#ffffff0a}.ad-card{background:#ffffff03;border:1px dashed rgba(255,255,255,.06);border-radius:12px;padding:14px 18px;max-width:560px;width:100%;margin-bottom:20px;position:relative}.ad-label{position:absolute;top:10px;right:12px;font-size:.5625rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#fff3;background:transparent;padding:0}.ad-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px 0}.ad-main{font-size:.9375rem;line-height:1.4;color:#ffffff59;margin:0 0 4px}.ad-sub{font-size:.75rem;line-height:1.4;color:#ffffff2e;margin:0}.report-modal{background:#111118fc;border:1px solid var(--border);border-radius:16px;padding:24px;width:100%;max-width:400px;margin:auto 16px}.report-modal h2{font-size:1.0625rem;font-weight:500;color:#fffc;margin-bottom:8px}.report-subtitle{font-size:.8125rem;color:#ffffff59;margin-bottom:20px;line-height:1.4}.report-reasons{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.report-reason{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff06;border:none;border-radius:8px;cursor:pointer;font-size:.8125rem;color:#ffffff8c}.report-reason input[type=radio]{accent-color:#555;width:15px;height:15px}.report-details{margin-bottom:16px}.report-details textarea{width:100%;padding:10px 12px;font-size:.8125rem;font-family:inherit;background:#ffffff06;border:none;border-radius:8px;color:#ffffffa6;resize:none;margin-bottom:4px}.report-details textarea:focus{outline:none;background:#ffffff09}.report-details-hint{font-size:.7rem;color:#ffffff40}.report-error{font-size:.8125rem;color:#c86464bf;margin-bottom:12px}.report-actions{display:flex;gap:10px;justify-content:flex-end}.report-cancel{padding:10px 16px;background:transparent;border:none;border-radius:8px;color:#ffffff59;font-size:.8125rem;cursor:pointer}.report-submit{padding:10px 16px;background:#ffffff0f;border:none;border-radius:8px;color:#ffffffa6;font-size:.8125rem;cursor:pointer}.report-submit:disabled{opacity:.3;cursor:not-allowed}ul{list-style:none}li .text{flex:1;line-height:1.5}li .time{color:#555;font-size:.75rem;white-space:nowrap}.tabs{display:flex;gap:0;margin-bottom:20px;background:#a89cf70d;border:1px solid var(--border);border-radius:10px;padding:3px}.tabs button{flex:1;padding:10px 12px;font-size:.8125rem;font-weight:400;letter-spacing:.01em;background:transparent;border:none;border-radius:8px;color:#ffffff47;cursor:pointer}.tabs button.active{background:var(--accent-dim);color:#a89cf7e0}.tabs button:disabled{opacity:.2;cursor:not-allowed}.tabs--listening{background:#a89cf714;border-color:#a89cf71f;box-shadow:0 8px 24px #0006}.somewhere{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.somewhere-input{display:flex;gap:8px}.somewhere-input input{flex:1;padding:12px;font-size:.9375rem;font-family:inherit;background:#ffffff08;border:none;border-radius:10px;color:#ffffffb3}.somewhere-input input::placeholder{color:#ffffff38}.somewhere-input input:focus{outline:none;background:#ffffff0a}.somewhere-input button{padding:12px 16px}.popular-places{margin-top:8px}.place-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.place-buttons button{padding:8px 12px;font-size:.7rem;background:#ffffff05;border:none;color:#ffffff47}.load-more{display:block;width:100%;margin-top:16px;padding:12px;text-align:center;background:transparent;border:none;color:#ffffff40}.geo-prompt{text-align:center;padding:24px 0}.geo-prompt button{margin-top:8px}.modal-backdrop{position:fixed;inset:0;background:#08080eed;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal{background:#111118fc;border:1px solid var(--border);border-radius:14px;padding:24px;max-width:400px;width:100%}.modal h2{font-size:1.125rem;font-weight:500;color:#ffffffbf;margin-bottom:16px}.modal-rules{list-style:disc;padding-left:20px;margin-bottom:16px}.modal-rules li{font-size:.8125rem;color:#ffffff80;margin-bottom:8px;line-height:1.45}.modal-footer{font-size:.7rem;color:#ffffff47;margin-bottom:20px;font-style:italic}.modal-checkbox{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:#ffffff8c;margin-bottom:16px;cursor:pointer}.modal-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#444;cursor:pointer}.modal-continue{width:100%;padding:12px;font-size:.9375rem;background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:10px;color:#a89cf7cc;cursor:pointer}.modal-continue:disabled{opacity:.3;cursor:not-allowed}.onboarding-overlay{position:fixed;inset:0;background:#0a0a12fc;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2000;padding:24px;padding-top:calc(24px + env(safe-area-inset-top))}.onboarding-skip{position:absolute;top:calc(16px + env(safe-area-inset-top));right:16px;background:none;border:none;color:#ffffff40;font-size:.8125rem;cursor:pointer;padding:8px 12px}.onboarding-content{text-align:center;max-width:340px}.onboarding-title{font-size:1.4375rem;font-weight:400;line-height:1.4;letter-spacing:.01em;color:var(--heading);margin:0 0 22px}.onboarding-body{font-size:.9375rem;line-height:1.75;color:var(--text);margin:0 0 24px;white-space:pre-line}.onboarding-footer{font-size:.75rem;font-style:italic;line-height:1.5;letter-spacing:.06em;color:#9393a880;margin:0 0 32px}.onboarding-dots{display:flex;justify-content:center;gap:8px;margin-bottom:36px}.onboarding-dot{width:6px;height:6px;border-radius:50%;background:#ffffff1f}.onboarding-dot.active{background:var(--accent);opacity:.7}.onboarding-cta{padding:14px 40px;font-size:.9375rem;background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:10px;color:#a89cf7d1;cursor:pointer}