:root{--bg:#131315;--surface:#1e1e22;--raised:#28282d;--ink:#f5f2f3;--muted:#a6a3ad;--line:#343238;--accent:#edb7c7;--accent-soft:#34262e;--coral:#edb7c7;--danger:#ffa8a0;--radius:20px;--paper:var(--bg);--card:var(--surface);--primary:var(--accent);--on-accent:#30212a;--primary-ink:var(--on-accent);--danger-ink:#30201e;--ease-out:cubic-bezier(.22, 1, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);background:var(--bg);font-synthesis:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-underline-offset:3px}img{max-width:100%;display:block}button,textarea,input,select{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin-top:0}p{line-height:1.65}h1,h2,h3{letter-spacing:-.025em;font-weight:650}h1{font-size:1.85rem}h2{font-size:1.35rem}h3{font-size:1.08rem}button svg,a svg{flex-shrink:0}button svg{width:18px;height:18px}button{touch-action:manipulation}.button,.secondary,.quiet{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 17px;font-size:.88rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.button{background:var(--accent);color:var(--on-accent)}.button:hover{background:#f5ccda}.secondary{background:var(--surface);border-color:var(--line)}.secondary:hover{background:var(--raised)}.quiet{color:var(--muted);background:0 0;padding:9px 11px}.quiet:hover{color:var(--ink);background:var(--raised)}.danger{color:var(--danger)}.field{gap:7px;font-size:.85rem;font-weight:550;display:grid}.field input,.field textarea,.field select,input.field,textarea.field,select.field{border:1px solid var(--line);background:var(--surface);border-radius:10px;width:100%;min-width:0;padding:11px 12px;font-size:.94rem;font-weight:400}.field textarea{resize:vertical;min-height:105px}.field small{color:var(--muted);font-weight:400;line-height:1.5}.form-error{color:var(--danger);background:#392525;border-radius:10px;padding:11px 13px;font-size:.88rem;line-height:1.5}.muted{color:var(--muted)}.small{font-size:.83rem}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.empty{text-align:center;border:1px dashed var(--line);color:var(--muted);border-radius:12px;padding:44px 24px}.empty h2,.empty h3{color:var(--ink)}.page-title{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.page-title h1{margin:0;font-family:inherit;font-size:2rem;font-weight:700}.page-title p{color:var(--muted);margin:8px 0 0;font-size:.92rem}.stack{gap:18px;display:grid}.row{align-items:center;gap:12px;display:flex}.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.avatar{color:#284c43;background:#e3eae7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:650;display:inline-flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--surface);padding:12px;position:fixed;top:-70px;left:20px}.skip-link:focus{top:15px}.status-note{color:var(--accent);font-size:.85rem}.tabs{border-bottom:1px solid var(--line);gap:5px;margin-bottom:25px;display:flex;overflow-x:auto}.tabs button,.tabs a{color:var(--muted);background:0 0;border:0;flex-shrink:0;padding:13px 17px;font-weight:550;text-decoration:none}.tabs [aria-selected=true],.tabs .active{color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.loading-line{background:var(--raised);border-radius:5px;max-width:70%;height:12px;margin:18px 0;animation:1.8s infinite alternate breathe}.loading-line:nth-child(2){max-width:90%}.loading-line:nth-child(3){max-width:50%}@keyframes breathe{to{opacity:.5}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:600px){.page-title h1{font-size:1.85rem}.page-title{gap:10px;margin-bottom:20px}.panel{padding:18px}.button,.secondary{min-height:44px;padding:10px 13px}.page-title .button{font-size:.8rem}.tabs button,.tabs a{padding:13px 12px}.field input,.field select,.field textarea{font-size:16px}}::selection{color:#fff;background:#674451}input::placeholder,textarea::placeholder{color:#96929c;opacity:1}button,a{transition:background-color .14s,color .14s}.panel{box-shadow:none}.empty>.section-art,.journal-empty>.section-art{margin:0 auto 22px}@media (prefers-reduced-motion:no-preference){.button,.secondary,.quiet,.header-icon{transition:background-color .16s ease, color .16s ease, border-color .16s ease, transform .18s var(--ease-out), box-shadow .18s ease}.button:active:not(:disabled),.secondary:active:not(:disabled),.quiet:active:not(:disabled),.header-icon:active:not(:disabled){transform:scale(.96)}.field input,.field textarea,.field select{transition:border-color .16s,box-shadow .16s}.field :is(input,textarea,select):focus-visible{box-shadow:0 0 0 5px #edb7c70c}.journal-page,.activities-page,.plans-page,.music-page,.settings-page,.welcome-form,.pairing-page{animation:page-arrive .34s var(--ease-out) both}.form-error,.auth-confirmation{animation:feedback-arrive .2s var(--ease-out)}@media (hover:hover){.button:hover:not(:disabled):not(:active),.secondary:hover:not(:disabled):not(:active){transform:translateY(-1px);box-shadow:0 4px 12px #0002}}@keyframes page-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes feedback-arrive{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}