:root{--bg-a:#0a0d1c;--bg-b:#171233;--bg-c:#2a1a45;--glass-bg:#1a1c36db;--glass-bg-strong:#14162af0;--glass-border:#ffffff24;--text-primary:#f4f5fb;--text-secondary:#c3c7e6;--text-muted:#8b8fb8;--accent-1:#7c8cff;--accent-2:#b98cff;--accent-gradient:linear-gradient(135deg, var(--accent-1), var(--accent-2));--danger-soft:#ffb4b4;--radius-lg:22px;--radius-md:14px;--radius-sm:10px;--blur:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root{--glass-bg:#1a1c3694;--glass-bg-strong:#14162aad}}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px;border-radius:4px}body.modal-open .app-shell{overflow:hidden}html,body{height:100%;margin:0;padding:0;overflow:hidden}body{color:var(--text-primary);background:radial-gradient(circle at 15% -10%, var(--bg-c) 0%, transparent 45%), radial-gradient(circle at 100% 0%, var(--bg-b) 0%, transparent 55%), var(--bg-a);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-family:Inter,Roboto,Hiragino Sans,Yu Gothic,Meiryo,system-ui,-apple-system,sans-serif}#app{z-index:1;flex-direction:column;height:100dvh;display:flex;position:relative}.ambient-orb{filter:blur(80px);opacity:.35;pointer-events:none;z-index:0;will-change:transform;border-radius:50%;position:fixed}.ambient-orb-a{background:radial-gradient(circle, var(--accent-2), transparent 70%);width:420px;height:420px;animation:22s ease-in-out infinite alternate drift-a;top:-120px;left:-100px}.ambient-orb-b{background:radial-gradient(circle, var(--accent-1), transparent 70%);width:480px;height:480px;animation:26s ease-in-out infinite alternate drift-b;bottom:-160px;right:-140px}@keyframes drift-a{0%{transform:translate(0)}to{transform:translate(60px,40px)}}@keyframes drift-b{0%{transform:translate(0)}to{transform:translate(-50px,-30px)}}@media (prefers-reduced-motion:reduce){.ambient-orb{animation:none}}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{-webkit-backdrop-filter:blur(var(--blur)) saturate(140%)}}.app-shell{-webkit-overflow-scrolling:touch;flex:1;width:100%;max-width:640px;margin:0 auto;padding:32px 20px;overflow-y:auto}.app-header{text-align:center;margin-bottom:24px}.header-title-row{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.app-header .logo{letter-spacing:.02em;background:var(--accent-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:700}.help-btn{border:1px solid var(--glass-border);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:color .2s,border-color .2s;display:flex;position:absolute;right:0}.help-btn:hover{color:var(--text-primary);border-color:var(--accent-1)}.app-header .tagline{color:var(--text-secondary);margin-top:6px;font-size:14px}.tabs{gap:8px;margin-bottom:20px;padding:4px;display:flex}.tab-btn{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex:1;padding:10px 14px;font-size:14px;font-weight:600;transition:color .2s,background .2s,border-color .2s}.tab-btn.active{color:var(--text-primary);background:var(--glass-bg-strong);border-color:var(--glass-border)}.composer{margin-bottom:28px;padding:20px}.prompt-chip{border-radius:var(--radius-md);border:1px dashed var(--glass-border);width:100%;color:var(--text-muted);text-align:left;cursor:pointer;background:#ffffff05;align-items:center;gap:6px;margin-bottom:12px;padding:8px 12px;font-size:12px;transition:border-color .2s,color .2s;display:flex}.prompt-chip:hover{border-color:var(--accent-1);color:var(--text-secondary)}.composer textarea{resize:none;border-radius:var(--radius-md);border:1px solid var(--glass-border);width:100%;min-height:96px;color:var(--text-primary);background:#0a0c1a66;outline:none;padding:14px;font-family:inherit;font-size:15px;line-height:1.6;transition:border-color .2s;overflow:hidden}.composer textarea::placeholder{color:var(--text-muted)}.composer textarea:focus{border-color:var(--accent-1)}.textarea-wrap{position:relative}.textarea-wrap.has-mic textarea{padding-right:44px}.mic-btn{border:1px solid var(--glass-border);cursor:pointer;background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;transition:border-color .2s,background .2s;display:flex;position:absolute;top:10px;right:10px}.mic-btn:hover{border-color:var(--accent-1)}.mic-btn.is-listening{border-color:var(--danger-soft);background:#ffb4b429;animation:1.4s ease-in-out infinite mic-pulse}@keyframes mic-pulse{0%,to{box-shadow:0 0 #ffb4b459}50%{box-shadow:0 0 0 6px #ffb4b400}}.voice-hint{color:var(--text-muted);margin-top:8px;font-size:11px;line-height:1.5}.mood-picker{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.mood-btn{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;background:#ffffff08;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;transition:transform .15s,border-color .2s,background .2s;display:flex}.mood-btn:hover{transform:translateY(-1px)}.mood-btn.selected{border-color:var(--accent-1);color:var(--text-primary);background:#7c8cff29}.mood-filter{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.mood-calendar{margin-bottom:20px;padding:18px}.mood-calendar-title{color:var(--text-secondary);margin-bottom:12px;font-size:13px;font-weight:600}.mood-calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.mood-calendar-weekdays{text-align:center;color:var(--text-muted);margin-bottom:6px;font-size:11px}.mood-calendar-cell{aspect-ratio:1;border-radius:var(--radius-sm);background:#ffffff08;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.mood-calendar-cell.is-empty{background:0 0}.mood-calendar-cell.is-today{outline:1px solid var(--accent-1);outline-offset:-1px}.mood-calendar-day{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:10px}.mood-calendar-emoji{font-size:14px;line-height:1}.mood-calendar-dot{background:var(--text-muted);border-radius:50%;width:5px;height:5px}.milestone-banner{border-color:#b98cff59;align-items:flex-start;gap:12px;margin-bottom:16px;padding:16px 18px;display:flex}.milestone-emoji{font-size:22px;line-height:1}.milestone-body{flex:1}.milestone-body p{margin:0}.milestone-sub{color:var(--text-muted);font-size:12px;margin-top:4px!important}.milestone-close{color:var(--text-muted);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;flex-shrink:0;font-size:12px;text-decoration:underline}.milestone-close:hover{color:var(--text-secondary)}.on-this-day{margin-bottom:16px;padding:16px 18px}.on-this-day-title{color:var(--text-secondary);margin-bottom:10px;font-size:13px;font-weight:600}.on-this-day-item{border-top:1px solid var(--glass-border);padding:10px 0}.on-this-day-item:first-of-type{border-top:none;padding-top:0}.on-this-day-meta{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:4px;font-size:12px;display:flex}.on-this-day-label{color:var(--accent-2)}.on-this-day-text{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.mood-filter-btn{border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;background:#ffffff08;border-radius:999px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;transition:border-color .2s,background .2s,color .2s;display:flex}.mood-filter-btn:hover{color:var(--text-secondary)}.mood-filter-btn.selected{border-color:var(--accent-1);color:var(--text-primary);background:#7c8cff29}.mood-filter-count{font-variant-numeric:tabular-nums;color:var(--text-muted);background:#ffffff14;border-radius:999px;padding:1px 6px;font-size:10px;line-height:1.5}.mood-filter-btn.selected .mood-filter-count{color:var(--text-secondary);background:#ffffff24}.char-counter{text-align:right;color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:8px;font-size:12px}.char-counter.warn{color:var(--danger-soft)}.composer-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.visibility-toggle{border:1px solid var(--glass-border);border-radius:999px;gap:2px;padding:3px;display:flex}.visibility-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .2s,color .2s}.visibility-btn.selected{background:var(--accent-gradient);color:#10112a}.submit-btn{background:var(--accent-gradient);color:#10112a;cursor:pointer;border:none;border-radius:999px;padding:10px 22px;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 24px -8px #7c8cff8c}.submit-btn:hover{transform:translateY(-1px);box-shadow:0 10px 28px -8px #7c8cffb3}.submit-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.timeline{flex-direction:column;gap:16px;display:flex}.post-card{padding:18px 18px 14px;animation:.35s both card-in;position:relative}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.post-meta{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.post-meta-left{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.post-mood-emoji{font-size:16px}.post-text{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin-bottom:14px;font-size:15px;line-height:1.7}.reactions{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.reaction-btn{border:1px solid var(--glass-border);color:var(--text-secondary);white-space:nowrap;cursor:pointer;background:#ffffff08;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:transform .12s,border-color .2s,background .2s;display:flex;position:relative;overflow:visible}.reaction-btn:hover{border-color:var(--accent-1)}.reaction-btn.reacted{border-color:var(--accent-1);color:var(--text-primary);background:#7c8cff29}.reaction-btn:disabled{opacity:.55;cursor:default;pointer-events:none}.reaction-btn.pop{animation:.32s reaction-pop}@keyframes reaction-pop{0%{transform:scale(1)}35%{transform:scale(1.18)}to{transform:scale(1)}}.reaction-count{text-align:left;font-variant-numeric:tabular-nums;min-width:14px}.reaction-particle{background:var(--accent-gradient);pointer-events:none;border-radius:50%;width:6px;height:6px;animation:.6s ease-out forwards particle-burst;position:absolute;top:50%;left:50%}@keyframes particle-burst{0%{opacity:1;transform:translate(-50%,-50%)translate(0)scale(1)}to{opacity:0;transform:translate(-50%, -50%) var(--particle-offset) scale(.4)}}.report-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:2px 6px;font-size:16px;line-height:1}.report-toggle:hover{color:var(--text-secondary);background:#ffffff0f}.edit-toggle{cursor:pointer;opacity:.75;background:0 0;border:none;border-radius:8px;padding:2px 6px;font-size:13px;line-height:1;transition:opacity .2s,background .2s}.edit-toggle:hover{opacity:1;background:#ffffff0f}.post-edited-label{color:var(--text-muted);font-style:italic}.edit-form textarea{resize:none;border-radius:var(--radius-md);border:1px solid var(--glass-border);width:100%;min-height:80px;color:var(--text-primary);background:#0a0c1a66;outline:none;padding:12px;font-family:inherit;font-size:14px;line-height:1.6;transition:border-color .2s;overflow:hidden}.edit-form textarea:focus{border-color:var(--accent-1)}.edit-form .mood-picker{margin-top:10px}.edit-visibility-note{color:var(--text-muted);margin-top:10px;font-size:12px}.edit-form-actions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.edit-delete-btn{color:var(--danger-soft);text-underline-offset:2px;cursor:pointer;opacity:.75;background:0 0;border:none;margin:14px 0 0;padding:0;font-size:12px;text-decoration:underline;display:block}.edit-delete-btn:hover{opacity:1}.report-menu{z-index:5;flex-direction:column;gap:2px;min-width:170px;padding:8px;display:flex;position:absolute;top:38px;right:14px}.report-menu button{text-align:left;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:8px 10px;font-size:13px}.report-menu button:hover{color:var(--text-primary);background:#ffffff0f}.empty-state{text-align:center;color:var(--text-secondary);padding:48px 24px}.empty-state .glow{filter:drop-shadow(0 0 18px #7c8cff8c);margin-bottom:12px;font-size:34px}.empty-state p{margin:4px 0;font-size:14px;line-height:1.7}.support-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--glass-border);background:var(--glass-bg-strong);color:var(--text-secondary);text-align:center;z-index:20;flex-shrink:0;font-size:12px}.support-footer a{color:var(--text-primary);border-bottom:1px dotted var(--text-primary);font-weight:600;text-decoration:none}.toast{z-index:40;max-width:calc(100% - 40px);color:var(--text-secondary);border-radius:999px;align-items:center;gap:14px;padding:12px 18px;font-size:13px;animation:.25s both toast-in;display:flex;position:fixed;bottom:76px;left:50%;transform:translate(-50%)}.toast button{color:var(--accent-2);cursor:pointer;background:0 0;border:none;flex-shrink:0;font-size:13px;font-weight:700}.toast-post{border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:4px}.toast-kindred{color:var(--text-muted);font-size:12px}.toast-error{color:var(--danger-soft)}.load-more-btn{margin:4px auto 0;display:block}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.modal-overlay{z-index:50;background:#04050ce0;justify-content:center;align-items:center;padding:20px;animation:.2s both overlay-in;display:flex;position:fixed;inset:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.modal-overlay{-webkit-backdrop-filter:blur(8px)}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal-card{width:100%;max-width:420px;padding:28px 24px;animation:.25s both modal-in}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-card h2{margin:0 0 10px;font-size:18px}.modal-card p{color:var(--text-secondary);margin:0 0 18px;font-size:14px;line-height:1.7}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.btn-ghost{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:999px;padding:9px 16px;font-size:13px}.btn-ghost:hover{color:var(--text-primary)}.crisis-card{border-color:#ffb4b459}.crisis-card h2{color:var(--danger-soft)}.onboarding-step .step-dots{gap:6px;margin-bottom:16px;display:flex}.step-dot{background:#fff3;border-radius:50%;width:6px;height:6px}.onboarding-mood-row{margin-top:18px;margin-bottom:4px}.onboarding-skip{color:var(--text-muted);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;margin:14px auto 0;padding:4px 8px;font-size:12px;text-decoration:underline;display:block}.onboarding-skip:hover{color:var(--text-secondary)}.step-dot.active{background:var(--accent-gradient);border-radius:999px;width:18px;transition:width .2s}@media (width<=420px){.app-shell{padding:24px 14px}.composer-footer{justify-content:center}}