:root{color-scheme:dark;--bg:#090d1a;--card:rgba(19,25,47,.87);--border:rgba(160,173,224,.13);--text:#edf1ff;--muted:#a3aecb;--subtle:#7d8aa9;--violet:#aaa1ff;--blue:#93b8ff;--radius:23px;--focus:#c7b7ff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{min-height:100%;background:#090d1a}body{min-height:100dvh;margin:0;color:var(--text);background:radial-gradient(ellipse 70% 40% at 85% 0%,rgba(66,59,130,.26),transparent 72%),radial-gradient(ellipse 75% 50% at 4% 42%,rgba(31,66,108,.16),transparent 74%),#090d1a;font-size:15px;line-height:1.5}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:3px}a{color:var(--blue)}.starfield{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.56;background-image:radial-gradient(1px 1px at 11% 9%,#dae3ff 98%,transparent),radial-gradient(1px 1px at 73% 14%,#dae3ff 98%,transparent),radial-gradient(1px 1px at 36% 28%,#cbd5ff 98%,transparent),radial-gradient(2px 2px at 88% 34%,#aaa5ff 98%,transparent),radial-gradient(1px 1px at 18% 65%,#e6deff 98%,transparent),radial-gradient(1px 1px at 68% 81%,#a1bbff 98%,transparent),radial-gradient(1px 1px at 45% 91%,#c2caff 98%,transparent);background-size:341px 333px,457px 431px,391px 373px,509px 467px,287px 281px,419px 397px,563px 521px}
.app-shell{position:relative;z-index:1;min-height:100dvh;max-width:850px;margin:auto;padding:0 max(18px,env(safe-area-inset-right)) calc(102px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.app-header{height:88px;display:flex;align-items:center;gap:12px}.brand-mark{height:40px;width:40px;border-radius:13px;border:1px solid #51588d;display:grid;place-items:center;color:#c3b9ff;font-size:25px;background:linear-gradient(130deg,#24294d,#111a32)}.brand-text{display:flex;flex-direction:column;line-height:1.05;gap:5px}.brand-text strong{font-size:18px;letter-spacing:.2px;font-weight:660}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:770;color:#a8adff;margin:0}.brand-text .eyebrow{font-size:9px;letter-spacing:1.7px}.private-pill{margin-left:auto;display:flex;align-items:center;gap:7px;border:1px solid rgba(131,169,173,.19);padding:7px 10px;border-radius:30px;font-size:11px;color:#bbd2d5;background:rgba(12,45,51,.42);white-space:nowrap}.private-dot{width:6px;height:6px;background:#9fcfc5;border-radius:50%}.screen[hidden]{display:none}.hero{position:relative;padding:45px 6px 25px;overflow:hidden}.hero-glow{position:absolute;z-index:-1;left:44%;top:-110px;height:330px;width:330px;border-radius:50%;background:radial-gradient(circle,rgba(98,78,188,.22),rgba(41,43,102,.12) 46%,transparent 72%);pointer-events:none}.hero h1{font-size:clamp(37px,8vw,60px);letter-spacing:-1.9px;line-height:1.14;font-weight:690;margin:18px 0 15px}.hero-star{font-weight:400;color:#b0a5ff}.hero-desc{max-width:410px;font-size:15px;color:#b1b9d6;line-height:1.75;margin:0 0 9px}.surface{background:linear-gradient(135deg,rgba(25,31,56,.9),rgba(14,21,40,.92));border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 9px 29px rgba(0,0,0,.1)}.daily-card{padding:23px}.card-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tiny-icon{font-size:19px;color:#b6acff;line-height:1}.status-tag{margin-left:auto;font-size:10px;background:rgba(167,169,246,.1);color:#bfc5e5;border-radius:99px;padding:5px 9px}.summary-copy{font-size:15px;color:#c7cee4;line-height:1.7;margin:27px 0 23px;min-height:48px}.primary-button,.secondary-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:13px 18px;border-radius:15px;text-decoration:none;font-weight:650;font-size:14px;min-height:48px;transition:filter .15s,transform .15s;border:0}.primary-button{background:linear-gradient(100deg,#9c94ee,#7e9fe7);color:#10162d}.primary-button:hover{filter:brightness(1.1)}.primary-button:active,.secondary-button:active{transform:scale(.99)}.secondary-button{border:1px solid rgba(168,181,231,.25);background:rgba(111,124,184,.1);color:#d8ddff}.secondary-button:hover{background:rgba(121,133,189,.18)}.full{width:100%}.section-title{font-size:18px;font-weight:650;margin:29px 3px 15px;letter-spacing:-.3px}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.shortcut{padding:20px 17px 19px;min-height:156px;text-align:left;display:flex;flex-direction:column;color:var(--text)}.shortcut-symbol{display:grid;place-items:center;font-size:23px;width:45px;height:45px;border-radius:14px;margin-bottom:15px}.history-symbol{color:#a6c6ff;background:rgba(86,132,206,.12)}.support-symbol{color:#c8b4ff;background:rgba(136,110,212,.13)}.shortcut strong{font-size:15px}.shortcut small{font-size:12px;color:var(--muted);margin-top:3px}.quiet-note{display:flex;align-items:flex-start;gap:13px;color:var(--muted);font-size:12px;line-height:1.7;padding:20px 14px}.quiet-note>span:first-child{color:#b1a7ef}.page-heading{padding:31px 4px 22px}.page-heading h1{font-size:clamp(31px,6vw,43px);letter-spacing:-1.2px;line-height:1.15;margin:10px 0 11px}.page-heading p:last-child{margin:0;color:var(--muted);line-height:1.7}.form-card{padding:23px;margin-bottom:14px}.form-card h2,.chart-card h2,.grounding-card h2,.help-card h2{font-size:17px;font-weight:660;margin:0 0 13px;letter-spacing:-.25px}.field-head{display:block;color:#e0e5fa;font-size:13px;font-weight:620;margin-bottom:10px}.optional{color:var(--subtle);font-weight:450;font-size:11px;margin-left:4px}.helper{font-size:12px;color:var(--muted);line-height:1.7;margin:9px 0 0}.block-helper{margin:0 0 15px}.form-card input:not([type=checkbox]),.form-card textarea,.modal input{display:block;width:100%;max-width:100%;background:#0d1429;color:var(--text);border:1px solid #384164;border-radius:13px;padding:13px;font-size:15px;min-height:47px}.form-card textarea{resize:vertical;line-height:1.5}.form-card input::placeholder,.form-card textarea::placeholder{color:#75809f}.scale-field{padding-top:16px;margin-top:14px;border-top:1px solid rgba(153,169,211,.1)}.scale-field:first-child{margin-top:0;padding-top:0;border:0}.scale-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:13px;font-weight:640;margin:0 0 11px}.scale-title small{font-size:10px;color:#8996b7;font-weight:450}.scale-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.scale-option{background:#111b32;border:1px solid #293552;min-height:59px;padding:8px 2px 7px;color:#b1bdd8;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;font-size:11px;line-height:1.2}.scale-option .num{font-size:16px;font-weight:720;color:#d1d9f5}.scale-option.selected{background:rgba(141,141,237,.2);border-color:#aaa3ff;color:#e5ddff;box-shadow:inset 0 0 0 1px rgba(177,166,255,.12)}.scale-option.selected .num{color:#ede8ff}.scale-caption{font-size:11px;color:#8795b9;margin:8px 0 0}.extra-details{margin-bottom:14px;overflow:hidden}.extra-details summary{cursor:pointer;padding:20px 23px;font-weight:650;display:flex;justify-content:space-between;gap:10px;list-style:none}.extra-details summary::-webkit-details-marker{display:none}.extra-details summary>span{color:var(--muted);font-weight:400;font-size:12px}.details-inner{padding:0 23px 23px}.extra-details .scale-options{grid-template-columns:repeat(5,minmax(0,1fr))}.save-button{margin:19px 0 8px}.under-save{text-align:center;color:var(--subtle);font-size:11px;margin:0 0 30px}.chart-card{padding:23px}.chart-top{display:flex;align-items:center;justify-content:space-between;gap:9px}.chart-top h2{margin:0}.chart-top select{color:#d9dffe;background:#151d34;border:1px solid #3a4568;border-radius:11px;padding:8px;font-size:12px;max-width:60%}.chart-area{height:190px;margin-top:16px;display:flex;align-items:center;justify-content:center}.chart-area svg{width:100%;height:100%;overflow:visible}.chart-area .empty-chart{font-size:12px;color:var(--subtle);text-align:center;line-height:1.6}.chart-axis{font-size:11px;fill:#8290b4}.chart-gridline{stroke:#303957;stroke-dasharray:3 5}.chart-dot{fill:#b2a5ff;stroke:#161f3d;stroke-width:2}.chart-line{stroke:#999eee;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.list-heading{display:flex;align-items:baseline;justify-content:space-between}.count-pill{font-size:11px;color:var(--muted)}.history-list{display:grid;gap:10px;margin-bottom:18px}.history-item{display:flex;align-items:center;text-align:left;gap:14px;padding:16px 18px;border:1px solid var(--border);color:var(--text);width:100%}.history-date{display:flex;flex-direction:column;line-height:1.4;min-width:70px}.history-date strong{font-size:14px}.history-date small{font-size:11px;color:var(--muted)}.history-data{flex:1;color:#b7c1dd;font-size:12px;line-height:1.5}.history-arrow{color:#b2a6f2;font-size:20px}.empty-list{text-align:center;color:var(--muted);padding:28px;font-size:13px}.centered{text-align:center;margin:10px 6px 22px}.grounding-card{padding:24px;margin-bottom:14px;background:linear-gradient(125deg,rgba(41,40,82,.8),rgba(15,25,49,.9))}.grounding-mark{display:grid;place-items:center;width:49px;height:49px;border-radius:15px;background:rgba(167,151,246,.16);color:#c6b5ff;font-size:27px;margin-bottom:16px}.grounding-card p{color:#c4cce1;font-size:13px;line-height:1.8}.grounding-extra{min-height:0;color:#dad4ff!important}.support-form .field-head{margin-top:19px}.separator{height:1px;background:rgba(175,181,219,.13);margin:23px 0}.help-card{padding:23px;margin:14px 0}.help-card p{color:var(--muted);font-size:13px;line-height:1.7}.help-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.help-actions a{min-height:42px;font-size:12px}.storage-status{font-size:12px;color:#bfc4e8;padding:14px 0}.file-picker{cursor:pointer}.bottom-nav{position:fixed;bottom:0;left:0;right:0;margin:auto;z-index:5;width:100%;max-width:850px;display:flex;justify-content:space-around;align-items:stretch;padding:10px 12px calc(9px + env(safe-area-inset-bottom));background:rgba(11,16,34,.96);border-top:1px solid rgba(165,179,227,.14);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav-item{flex:1;border:0;color:#8792b0;background:transparent;min-width:0;padding:5px 2px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;font-weight:560;min-height:49px}.nav-symbol{font-size:24px;line-height:1.1}.nav-item.active{color:#bbb1ff}.nav-item.active .nav-symbol{filter:drop-shadow(0 0 12px rgba(154,148,255,.35))}.toast{position:fixed;bottom:calc(100px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,20px);background:#272d4c;color:#f0edff;border:1px solid #5a628e;box-shadow:0 12px 36px rgba(0,0,0,.4);border-radius:15px;padding:11px 16px;font-size:13px;max-width:90%;min-width:220px;text-align:center;z-index:10;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.modal{background:#131b33;border:1px solid #50587d;border-radius:23px;color:var(--text);padding:25px;width:calc(100% - 32px);max-width:430px;box-shadow:0 25px 70px #0009}.modal::backdrop{background:rgba(1,5,16,.78)}.modal h2{font-size:23px;letter-spacing:-.6px;margin:9px 0}.modal .field-head{margin-top:18px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.modal .error{color:#ffb5c5;font-size:12px;min-height:16px}.noscript-message{text-align:center;margin:20px;color:#ffccd5}@media(max-width:390px){.app-shell{padding-left:14px;padding-right:14px}.scale-option{font-size:10px;min-height:56px}.scale-options{gap:5px}.daily-card,.form-card,.chart-card{padding:18px}.extra-details summary{padding:18px}.details-inner{padding:0 18px 18px}.private-pill{font-size:10px}.brand-text strong{font-size:16px}.hero{padding-top:28px}}@media(min-width:650px){.hero{padding:70px 10px 35px}.app-header{height:96px}.daily-card{padding:28px}.screen{max-width:650px;margin:auto}.home-grid{gap:17px}.page-heading{padding-top:40px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

.scale-options.two{grid-template-columns:repeat(2,minmax(0,1fr))}.scale-options.three{grid-template-columns:repeat(3,minmax(0,1fr))}

.subtle-danger{display:block;margin:0 auto 25px;color:#d5a8bf;background:transparent;border:0;text-decoration:underline;text-underline-offset:4px;font-size:12px;padding:10px}.subtle-danger[hidden]{display:none}.erase-button{margin-top:17px;color:#f1c1d3;border-color:#6c465c}

/* v1.1: optional focused experience logger */
.experience-cta {display:flex;align-items:center;gap:13px;padding:16px 18px;margin-top:13px;width:100%;text-align:left;color:var(--text);border:1px solid rgba(153,159,228,.24)}
.experience-icon {width:42px;height:42px;flex-shrink:0;border-radius:14px;background:rgba(139,129,226,.14);color:#c3b7ff;display:grid;place-items:center;font-size:21px}
.experience-cta-copy{display:flex;flex:1;flex-direction:column;gap:4px}
.experience-cta-copy strong{font-size:14px}
.experience-cta-copy small{font-size:11px;line-height:1.5;color:var(--muted)}
.stacked-label{margin-top:18px}
.form-card select,.experience-details select {display:block;width:100%;background:#0d1429;color:var(--text);border:1px solid #384164;border-radius:13px;padding:12px;font-size:15px;min-height:47px}
.experience-details textarea{display:block;width:100%;background:#0d1429;color:var(--text);border:1px solid #384164;border-radius:13px;padding:13px;font-size:15px;resize:vertical}
.experience-details .scale-options.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.history-add{margin:3px 0 12px}
.experience-history-title{display:block;font-size:12px;color:#d7dcf2;line-height:1.45;font-weight:600}
.experience-history-meta{display:block;color:#929fc2;margin-top:3px;line-height:1.4}
#back-from-experience{margin-bottom:25px}