:root{--bg: #0a0a0a;--bg-surface: #141414;--bg-elevated: #1e1e1e;--text-primary: #e8e8e8;--text-secondary: #888888;--text-muted: #555555;--accent: #a0c4ff;--accent-subtle: rgba(160, 196, 255, .12);--border: #2a2a2a;--radius: 12px;--font: system-ui, -apple-system, sans-serif;--transition: background-color .2s, color .2s}[data-theme=light]{--bg: #fafafa;--bg-surface: #ffffff;--bg-elevated: #f0f0f0;--text-primary: #1a1a1a;--text-secondary: #666666;--text-muted: #999999;--accent: #4a90d9;--accent-subtle: rgba(74, 144, 217, .1);--border: #e0e0e0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:var(--transition)}body{font-family:var(--font);background-color:var(--bg);color:var(--text-primary);line-height:1.6;min-height:100dvh;transition:var(--transition)}#app{display:flex;flex-direction:column;min-height:100dvh}.page{display:flex;flex-direction:column;min-height:100dvh;max-width:480px;width:100%;margin:0 auto;padding:1.5rem 1.25rem}.page-content{flex:1;display:flex;flex-direction:column}h1{font-size:1.5rem;font-weight:600;line-height:1.3;color:var(--text-primary)}h2{font-size:1.2rem;font-weight:500;line-height:1.4;color:var(--text-primary)}p{color:var(--text-secondary);line-height:1.7}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:var(--radius);font-family:var(--font);font-weight:500;cursor:pointer;transition:opacity .15s,background-color .15s;min-height:48px;text-decoration:none;-webkit-tap-highlight-color:transparent}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--sm{font-size:.85rem;padding:.5rem 1rem;min-height:40px}.btn--md{font-size:1rem;padding:.75rem 1.5rem}.btn--lg{font-size:1.1rem;padding:1rem 2rem}.btn--full{width:100%}.btn--primary{background:var(--accent);color:#0a0a0a}.btn--primary:hover:not(:disabled){opacity:.9}.btn--secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn--secondary:hover:not(:disabled){background:var(--bg-surface)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){color:var(--text-primary)}.btn--danger{background:transparent;color:#ff6b6b;border:1px solid #ff6b6b}.btn--danger:hover:not(:disabled){background:#ff6b6b1a}.textarea-wrapper{display:flex;flex-direction:column;gap:.5rem}.textarea-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.textarea-inner{position:relative}.textarea{width:100%;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font);font-size:1rem;line-height:1.6;padding:.875rem 1rem;resize:none;overflow:hidden;transition:border-color .15s}.textarea::placeholder{color:var(--text-muted)}.textarea:focus{outline:none;border-color:var(--accent)}.back-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:50%;margin:-.5rem -.5rem 0;transition:color .15s,background .15s}.back-btn:hover{color:var(--text-primary);background:var(--bg-elevated)}.step-indicator{display:flex;gap:6px;align-items:center;justify-content:center}.step-dot{display:block;width:6px;height:6px;border-radius:50%;background:var(--text-muted);transition:background .2s,transform .2s}.step-dot--active{background:var(--accent);transform:scale(1.3)}.step-dot--done{background:var(--text-secondary)}.process-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.process-header .step-indicator{flex:1}.process-step{display:flex;flex-direction:column;gap:1.25rem;flex:1}.process-prompt{font-size:1.35rem;font-weight:600;line-height:1.35}.process-hint{font-size:.9rem;color:var(--text-muted);line-height:1.5}.process-actions{margin-top:auto;padding-top:1.5rem}.emotion-picker{display:flex;flex-direction:column;gap:1.25rem}.emotion-group-label{display:block;font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.emotion-chips{display:flex;flex-wrap:wrap;gap:.5rem}.emotion-chip-wrapper{display:flex;flex-direction:column;gap:.25rem}.emotion-chip{display:inline-flex;align-items:center;padding:.5rem .875rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);font-family:var(--font);font-size:.9rem;cursor:pointer;transition:border-color .15s,background-color .15s;-webkit-tap-highlight-color:transparent;min-height:40px}.emotion-chip:hover{border-color:var(--text-muted)}.emotion-chip--selected{border-color:var(--accent);background:var(--accent-subtle);color:var(--accent)}.intensity-selector{display:flex;gap:2px;border-radius:6px;overflow:hidden}.intensity-btn{flex:1;padding:.2rem .4rem;font-size:.7rem;border:none;background:var(--bg-elevated);color:var(--text-muted);cursor:pointer;font-family:var(--font);transition:background-color .15s,color .15s}.intensity-btn:hover{color:var(--text-secondary)}.intensity-btn--active{background:var(--accent);color:#0a0a0a}.nudge-list{display:flex;flex-direction:column;gap:.5rem;position:relative;padding-right:2rem}.process-nudge-text{font-size:.85rem;color:var(--text-muted);font-style:italic;line-height:1.5}.nudge-refresh-btn{position:absolute;top:0;right:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:50%;transition:color .15s,background .15s}.nudge-refresh-btn:hover{color:var(--text-secondary);background:var(--bg-elevated)}.alternatives-builder{display:flex;flex-direction:column;gap:.75rem}.alternatives-input-row{display:flex;gap:.5rem}.alternatives-input{flex:1;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font);font-size:1rem;padding:.75rem 1rem;transition:border-color .15s}.alternatives-input::placeholder{color:var(--text-muted)}.alternatives-input:focus{outline:none;border-color:var(--accent)}.alternatives-add-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;min-height:48px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:var(--text-primary);font-size:1.25rem;cursor:pointer;transition:background-color .15s}.alternatives-add-btn:hover:not(:disabled){background:var(--bg-surface)}.alternatives-add-btn:disabled{opacity:.4;cursor:not-allowed}.alternatives-list{list-style:none;display:flex;flex-direction:column;gap:.375rem}.alternatives-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.625rem .875rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);font-size:.95rem;color:var(--text-primary)}.alternatives-remove-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:50%;flex-shrink:0;transition:color .15s,background .15s}.alternatives-remove-btn:hover{color:#ff6b6b;background:#ff6b6b1a}.process-step--sit{align-items:center;text-align:center}.breathing-container{display:flex;align-items:center;justify-content:center;padding:2rem 0}.breathing-circle{width:120px;height:120px;border-radius:50%;background:var(--accent-subtle);border:2px solid var(--accent);animation:breathe 10s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(.6);opacity:.6}40%{transform:scale(1);opacity:1}50%{transform:scale(1);opacity:1}90%{transform:scale(.6);opacity:.6}}.sit-text{font-size:1rem;color:var(--text-secondary);max-width:300px;line-height:1.6}.timer-options{display:flex;gap:.5rem;justify-content:center}.timer-display{font-size:1.5rem;font-variant-numeric:tabular-nums;color:var(--text-muted)}.reflection-options{display:flex;flex-direction:column;gap:.5rem;width:100%}.sit-reassurance{font-size:.95rem;color:var(--text-secondary);max-width:300px;line-height:1.6}.process-step--done{align-items:center;justify-content:center;text-align:center;flex:1}.done-text{font-size:1.25rem;color:var(--text-primary);margin-bottom:2rem}.landing{justify-content:center}.landing-spacer{flex:1}.landing-center{display:flex;flex-direction:column;align-items:center;gap:1rem}.landing-resume{font-size:.85rem;color:var(--text-muted);text-align:center}.landing-resume a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.landing-links{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:3rem}.landing-link{color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:color .15s}.landing-link:hover{color:var(--text-primary)}.landing-footer{display:flex;justify-content:center;gap:.5rem;margin-top:auto;padding-top:2rem}.landing-footer-link{color:var(--text-muted);text-decoration:none;font-size:.8rem;transition:color .15s}.landing-footer-link:hover{color:var(--text-secondary)}.landing-footer-sep{color:var(--text-muted);font-size:.8rem}.history-empty{color:var(--text-muted);margin-top:2rem;text-align:center}.history-list{display:flex;flex-direction:column;gap:.5rem}.history-card{display:flex;flex-direction:column;gap:.5rem;padding:.875rem 1rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;font-family:var(--font);color:var(--text-primary);transition:border-color .15s;width:100%}.history-card:hover{border-color:var(--text-muted)}.history-card--incomplete{border-style:dashed}.history-card-top{display:flex;justify-content:space-between;align-items:center}.history-card-date{font-size:.8rem;color:var(--text-muted)}.history-card-badge{font-size:.7rem;color:var(--text-muted);background:var(--bg-elevated);padding:.15rem .5rem;border-radius:999px}.history-card-trigger{font-size:.9rem;color:var(--text-secondary);line-height:1.4}.history-card-emotions{display:flex;flex-wrap:wrap;gap:.25rem}.history-card-chip{font-size:.75rem;padding:.15rem .5rem;border-radius:999px;background:var(--accent-subtle);color:var(--accent)}.entry-detail{display:flex;flex-direction:column;gap:1.5rem;margin-top:.75rem}.entry-section{display:flex;flex-direction:column;gap:.35rem}.entry-section-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.entry-emotions{display:flex;flex-wrap:wrap;gap:.375rem}.entry-emotion-chip{font-size:.9rem;padding:.3rem .75rem;border-radius:999px;background:var(--accent-subtle);color:var(--accent)}.entry-emotion-intensity{font-size:.75rem;opacity:.7}.entry-alternatives-list{list-style:none;display:flex;flex-direction:column;gap:.25rem}.entry-alternatives-list li{padding:.5rem .75rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem}.settings-sections{display:flex;flex-direction:column;gap:2rem}.settings-section{display:flex;flex-direction:column;gap:.75rem}.settings-section-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:500}.settings-status{color:var(--text-secondary);font-size:.95rem}.settings-note{font-size:.9rem;color:var(--text-muted);line-height:1.5}.settings-form{display:flex;flex-direction:column;gap:.5rem}.settings-input{width:100%;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font);font-size:1rem;padding:.75rem 1rem;transition:border-color .15s}.settings-input::placeholder{color:var(--text-muted)}.settings-input:focus{outline:none;border-color:var(--accent)}.settings-error{font-size:.85rem;color:#ff6b6b}.settings-success{font-size:.85rem;color:#6fcf97}.settings-btn-group{display:flex;flex-direction:column;gap:.5rem}.settings-confirm-delete{display:flex;flex-direction:column;gap:.75rem}.settings-warning{font-size:.9rem;color:#ff6b6b;line-height:1.5}.about-content{display:flex;flex-direction:column;gap:1.75rem;margin-top:.75rem}.about-section{display:flex;flex-direction:column;gap:.5rem}.about-section h2{font-size:1.1rem;color:var(--text-primary)}.about-section p{font-size:.95rem;line-height:1.65}.stuck-sub-label{font-size:.9rem;color:var(--text-secondary);font-weight:500;margin-top:.25rem}.stuck-select-btn{display:inline-flex;align-items:center;padding:.4rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text-secondary);font-family:var(--font);font-size:.85rem;cursor:pointer;transition:border-color .15s,color .15s;width:fit-content}.stuck-select-btn--active{border-color:var(--accent);color:var(--accent)}.stuck-landscape{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.stuck-landscape-col{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius)}.stuck-landscape-title{font-size:.85rem;font-weight:600;color:var(--text-primary);line-height:1.3;word-break:break-word}.stuck-landscape-group{display:flex;flex-direction:column;gap:.25rem}.stuck-landscape-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stuck-landscape-empty{font-size:.8rem;color:var(--text-muted);font-style:italic}.textarea--has-voice{padding-right:2.75rem}.voice-mic-btn{position:absolute;bottom:.5rem;right:.5rem;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:50%;transition:color .15s,background .15s;-webkit-tap-highlight-color:transparent}.voice-mic-btn:hover{color:var(--text-secondary);background:var(--bg-elevated)}.voice-mic-btn--recording{color:var(--accent);animation:mic-pulse 1.5s ease-in-out infinite}@keyframes mic-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.voice-notice{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:10;display:flex;flex-direction:column;gap:.75rem;padding:.875rem 1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #00000040}.voice-notice-text{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.breathing-circle{animation:none;opacity:1;transform:scale(.8)}.voice-mic-btn--recording{animation:none}}