:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f8fafc;color:#0f172a;--background: #f8fafc;--surface: #ffffff;--surface-raised: #ffffff;--surface-muted: #f1f5f9;--text: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--border: #e2e8f0;--border-strong: #cbd5e1;--primary: #2563eb;--primary-soft: #dbeafe;--success: #16a34a;--danger: #dc2626;--warning: #d97706;--shadow: 0 18px 48px rgba(15, 23, 42, .08)}:root[data-theme=dark]{color-scheme:dark;--background: #0b1220;--surface: #111827;--surface-raised: #1f2937;--surface-muted: #0f172a;--text: #e5e7eb;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border: #334155;--border-strong: #475569;--primary: #60a5fa;--primary-soft: #1e3a8a;--success: #34d399;--danger: #f87171;--warning: #fbbf24;--shadow: 0 18px 48px rgba(0, 0, 0, .22)}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.7}a{color:var(--primary);text-decoration:none}.centered-page,.centered-panel{min-height:260px;display:grid;place-items:center;color:var(--text-secondary)}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--background)}.app-navbar{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#1e3148,#1a2a42);box-shadow:0 14px 30px #050c1638}.app-navbar-main{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:0 24px}.brand-block{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--primary) 10%,var(--surface))}.brand-mark{display:flex;align-items:center;gap:12px;min-width:0;color:#d5e6ff}.brand-mark strong,.login-brand h1{display:block;margin:0;font-size:20px;letter-spacing:0}.brand-mark small{display:block;margin-top:2px;color:#9bb7d7;font-size:12px}.brand-logo{width:42px;height:42px;object-fit:contain;border-radius:8px;flex:0 0 auto}.brand-logo.large{width:56px;height:56px}.signed-in-as{color:#abc2df;font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:min(36vw,420px);word-break:break-word}.app-navbar-utility{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.app-navbar-utility-link{min-height:36px;display:flex;align-items:center;gap:6px;border:1px solid rgba(141,170,202,.32);border-radius:999px;padding:0 11px;background:transparent;color:#d0e2fb;font-size:13px;font-weight:600;text-align:left}.app-navbar-utility-link.active,.app-navbar-utility-link:hover{border-color:#a1c3e97a;background:#5f84ad33;color:#f0f6ff}.app-navbar-utility-link.is-logout{color:#ffd2d2;border-color:#ffadad66}.app-navbar-links{min-height:54px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-top:1px solid rgba(126,154,189,.2);background:linear-gradient(180deg,#16263ef2,#101e33f2)}.app-navbar-item{min-height:38px;display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:999px;padding:0 14px;color:#9fb7d3;font-size:16px;font-weight:500}.app-navbar-item:hover,.app-navbar-item.active{color:#86e7d4;background:#486f9a38;border-color:#82a9ce52}.main-column{min-width:0}.page-frame{width:min(1160px,100%);padding:18px 24px 36px;margin:0 auto}.page-title-card{margin-bottom:14px}.page-title-card h1{margin:0;font-size:22px}.page-stack{display:grid;gap:14px}.mobile-only{display:none}.icon-button,.text-button,.field-icon{min-width:40px;min-height:40px;display:inline-grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.text-button{width:auto;padding:0 12px;color:var(--primary);font-weight:700}.toolbar-card,.content-card,.metric-card,.empty-card,.summary-card,.entry-row{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.toolbar-card{min-height:64px;display:flex;align-items:center;gap:10px;padding:10px}.toolbar-title{flex:1;min-width:0;text-align:center}.toolbar-title strong{display:block;font-size:20px}.toolbar-title span,.muted{color:var(--text-secondary)}.small{font-size:13px}.content-card,.metric-card,.empty-card{padding:18px}.content-card h2,.empty-card h2,.metric-card h3{margin:0;font-size:18px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.summary-card{display:grid;justify-items:center;gap:6px;padding:20px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.summary-card span{color:var(--primary);font-size:40px;font-weight:800}.metric-grid,.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.metric-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.metric-head strong{font-size:24px}.progress-track{position:relative;height:10px;overflow:hidden;border-radius:999px;background:var(--border)}.progress-track.centered:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--text-tertiary)}.progress-fill{display:block;height:100%;border-radius:inherit}.delta-text{margin:10px 0 0;font-size:13px}.delta-text.positive{color:var(--success)}.delta-text.negative{color:var(--danger)}.delta-text.neutral{color:var(--text-tertiary)}.empty-card{display:grid;gap:10px;justify-items:start}.primary-button,.secondary-button,.danger-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;padding:0 16px;font-weight:750}.primary-button{background:var(--primary);color:#fff}.secondary-button{border:1px solid var(--border);background:var(--surface-muted);color:var(--text)}.danger-button{background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:var(--danger)}.full{width:100%}.compact-metrics{display:flex;flex-wrap:wrap;gap:8px}.compact-metrics span{min-height:28px;display:inline-flex;align-items:center;border-radius:999px;background:var(--surface-muted);padding:0 10px;color:var(--text-secondary);font-size:13px}.entry-description{margin:0 0 14px;color:var(--text);line-height:1.55}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:grid;gap:7px;color:var(--text-secondary);font-weight:700;font-size:13px}input,select,textarea{width:100%;min-height:42px;border:1px solid var(--border-strong);border-radius:8px;padding:9px 11px;background:var(--surface);color:var(--text)}textarea{resize:vertical}input[type=range]{min-height:28px;padding:0;accent-color:var(--primary)}.span-2{grid-column:1 / -1}.segmented-control{display:inline-grid;grid-auto-flow:column;gap:4px;max-width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted);padding:4px}.segmented-control button{min-height:36px;border:0;border-radius:6px;padding:0 14px;background:transparent;color:var(--text-secondary);font-weight:750}.segmented-control button.active{background:var(--surface);color:var(--primary);box-shadow:0 1px 2px #0f172a1a}.range-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.range-selector button{min-height:42px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text-secondary);font-weight:800}.range-selector button.active{border-color:var(--primary);background:var(--primary);color:#fff}.calendar-card{width:min(430px,100%);display:grid;gap:12px;justify-self:center;border:1px solid var(--border);border-radius:8px;background:var(--surface-raised);padding:14px;box-shadow:var(--shadow)}.calendar-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.calendar-header h2{margin:0;color:var(--text);font-size:17px}.calendar-nav-button{width:32px;height:32px;display:inline-grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--primary)}.calendar-nav-button:hover{background:var(--surface-muted)}.calendar-week-header,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-week-header{gap:4px}.calendar-week-header span{min-height:24px;display:grid;place-items:center;color:var(--text-tertiary);font-size:12px;font-weight:800}.calendar-grid{gap:5px}.calendar-day{position:relative;aspect-ratio:1;min-height:38px;display:grid;align-content:center;justify-items:center;gap:2px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text)}.calendar-day.empty{pointer-events:none}.calendar-day.highlighted{background:color-mix(in srgb,var(--primary) 7%,transparent)}.calendar-day.selected{border-color:color-mix(in srgb,var(--primary) 28%,transparent);background:color-mix(in srgb,var(--primary) 14%,var(--surface));color:var(--primary)}.calendar-day.has-count:not(.selected){background:color-mix(in srgb,var(--primary) 5%,transparent)}.calendar-day span{font-size:13px;line-height:1}.calendar-day.selected span{font-weight:850}.calendar-day strong{color:var(--primary);font-size:10px;line-height:1}.datetime-row{margin-top:14px;max-width:320px}.slider-grid{display:grid;gap:16px}.slider-field{display:grid;gap:8px}.slider-label-row,.slider-meta,.form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.slider-meta{color:var(--text-tertiary);font-size:12px}.form-actions{justify-content:flex-end}.status-message{display:grid;gap:3px;border:1px solid var(--border);border-radius:8px;padding:12px 14px;background:var(--surface)}.status-message.error{border-color:color-mix(in srgb,var(--danger) 35%,var(--border));color:var(--danger)}.status-message.success{border-color:color-mix(in srgb,var(--success) 35%,var(--border));color:var(--success)}.entry-list{display:grid;gap:18px}.entry-row{width:100%;display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px;color:var(--text);text-align:left}.entry-row strong{display:block;margin-bottom:5px}.entry-row span{color:var(--text-secondary);font-size:13px}.logbook-entry-card{width:100%;display:flex;flex-direction:column;gap:16px;padding:24px;border:1px solid color-mix(in srgb,#dbe7f1 88%,var(--border));border-radius:30px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 18px 44px #94a3b81f;color:var(--text);text-align:left;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.logbook-entry-card:hover,.logbook-entry-card:focus-visible{transform:translateY(-2px);box-shadow:0 24px 54px #94a3b82e;border-color:color-mix(in srgb,#cfe0ec 92%,var(--border));outline:none}.logbook-entry-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.logbook-entry-card__meta{display:flex;flex-wrap:wrap;gap:10px 16px;color:#64748b;font-size:14px;font-weight:500}.logbook-entry-card__meta-item{display:inline-flex;align-items:center;gap:8px}.logbook-entry-card__meta-item svg{color:#7487a1}.logbook-entry-card__chevron{width:28px;height:28px;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:999px;border:0;background:transparent;color:#7c8da5}.logbook-entry-card__description{margin:0;color:#233247;font-size:15px;line-height:1.7}.logbook-entry-card__context{display:grid;gap:10px;padding-bottom:4px}.logbook-entry-card__context-item{display:flex;align-items:center;gap:10px;color:#718198;font-size:14px}.logbook-entry-card__context-item svg{color:#0f8f83;flex:0 0 auto}.logbook-entry-card__context-item:last-child svg{color:#0f8f83}.logbook-entry-card__context-label{color:#73839a}.logbook-entry-card__context-item span:last-child{color:#233247;font-weight:500}.logbook-entry-card__tags{display:flex;flex-wrap:wrap;gap:8px}.logbook-entry-card__tags span{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:#f5f9fc;border:1px solid #e2ecf4;color:#60748b;font-size:12px;font-weight:600}.logbook-entry-card__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;padding-top:18px;border-top:1px solid #e8f0f6}.logbook-entry-card__metric{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;border:0;border-radius:0;background:transparent}.logbook-entry-card__metric-info{display:inline-flex;align-items:center;gap:8px;color:#6a7d94;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none}.logbook-entry-card__metric-info svg{flex:0 0 auto;color:#7387a2}.logbook-score-pill{min-width:38px;height:28px;padding:0 10px;display:inline-grid;place-items:center;border-radius:999px;font-size:13px;font-weight:700;line-height:1;border:1px solid transparent}.logbook-score-pill.is-good{background:#e8fff2;color:#0f8a5b}.logbook-score-pill.is-mid{background:#fff5d6;color:#b7791f}.logbook-score-pill.is-low{background:#ffe2df;color:#c2413b}.logbook-score-pill.is-neutral{background:#eef3f8;color:#7b8da4}:root[data-theme=dark] .logbook-entry-card{border:1px solid color-mix(in srgb,var(--border-strong) 40%,transparent);background:linear-gradient(180deg,color-mix(in srgb,#1e293b 88%,var(--surface-raised)),color-mix(in srgb,#172033 92%,var(--surface)));box-shadow:inset 0 1px #ffffff08,0 18px 44px #02061738}:root[data-theme=dark] .logbook-entry-card:hover,:root[data-theme=dark] .logbook-entry-card:focus-visible{box-shadow:inset 0 1px #ffffff0a,0 24px 52px #02061752;border-color:color-mix(in srgb,var(--border-strong) 65%,transparent)}:root[data-theme=dark] .logbook-entry-card__meta{color:var(--text-tertiary)}:root[data-theme=dark] .logbook-entry-card__meta-item svg,:root[data-theme=dark] .logbook-entry-card__chevron{color:color-mix(in srgb,var(--text-tertiary) 92%,white 8%)}:root[data-theme=dark] .logbook-entry-card__description,:root[data-theme=dark] .logbook-entry-card__context-item span:last-child{color:color-mix(in srgb,var(--text) 94%,white 6%)}:root[data-theme=dark] .logbook-entry-card__context-item{color:var(--text-secondary)}:root[data-theme=dark] .logbook-entry-card__context-item svg,:root[data-theme=dark] .logbook-entry-card__context-item:last-child svg{color:#6ee7b7}:root[data-theme=dark] .logbook-entry-card__context-label{color:var(--text-secondary)}:root[data-theme=dark] .logbook-entry-card__tags span{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary)}:root[data-theme=dark] .logbook-entry-card__metrics{border-top:1px solid rgba(255,255,255,.08)}:root[data-theme=dark] .logbook-entry-card__metric-info{color:var(--text-secondary)}:root[data-theme=dark] .logbook-entry-card__metric-info svg{color:#93a4b8}:root[data-theme=dark] .logbook-score-pill.is-neutral{background:#ffffff14;color:var(--text-tertiary)}.search-field{position:relative;display:flex;align-items:center;gap:8px}.search-field input{padding-right:46px}.search-field .field-icon,.password-field .field-icon{position:absolute;right:2px;top:50%;transform:translateY(-50%);border:0;background:transparent}.modal-root,.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0}.modal-root{z-index:50;display:grid;place-items:start center;padding:84px 18px 18px}.modal-backdrop,.drawer-backdrop{border:0;background:#0f172a6b}.modal-card{position:relative;width:min(680px,100%);max-height:calc(100vh - 110px);overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.modal-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding:14px 16px;background:var(--surface)}.modal-header h2{margin:0;font-size:18px}.modal-header-actions{display:inline-flex;align-items:center;gap:8px}.modal-edit-button{min-height:34px;padding:0 12px}.experience-edit-modal{display:grid;grid-template-rows:auto 1fr auto;background:var(--background)}.experience-edit-content{display:grid;gap:12px;padding:16px;max-height:calc(100vh - 230px);overflow:auto}.experience-edit-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-top:1px solid var(--border);padding:12px 16px 16px;background:var(--surface-raised)}.stroop-modal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:18px;background:#0f172a80}.stroop-modal-card{width:min(620px,100%);min-height:min(620px,calc(100vh - 36px));display:grid;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.stroop-centered-section{display:grid;align-content:center;justify-items:center;gap:14px;padding:28px;text-align:center}.stroop-centered-section h2{margin:0;color:var(--text);font-size:28px}.stroop-centered-section h3{margin:-4px 0 0;color:var(--text-secondary);font-size:18px}.stroop-centered-section p{width:min(440px,100%);margin:0;color:var(--text-secondary);line-height:1.55}.stroop-hint{color:var(--text-tertiary)!important;font-size:13px}.stroop-action{width:min(260px,100%)}.stroop-trial-label{color:var(--text-secondary);font-weight:800}.stroop-fixation{color:var(--text);font-size:72px;font-weight:850;line-height:1}.stroop-word{min-height:92px;display:grid;place-items:center;font-size:clamp(52px,12vw,84px);font-weight:900;letter-spacing:0}.stroop-choices{width:min(420px,100%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stroop-choice-button{min-height:54px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-muted);color:var(--text);font-weight:850}.stroop-choice-button:hover,.stroop-choice-button:focus-visible{border-color:var(--primary);color:var(--primary);outline:none}.stroop-summary-grid{width:min(460px,100%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stroop-summary-grid div,.stroop-average-card{border:1px solid var(--border);border-radius:8px;background:var(--surface-muted);padding:12px}.stroop-summary-grid span,.stroop-average-card span{display:block;color:var(--text-tertiary);font-size:12px;font-weight:750}.stroop-summary-grid strong{display:block;margin-top:5px;color:var(--text);font-size:18px}.stroop-average-card{width:min(460px,100%);display:grid;gap:6px;text-align:left}.stroop-average-card strong{color:var(--text)}.detail-stack{display:grid;gap:12px;padding:16px;background:var(--background)}.detail-grid,.profile-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.detail-grid div,.profile-summary div{min-width:0;border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--surface-muted)}dt{color:var(--text-tertiary);font-size:12px;font-weight:700}dd{margin:4px 0 0;overflow-wrap:anywhere}.settings-page{width:min(860px,100%);margin:0 auto;display:grid;gap:18px}.settings-expo-page{width:min(720px,100%);margin:0 auto;display:grid;gap:18px}.settings-user-card{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid var(--border);border-radius:18px;background:var(--surface-raised);box-shadow:var(--shadow)}.settings-user-card__avatar{width:52px;height:52px;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:999px;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary)}.settings-user-card h2{margin:0;font-size:22px}.settings-user-card p{margin:4px 0 0;color:var(--text-secondary)}.settings-divider{height:1px;background:color-mix(in srgb,var(--border) 90%,transparent)}.settings-expo-section{display:grid;gap:12px}.settings-expo-section__label{margin:0;color:var(--text-tertiary);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.settings-expo-card,.settings-setting-item-wrap,.settings-setting-item,.settings-logout-button{border:1px solid var(--border);border-radius:18px;background:var(--surface-raised);box-shadow:var(--shadow)}.settings-expo-card__header,.settings-setting-item{width:100%;display:flex;align-items:center;gap:14px;border:0;padding:18px 20px;background:transparent;color:var(--text);text-align:left}.settings-expo-card__header-copy,.settings-setting-item__content{min-width:0;flex:1}.settings-expo-card__header-copy h3,.settings-setting-item__content h3{margin:0;font-size:17px}.settings-expo-card__header-copy p,.settings-setting-item__content p,.settings-expo-card__empty,.settings-inline-note,.settings-expo-footer{margin:4px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.45}.settings-expo-card__header svg,.settings-setting-item svg,.settings-logout-button svg{flex:0 0 auto}.settings-expo-card__body,.settings-setting-item__detail{display:grid;gap:12px;padding:0 20px 18px}.settings-expo-card__body--stacked,.settings-setting-item__detail--stacked,.settings-modal-form{display:grid;gap:14px}.settings-inline-action,.settings-inline-save{justify-self:start}.settings-table-list{display:grid}.settings-info-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--border) 85%,transparent)}.settings-info-row.last{padding-bottom:0;border-bottom:0}.settings-info-row__label{color:var(--text-tertiary);font-size:13px;font-weight:700}.settings-info-row__value{max-width:58%;color:var(--text);font-size:14px;font-weight:500;text-align:right;overflow-wrap:anywhere}.settings-setting-item__icon{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary)}.settings-logout-button{width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--danger);border-color:color-mix(in srgb,var(--danger) 28%,var(--border))}.settings-expo-footer{text-align:center;margin-top:4px}.settings-modal-card{width:min(760px,100%)}.settings-modal-form{padding:16px;background:var(--background)}.settings-modal-actions{justify-content:flex-end}:root[data-theme=dark] .settings-user-card,:root[data-theme=dark] .settings-expo-card,:root[data-theme=dark] .settings-setting-item-wrap,:root[data-theme=dark] .settings-setting-item,:root[data-theme=dark] .settings-logout-button{background:var(--surface-raised)}.settings-hero{display:grid;justify-items:center;gap:8px;padding:8px 0 12px;text-align:center}.settings-hero__logo{width:52px;height:52px;border-radius:18px;box-shadow:0 16px 32px #2563eb2e}.settings-hero__eyebrow{margin:0;color:color-mix(in srgb,var(--success) 60%,var(--primary));font-size:15px;font-weight:850}.settings-hero h2{margin:0;font-size:42px;line-height:1.05}.settings-hero p{margin:0;color:var(--text-secondary)}.settings-hero__version{min-height:28px;display:inline-flex;align-items:center;border-radius:999px;padding:0 12px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary);font-size:12px;font-weight:800}.settings-section-block{display:grid;gap:10px}.settings-section-label{margin:0;color:var(--text-tertiary);font-size:12px;font-weight:800;letter-spacing:.02em}.settings-card-stack{display:grid;gap:12px}.settings-row-card,.settings-form-card{border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface-raised) 94%,var(--background));box-shadow:var(--shadow)}.settings-row-card{display:grid;gap:16px;padding:18px 20px}.settings-row-card--split{grid-template-columns:minmax(0,1fr) auto;align-items:center}.settings-row-card--stacked{gap:14px}.settings-row-card--control{grid-template-columns:minmax(0,1fr) auto;align-items:center}.settings-row-card__identity{min-width:0;display:flex;align-items:center;gap:14px}.settings-row-card__identity h3,.settings-form-card__header h3{margin:0;font-size:17px}.settings-row-card__identity p,.settings-form-card__header p{margin:4px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.45}.settings-icon-badge{width:36px;height:36px;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:999px;background:color-mix(in srgb,var(--primary) 15%,var(--surface));color:var(--primary)}.settings-icon-badge--soft{background:color-mix(in srgb,var(--success) 12%,var(--surface));color:var(--success)}.settings-icon-badge--theme{background:color-mix(in srgb,#d946ef 18%,var(--surface));color:#c026d3}.settings-icon-badge--globe{background:color-mix(in srgb,#22c55e 14%,var(--surface));color:#16a34a}.settings-icon-badge--clock{background:color-mix(in srgb,#a855f7 14%,var(--surface));color:#9333ea}.settings-icon-badge--reset{background:color-mix(in srgb,#f59e0b 16%,var(--surface));color:#d97706}.settings-icon-badge--danger{background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:var(--danger)}.settings-mini-grid,.settings-profile-grid{display:grid;gap:10px;margin:0}.settings-mini-grid{grid-template-columns:repeat(3,minmax(136px,1fr))}.settings-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-mini-grid div,.settings-profile-grid div{min-width:0;border:1px solid color-mix(in srgb,var(--border) 92%,transparent);border-radius:14px;padding:10px 12px;background:color-mix(in srgb,var(--surface-muted) 60%,var(--surface))}.settings-row-card__control{min-width:min(320px,100%);display:grid;gap:10px;justify-items:end}.settings-row-card__control--segment{min-width:280px}.settings-row-card__control--field,.settings-row-card__control--actions{width:min(340px,100%)}.settings-row-card__control label{width:100%}.settings-form-card{display:grid;gap:16px;padding:20px}.settings-form-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-row-card--danger{border-color:color-mix(in srgb,var(--danger) 24%,var(--border))}:root[data-theme=dark] .settings-row-card,:root[data-theme=dark] .settings-form-card{background:color-mix(in srgb,var(--surface-raised) 92%,var(--background))}:root[data-theme=dark] .settings-mini-grid div,:root[data-theme=dark] .settings-profile-grid div{background:color-mix(in srgb,var(--surface-muted) 72%,var(--surface))}.detail-text h3{margin:0 0 6px;font-size:15px}.detail-text p{margin:0;color:var(--text-secondary)}.experience-detail-modal{background:var(--background)}.detail-section{display:grid;gap:7px;border:1px solid var(--border);border-radius:8px;background:var(--surface-raised);padding:12px}.detail-section h3,.stroop-detail-header h3{margin:0;color:var(--text-tertiary);font-size:12px;font-weight:850;letter-spacing:0}.detail-section p{margin:0;color:var(--text);line-height:1.5;white-space:pre-wrap}.detail-mono{color:var(--text-secondary)!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;overflow-wrap:anywhere}.detail-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-box{min-width:0;display:grid;gap:5px;border-radius:8px;background:var(--surface-muted);padding:12px}.metric-box span{color:var(--text-tertiary);font-size:12px;font-weight:800}.metric-box strong{color:var(--primary);font-size:20px;line-height:1.15;overflow-wrap:anywhere}.detail-tags{display:flex;flex-wrap:wrap;gap:8px}.detail-tags span{min-height:28px;display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));padding:0 10px;color:var(--primary);font-size:12px;font-weight:800}.stroop-detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.link-button{border:0;background:transparent;color:var(--primary);font-weight:850}.stroop-trial-list{display:grid;gap:8px}.stroop-trial-row{display:grid;gap:3px;border-radius:8px;background:var(--surface-muted);padding:10px}.stroop-trial-row strong,.stroop-trial-row span{color:var(--text-secondary);font-size:13px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--background)}.login-panel{width:min(420px,100%);display:grid;gap:16px;border:1px solid var(--border);border-radius:8px;padding:24px;background:var(--surface);box-shadow:var(--shadow)}.login-brand{display:flex;align-items:center;gap:14px}.login-brand p{margin:4px 0 0;color:var(--text-secondary)}.password-field{position:relative;display:block}.password-field input{padding-right:46px}.form-error{border:1px solid color-mix(in srgb,var(--danger) 35%,var(--border));border-radius:8px;padding:10px 12px;color:var(--danger)}.range-value{color:var(--text-tertiary);font-size:12px}.entry-workspace{display:grid;gap:14px}.entry-mode-toggle{width:min(440px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted);padding:4px}.entry-mode-toggle button{min-height:38px;border:0;border-radius:6px;background:transparent;color:var(--text-secondary);font-weight:800}.entry-mode-toggle button.active{background:var(--surface);color:var(--primary);box-shadow:0 1px 2px #0f172a1f}.guided-entry-shell{display:grid;gap:18px;padding:8px 0 86px}.guided-template-header{display:grid;justify-items:center;gap:8px;text-align:center}.guided-mode-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 12px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary);font-size:14px;font-weight:800}.guided-template-header h2{margin:0;color:var(--primary);font-size:28px;line-height:1.15}.guided-template-header p{width:min(440px,100%);margin:0;color:var(--text-secondary);font-size:14px;line-height:1.5}.guided-stepper-card{position:relative;width:min(760px,100%);margin:0 auto;padding:18px 10px 8px}.guided-stepper-track{position:absolute;top:31px;left:56px;right:56px;height:3px;overflow:hidden;border-radius:999px;background:var(--border)}.guided-stepper-track span{display:block;height:100%;border-radius:inherit;background:var(--primary);transition:width .18s ease}.guided-template-column{width:min(680px,100%);margin:0 auto;display:grid;gap:14px}.guided-template-card,.guided-stage-card,.entry-card{border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.guided-template-card{display:grid;gap:18px;padding:22px}.guided-hero-card{display:grid;gap:14px;padding:18px}.guided-hero-top{display:flex;align-items:flex-start;gap:14px}.guided-badge{width:46px;height:46px;flex:0 0 auto;display:grid;place-items:center;border:2px solid;border-radius:999px;font-weight:850}.guided-eyebrow{display:block;margin-bottom:3px;color:var(--text-tertiary);font-size:12px;font-weight:850;text-transform:uppercase}.guided-hero-card h2,.guided-hero-card p{margin:0}.guided-hero-card h2{font-size:24px}.guided-hero-top p{margin-top:4px;color:var(--text-secondary);font-weight:700}.guided-hero-body{color:var(--text-secondary);line-height:1.5}.guided-progress-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.guided-progress-row span{height:7px;border-radius:999px;background:var(--border)}.guided-tip-card{display:grid;gap:10px;border:1px solid color-mix(in srgb,var(--tip-accent) 34%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--tip-accent) 8%,var(--surface));padding:16px;box-shadow:var(--shadow)}.guided-tip-card p{margin:0;color:var(--text-secondary);line-height:1.5}.guided-tip-card>strong,.guided-tip-examples>strong{color:var(--text);font-size:13px}.guided-tip-header{display:flex;align-items:flex-start;gap:12px}.guided-tip-header>div{flex:1;min-width:0}.guided-tip-icon{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--tip-accent) 14%,var(--surface));color:var(--tip-accent)}.guided-tip-header span:not(.guided-tip-icon){display:block;margin-bottom:2px;color:var(--tip-accent);font-size:12px;font-weight:850;text-transform:uppercase}.guided-tip-header h2{margin:0;font-size:18px}.guided-tip-close{width:34px;height:34px;flex:0 0 auto;border:0;border-radius:999px;background:transparent;color:var(--tip-accent);font-size:18px;font-weight:850}.guided-tip-close:hover{background:color-mix(in srgb,var(--tip-accent) 10%,transparent)}.guided-tip-examples{display:grid;gap:8px}.guided-tip-example{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start}.guided-tip-example span{color:var(--tip-accent);font-weight:900}:root[data-theme=dark] .guided-tip-card{background:color-mix(in srgb,var(--tip-accent) 12%,var(--surface-raised));border-color:color-mix(in srgb,var(--tip-accent) 42%,var(--border))}.guided-steps-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;position:relative;z-index:1}.guided-step-item{min-width:0;display:grid;justify-items:center;gap:7px;color:var(--text-tertiary);font-size:12px;text-align:center}.guided-step-item span{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);font-weight:850}.guided-step-item.active,.guided-step-item.complete{color:var(--text)}.guided-stage-card{display:grid;gap:14px;padding:18px}.entry-stage-header{display:flex;align-items:flex-start;gap:14px}.entry-stage-header>span{width:50px;height:50px;flex:0 0 auto;display:grid;place-items:center;border-radius:18px}.entry-stage-header h2,.entry-stage-header p{margin:0}.entry-stage-header h2{font-size:20px}.entry-stage-header p{margin-top:4px;color:var(--text-secondary);line-height:1.45}.entry-stage-header small{display:block;margin-top:8px;color:var(--text-tertiary);font-size:13px;line-height:1.45}.timing-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.timing-selector button{min-height:48px;border:1px solid var(--border);border-radius:14px;background:var(--surface-muted);color:var(--text-secondary);font-weight:850}.timing-selector button.active{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary)}.experience-time-card,.extreme-toggle-card{border:1px solid var(--border);border-radius:16px;background:var(--surface-muted);padding:14px}.experience-time-card span{display:block;color:var(--text-tertiary);font-size:12px;font-weight:850;text-transform:uppercase}.experience-time-card strong{display:block;margin-top:4px;font-size:20px}.experience-time-card p,.extreme-toggle-card p{margin:6px 0 0;color:var(--text-secondary);font-size:13px}.guided-split-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.guided-whats-happening-fields{display:grid;gap:12px}.guided-whats-happening-fields textarea{min-height:132px;border-width:2px;border-radius:18px;background:color-mix(in srgb,var(--surface-muted) 65%,var(--surface));padding:13px;transition:border-color .16s ease,background .16s ease}.guided-whats-happening-fields textarea:focus{border-color:color-mix(in srgb,var(--primary) 48%,var(--border-strong));background:var(--surface-muted);outline:none}.guided-character-row{display:flex;justify-content:space-between;gap:12px;color:var(--text-tertiary);font-size:12px}.guided-whats-happening-fields .guided-split-stack label{border:1px solid var(--border);border-radius:16px;padding:12px;background:var(--surface-muted)}.guided-whats-happening-fields .guided-split-stack input{border-color:var(--border);background:var(--surface)}.guided-slider-template-card .slider-card{border-radius:18px}.slider-card{position:relative;display:grid;gap:12px;border:1px solid color-mix(in srgb,var(--slider-accent) 26%,var(--border));border-radius:8px;padding:16px;background:var(--slider-card-bg)}.slider-meta-row{display:flex;align-items:center;gap:12px}.slider-icon-bubble{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--slider-accent) 12%,#ffffff);color:var(--slider-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--slider-accent) 18%,transparent)}.slider-title-block{min-width:0;flex:1}.slider-card label{color:var(--text);font-size:15px;line-height:1.3}.slider-card input[type=range]{width:100%;min-height:34px;padding:0;border:0;background:transparent;accent-color:var(--slider-accent);-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider-card input[type=range]::-webkit-slider-runnable-track{height:9px;border-radius:999px;background:linear-gradient(to right,var(--slider-accent) 0%,var(--slider-accent) var(--slider-fill),#cbd5e1 var(--slider-fill),#cbd5e1 100%)}.slider-card input[type=range]::-webkit-slider-thumb{width:24px;height:24px;margin-top:-7.5px;border:3px solid var(--surface);border-radius:999px;background:var(--slider-accent);box-shadow:0 2px 8px #0f172a40;-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider-card input[type=range]::-moz-range-track{height:9px;border-radius:999px;background:#cbd5e1}.slider-card input[type=range]::-moz-range-progress{height:9px;border-radius:999px;background:var(--slider-accent)}.slider-card input[type=range]::-moz-range-thumb{width:18px;height:18px;border:3px solid var(--surface);border-radius:999px;background:var(--slider-accent);box-shadow:0 2px 8px #0f172a40}.slider-value-pill{min-width:44px;min-height:30px;display:grid;place-items:center;border:1px solid var(--slider-accent);border-radius:999px;background:var(--surface);color:var(--slider-accent);font-weight:850}.slider-meta strong{color:var(--slider-accent)}:root[data-theme=dark] .slider-card{background:color-mix(in srgb,var(--slider-accent) 15%,var(--surface-raised));border-color:color-mix(in srgb,var(--slider-accent) 36%,var(--border))}:root[data-theme=dark] .slider-icon-bubble{background:color-mix(in srgb,var(--slider-accent) 18%,var(--surface-muted))}:root[data-theme=dark] .slider-card input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--slider-accent) 0%,var(--slider-accent) var(--slider-fill),#334155 var(--slider-fill),#334155 100%)}:root[data-theme=dark] .slider-card input[type=range]::-moz-range-track{background:#334155}.switch-row{display:flex;align-items:center;gap:10px;color:var(--text);font-size:14px}.switch-row input{width:18px;min-height:18px;accent-color:var(--primary)}.guided-footer{position:sticky;bottom:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--surface) 94%,transparent);padding:12px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.guided-footer>span{color:var(--text-secondary);font-weight:750}.guided-footer-actions{display:flex;gap:10px}@media (max-width: 860px){.modal-header-actions{width:100%;justify-content:flex-end}.experience-edit-actions{grid-template-columns:1fr}.app-navbar-main{min-height:64px;padding:0 12px;gap:8px}.signed-in-as{max-width:34vw;font-size:12px}.app-navbar-utility-link span{display:none}.app-navbar-links{justify-content:flex-start;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;padding:0 10px}.app-navbar-item{font-size:14px;padding:0 10px}.page-frame{padding:14px}.metric-grid,.settings-grid,.form-grid,.detail-grid,.profile-summary,.settings-profile-grid,.settings-mini-grid{grid-template-columns:1fr}.settings-page,.settings-expo-page{width:100%}.settings-hero h2{font-size:34px}.settings-row-card--split,.settings-row-card--control{grid-template-columns:1fr}.settings-info-row{display:grid;gap:4px}.settings-info-row__value{max-width:none;text-align:left}.settings-row-card__control,.settings-row-card__control--segment,.settings-row-card__control--field,.settings-row-card__control--actions{width:100%;min-width:0;justify-items:stretch}.settings-row-card__identity{align-items:flex-start}.entry-row{grid-template-columns:1fr}.toolbar-card{flex-wrap:wrap}.toolbar-title{order:-1;flex:1 0 100%}.segmented-control{width:100%;grid-auto-flow:row;grid-template-columns:repeat(3,1fr)}.calendar-card{width:min(390px,100%);padding:12px}.calendar-grid{gap:4px}.calendar-day{min-height:36px}.guided-steps-rail,.guided-split-stack{grid-template-columns:1fr}.guided-stepper-track{display:none}.guided-step-item{grid-template-columns:auto 1fr;justify-items:start;text-align:left}.guided-footer{align-items:stretch;display:grid}.guided-footer-actions{display:grid;grid-template-columns:1fr 1fr}}@media (max-width: 520px){.settings-user-card,.settings-expo-card__header,.settings-setting-item,.settings-expo-card__body,.settings-setting-item__detail,.settings-modal-form{padding-left:16px;padding-right:16px}.settings-user-card{align-items:flex-start}.settings-modal-actions{display:grid}.settings-row-card,.settings-form-card{padding:16px;border-radius:16px}.settings-hero__logo{width:46px;height:46px;border-radius:14px}.settings-hero h2{font-size:30px}.form-actions{display:grid}.range-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-day{min-height:34px}.calendar-day span{font-size:13px}.stroop-modal-root{padding:10px}.stroop-modal-card{min-height:calc(100vh - 20px)}.stroop-centered-section{padding:20px}.stroop-choices,.stroop-summary-grid{grid-template-columns:1fr}.primary-button,.secondary-button,.danger-button{width:100%}.compact-metrics span{flex:1 0 42%;justify-content:center}}
