.sync-chip{display:flex;align-items:center;gap:8px;width:100%;padding:5px 8px;border:none;background:none;border-radius:var(--radius-sm);font-size:.76rem;font-weight:500;color:var(--text-muted);cursor:pointer;text-align:left}.sync-chip:hover{background:var(--accent-bg)}.sync-chip-label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-chip>svg{flex-shrink:0}.sync-chip--synced{color:var(--text-muted)}.sync-chip--synced>svg{color:var(--green, #2E7D32);opacity:.75}.sync-chip--syncing{color:var(--primary)}.sync-chip--offline{color:var(--amber, #B7791F);cursor:default}.sync-chip--error{color:var(--red, #C0392B)}.sync-chip--offline,.sync-chip--error{font-weight:600}.sidebar--collapsed .sync-chip{justify-content:center;padding:6px 0}.sync-chip-spin{animation:sync-spin 1s linear infinite}@keyframes sync-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.sync-chip-spin{animation-duration:2.4s}}.sidebar{width:220px;min-height:100vh;min-height:100dvh;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;height:100dvh;overflow:visible;transition:width .22s ease;z-index:100}.sidebar--collapsed{width:60px}.sb-top{display:flex;align-items:center;justify-content:space-between;padding:16px 12px 12px;min-height:58px;flex-shrink:0;border-bottom:1px solid var(--border);position:relative;z-index:102}.sidebar--collapsed .sb-top{justify-content:center;padding:16px 0 12px;flex-direction:column;gap:8px}.sb-brand{display:flex;align-items:center;gap:11px;overflow:hidden}.sb-logo-svg{width:34px;height:34px;flex-shrink:0}.sidebar--collapsed .sb-logo-svg{width:30px;height:30px}.sb-brand-text{display:flex;flex-direction:column;gap:3px;overflow:hidden;min-width:0}.sb-brand-name{font-family:var(--font-body);font-size:1.25rem;font-weight:700;color:var(--text);white-space:nowrap;line-height:1;letter-spacing:-.03em;transition:color var(--transition)}.sb-brand-tagline{font-family:var(--font-body);font-size:.6rem;font-weight:400;color:var(--text-muted);white-space:nowrap;letter-spacing:.025em;line-height:1;transition:color var(--transition)}.sb-toggle{width:26px;height:26px;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background var(--transition),color var(--transition),border-color var(--transition)}.sb-toggle:hover{background:var(--accent-bg);color:var(--primary);border-color:var(--accent)}.sb-nav{display:flex;flex-direction:column;gap:2px;padding:12px 8px;flex-shrink:0;position:relative;z-index:102}.sb-tab{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:.875rem;font-weight:500;transition:background var(--transition),color var(--transition),padding .22s ease;white-space:nowrap;width:100%;text-align:left}.sb-tab:hover{background:var(--surface-2);color:var(--text)}.sb-tab.active{background:var(--accent-bg);color:var(--primary);font-weight:600}.sb-tab-icon{display:inline-flex;align-items:center;flex-shrink:0;opacity:.75}.sb-tab.active .sb-tab-icon{opacity:1}.sidebar--collapsed .sb-tab{padding:9px 13px}.sb-more-btn{display:none}.sb-spacer{flex:1}.sb-bottom{display:flex;flex-direction:column;gap:2px;padding:8px 8px 16px;border-top:1px solid var(--border);flex-shrink:0;position:relative}.sb-div{height:1px;background:var(--border);margin:7px 8px;opacity:.8}.sb-credit{margin:10px 8px 0;padding:9px 2px 0;border-top:1px solid var(--border);font-size:.64rem;color:var(--text-faint);letter-spacing:.02em;display:flex;align-items:center;justify-content:flex-start;gap:8px;text-decoration:none;transition:color var(--transition)}.sidebar--collapsed .sb-credit{display:none}.sb-credit-ic{flex-shrink:0}.sb-credit strong{color:var(--text-muted);font-weight:700}.sb-credit:hover,.sb-credit:hover strong{color:var(--primary)}.sb-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.sb-action-group{position:relative;display:flex;flex-direction:column;z-index:101}.sb-action{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-muted);font-size:.82rem;font-weight:500;cursor:pointer;white-space:nowrap;width:100%;text-align:left;transition:background var(--transition),color var(--transition),padding .22s ease;flex-shrink:0}.sb-action:hover{background:var(--surface-2);color:var(--text)}.sb-action.open{background:var(--accent-bg);color:var(--primary)}.sidebar--collapsed .sb-action{padding:8px 14px}.sidebar--collapsed .sb-profile{padding-left:11px}.sb-action>svg,.sb-avatar{flex-shrink:0}.sb-action-label{flex:1;overflow:hidden;text-overflow:ellipsis}.sb-caret{flex-shrink:0;opacity:.5;transition:transform var(--transition)}@keyframes sb-reveal{0%{opacity:0;max-width:0;transform:translate(-4px)}to{opacity:1;max-width:240px;transform:none}}@media (min-width: 641px){.sb-brand-text,.sb-tab-label,.sb-action-label,.sb-action>span:not(.sb-avatar){overflow:hidden;white-space:nowrap}.sb-brand-text{animation:sb-reveal .32s ease .14s both}.sb-tab-label{animation:sb-reveal .32s ease .2s both}.sb-action-label,.sb-action>span:not(.sb-avatar){animation:sb-reveal .32s ease .24s both}}@media (prefers-reduced-motion: reduce){.sb-brand-text,.sb-tab-label,.sb-action-label,.sb-action>span:not(.sb-avatar){animation:none}}.sb-caret.rotated{transform:rotate(180deg)}.theme-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1.5px #80808040}.sb-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-top:4px;animation:panelIn .15s ease}.sb-panel--float{position:absolute;left:calc(100% + 8px);bottom:0;top:auto;width:180px;margin-top:0;box-shadow:var(--shadow-lg);z-index:200;max-height:80vh;overflow-y:auto}@keyframes panelIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sb-panel-heading{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:8px}.sb-option-list{display:flex;flex-direction:column;gap:2px;max-height:210px;overflow-y:auto}.sb-option-btn{display:flex;align-items:center;gap:7px;padding:7px 8px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-muted);font-size:.82rem;font-weight:500;cursor:pointer;text-align:left;width:100%;transition:background var(--transition),color var(--transition)}.sb-option-btn:hover{background:var(--surface-2);color:var(--text)}.sb-option-btn.active{background:var(--accent-bg);color:var(--primary);font-weight:600}.sb-opt-icon{flex-shrink:0;opacity:.7}.sb-option-btn.active .sb-opt-icon{opacity:1}.sb-currency-sym{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;font-size:.8rem;font-weight:700;color:currentColor;flex-shrink:0;line-height:1}.sb-currency-sym--sm{width:13px;height:13px;font-size:.72rem;opacity:.7}.sb-option-btn.active .sb-currency-sym--sm{opacity:1}@media (max-width: 1024px){.sb-toggle{display:none}.sidebar--collapsed .sb-top{justify-content:center}}@media (max-width: 640px){.sidebar{position:fixed;top:auto;left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto!important;height:62px;min-height:unset;flex-direction:row;align-items:stretch;padding:6px;border:1px solid color-mix(in srgb,var(--border) 65%,transparent);border-right-width:1px;border-radius:999px;background:color-mix(in srgb,var(--surface) 72%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 38%,transparent),0 2px 10px color-mix(in srgb,var(--accent) 22%,transparent);z-index:300;overflow:visible;transition:none}.sb-top,.sb-spacer,.sb-bottom{display:none}.sb-nav{flex-direction:row;flex:1;padding:0;gap:0;overflow-x:auto;overflow-y:visible;scrollbar-width:none;align-items:stretch;position:relative;z-index:210}.sb-nav::-webkit-scrollbar{display:none}.sb-tab--extra{display:none}.sb-tab{flex:1;flex-direction:column;justify-content:center;align-items:center;padding:6px 4px 5px;gap:3px;border-radius:999px;min-width:52px;white-space:nowrap;font-size:.66rem;font-weight:500}.sb-tab-label{display:block;font-size:.6rem;line-height:1;color:inherit}.sb-tab-icon{opacity:1}.sb-tab.active{background:var(--primary);color:var(--on-primary, #fff);box-shadow:none}.sb-more-btn{display:flex;flex:0 0 56px}.sb-more-btn.active{background:var(--accent);color:var(--on-primary, #fff)}.sb-nav{overflow:visible}.sb-mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000061;z-index:160;animation:fadeIn .26s ease both}.sb-mobile-backdrop.closing{animation:fadeOut .22s ease both}.sb-mobile-sheet{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:16px;right:16px;z-index:200;background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);border:1px solid color-mix(in srgb,var(--border) 65%,transparent);border-radius:31px;box-shadow:0 14px 44px color-mix(in srgb,var(--accent) 35%,transparent);padding:16px 14px 76px;max-height:calc(100dvh - 40px);overflow-y:auto;display:flex;flex-direction:column;gap:12px;will-change:transform;transform-origin:50% 100%;animation:pillGrow .28s cubic-bezier(.2,.85,.3,1) both}@keyframes pillGrow{0%{transform:scaleY(.14);opacity:.3}to{transform:none;opacity:1}}.sidebar:has(.sb-mobile-sheet:not(.closing)){background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}@keyframes pillShrink{0%{transform:none;opacity:1}to{transform:scaleY(.14);opacity:0}}.sb-mobile-sheet.closing{animation:pillShrink .2s cubic-bezier(.4,0,1,1) both}@media (prefers-reduced-motion: reduce){.sb-mobile-sheet,.sb-mobile-sheet.closing,.sb-mobile-backdrop,.sb-mobile-backdrop.closing{animation-duration:.01ms}}.sb-mobile-sheet:before{content:"";width:38px;height:4px;border-radius:99px;background:var(--border);margin:-8px auto 2px;flex-shrink:0}.sb-sheet-profile,.sb-sheet-action,.sb-sheet-tab{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.sb-sheet-profile{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius-sm);width:100%;text-align:left}.sb-sheet-profile .sb-avatar{width:34px;height:34px;font-size:.92rem}.sb-sheet-profile-name{flex:1;min-width:0;font-size:.95rem;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-sheet-profile-caret{color:var(--text-faint);flex-shrink:0}.sb-sheet-profile:hover{border-color:var(--primary)}.sb-sheet-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sb-sheet-tab{display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 4px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:.64rem;font-weight:600;text-align:center}.sb-sheet-tab-icon{display:grid;place-items:center}.sb-sheet-tab-label{line-height:1.1}.sb-sheet-tab.active{color:var(--primary);border-color:var(--primary);background:var(--accent-bg)}.sb-sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sb-sheet-action{display:flex;align-items:center;gap:9px;padding:11px 12px;border-radius:var(--radius-sm);color:var(--text);font-size:.82rem;font-weight:600}.sb-sheet-action svg{color:var(--text-muted);flex-shrink:0}.sb-sheet-action:hover{border-color:var(--primary);color:var(--primary)}.sb-sheet-action:hover svg{color:var(--primary)}.sb-sheet-signout{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px;border:none;background:transparent;color:var(--text-muted);font-size:.82rem;font-weight:600;cursor:pointer;border-radius:var(--radius-sm)}.sb-sheet-signout:hover{color:var(--red);background:var(--red-bg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes sheetIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes sheetOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(16px)}}.sb-avatar{width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:.72rem;font-weight:700;flex-shrink:0}.sb-avatar--sm{width:19px;height:19px;font-size:.6rem}.sb-avatar{overflow:hidden}.sb-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.sb-profile-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eb-wrap{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--bg)}.eb-wrap--compact{min-height:50vh}.eb-card{max-width:380px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:32px 28px}.eb-icon{display:inline-block;color:var(--primary);margin-bottom:12px}.eb-title{font-family:var(--font-heading, Georgia, serif);font-size:1.3rem;font-weight:700;color:var(--text);margin:0 0 8px}.eb-body{font-size:.9rem;line-height:1.55;color:var(--text-muted);margin:0 0 18px}.eb-btn{border:none;background:var(--primary);color:#fff;font-size:.9rem;font-weight:600;padding:10px 22px;border-radius:999px;cursor:pointer;transition:filter .15s}.eb-btn:hover{filter:brightness(1.08)}.legal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;background:#140c0880;display:flex;align-items:center;justify-content:center;padding:20px;animation:legal-fade .2s ease}@keyframes legal-fade{0%{opacity:0}to{opacity:1}}.legal-modal{width:100%;max-width:600px;max-height:86vh;display:flex;flex-direction:column;background:var(--surface, #fff);border:1px solid var(--border, #e7ddd2);border-radius:18px;box-shadow:0 24px 60px #140c084d;overflow:hidden;animation:legal-pop .24s cubic-bezier(.34,1.4,.64,1)}@keyframes legal-pop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1}}.legal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px 14px;border-bottom:1px solid var(--border, #e7ddd2)}.legal-title{font-family:var(--font-heading, Georgia, serif);font-size:1.25rem;font-weight:700;color:var(--text, #3a2c20);margin:0}.legal-x{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;color:var(--text-faint, #b3a89a);border-radius:8px}.legal-x:hover{background:var(--surface-2, #f4eee6);color:var(--text)}.legal-body{padding:16px 22px 22px;overflow-y:auto}.legal-eff{font-size:.76rem;color:var(--text-faint, #b3a89a);margin:0 0 16px}.legal-section{margin-bottom:18px}.legal-section h3{font-size:.92rem;font-weight:700;color:var(--text, #3a2c20);margin:0 0 5px}.legal-section p{font-size:.86rem;line-height:1.55;color:var(--text-muted, #6d6055);margin:0 0 6px}.legal-cookie-btn{margin-top:8px;font-size:.84rem;font-weight:600;color:var(--primary, #6A3C1C);background:none;border:1.5px solid var(--border, #e3d8cc);border-radius:20px;padding:8px 16px;cursor:pointer;transition:all .15s}.legal-cookie-btn:hover{border-color:var(--primary, #6A3C1C);background:var(--accent-bg, rgba(0,0,0,.04))}.consent-banner{position:fixed;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:200;max-width:560px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:16px 18px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md, 14px);box-shadow:var(--shadow-lg, 0 12px 40px rgba(0,0,0,.25));animation:consent-rise .2s ease}@keyframes consent-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.consent-text{flex:1 1 240px;margin:0;font-size:.85rem;line-height:1.45;color:var(--text-muted)}.consent-link{color:var(--primary);font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer;background:none;border:none;padding:0;font-size:inherit}.consent-link:hover{filter:brightness(1.1)}.consent-actions{display:flex;gap:8px;flex-shrink:0;margin-left:auto}.consent-btn{font-size:.82rem;font-weight:600;padding:8px 16px;border-radius:20px;cursor:pointer;border:1.5px solid var(--border);transition:all .15s;white-space:nowrap}.consent-btn--ghost{background:transparent;color:var(--text-muted)}.consent-btn--ghost:hover{color:var(--text);border-color:var(--text-muted)}.consent-btn--primary{background:var(--primary);border-color:var(--primary);color:#fff}.consent-btn--primary:hover{filter:brightness(1.05)}@media (max-width: 640px){.consent-banner{bottom:calc(70px + env(safe-area-inset-bottom,0px))}}@media (max-width: 480px){.consent-actions{width:100%}.consent-btn{flex:1}}@media (max-width: 360px){.consent-banner{padding:14px;gap:10px}.consent-text{font-size:.8rem}.consent-btn{padding:8px 12px;font-size:.8rem}}.welcome{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;z-index:4000;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;overflow:hidden;overscroll-behavior:none;background:radial-gradient(1100px 720px at 50% 30%,var(--surface),var(--bg) 72%);animation:welcome-in .6s ease both;-webkit-tap-highlight-color:transparent}.welcome--leaving{animation:welcome-out .42s ease forwards}@keyframes welcome-in{0%{opacity:0}to{opacity:1}}@keyframes welcome-out{0%{opacity:1}to{opacity:0}}@keyframes welcome-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.welcome-skip{position:absolute;top:max(18px,env(safe-area-inset-top));right:18px;border:none;background:none;color:var(--text-muted);font-size:.85rem;font-weight:500;padding:8px 12px;border-radius:999px;cursor:pointer;opacity:.7;transition:opacity .15s,background .15s}.welcome-skip:hover{opacity:1;background:color-mix(in srgb,var(--text) 7%,transparent)}.welcome-stage{width:min(600px,100%);margin:auto;text-align:center;display:flex;flex-direction:column;align-items:center}.welcome-mark{margin-bottom:24px;opacity:0;animation:welcome-rise .7s cubic-bezier(.22,.61,.36,1) .1s both}.welcome-lines{display:flex;flex-direction:column;gap:12px}.welcome-line{margin:0;color:var(--text);opacity:0;animation:welcome-rise .7s cubic-bezier(.22,.61,.36,1) both}.welcome-line--0{animation-delay:.28s;font-family:var(--font-heading, Georgia, serif);font-size:clamp(2rem,7vw,3.2rem);font-weight:600;letter-spacing:-.02em;line-height:1.1}.welcome-line--1{animation-delay:.72s;font-family:var(--font-heading, Georgia, serif);font-size:clamp(1.15rem,4vw,1.55rem);font-style:italic}.welcome-line--2{animation-delay:1.16s;font-size:clamp(.95rem,3.2vw,1.1rem);color:var(--text-muted)}.welcome-begin{margin-top:34px;border:none;background:var(--primary);color:#fff;font-size:.95rem;font-weight:600;padding:12px 34px;border-radius:999px;cursor:pointer;opacity:0;transform:translateY(8px);pointer-events:none;box-shadow:0 6px 20px color-mix(in srgb,var(--primary) 32%,transparent);transition:opacity .55s ease,transform .55s ease,filter .15s}.welcome-begin.is-in{opacity:1;transform:none;pointer-events:auto}.welcome-begin:hover{filter:brightness(1.07)}.welcome-begin:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (max-width: 560px){.welcome{padding:20px}.welcome-mark{margin-bottom:18px}.welcome-lines{gap:9px}.welcome-begin{margin-top:26px}}@media (max-height: 560px){.welcome-mark{margin-bottom:12px}.welcome-begin{margin-top:20px}}.welcome--still{animation:none}.welcome--still .welcome-mark,.welcome--still .welcome-line{animation:none;opacity:1;transform:none}.welcome--still .welcome-begin{transition:none}@media (prefers-reduced-motion: reduce){.welcome,.welcome-mark,.welcome-line,.welcome-begin{animation:none!important;transition:none!important}.welcome-mark,.welcome-line,.welcome-begin.is-in{opacity:1;transform:none}}.sm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px;background:#140c1073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:sm-fade .18s ease}@keyframes sm-fade{0%{opacity:0}to{opacity:1}}.sm-modal{position:relative;width:100%;max-width:440px;max-height:calc(100vh - 40px);overflow-y:auto;background:var(--surface, #fff);color:var(--text, #2b2b2b);border-radius:20px;padding:30px 26px 26px;box-shadow:0 24px 70px #140c1057;animation:sm-rise .22s cubic-bezier(.22,.61,.36,1) backwards}@keyframes sm-rise{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.sm-x{position:absolute;top:14px;right:14px;display:inline-flex;padding:6px;border:none;background:transparent;color:var(--text, #2b2b2b);opacity:.5;border-radius:8px;cursor:pointer;transition:opacity .15s ease}.sm-x:hover{opacity:1}.sm-title{margin:0 0 4px;font-family:var(--font-display, Georgia, serif);font-size:1.5rem;text-align:center}.sm-sub{margin:0 0 18px;text-align:center;font-size:.9rem;opacity:.72}.sm-ref{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding:9px 13px;border-radius:11px;font-size:.85rem;font-weight:600;background:color-mix(in srgb,var(--primary) 12%,var(--surface, #fff));color:var(--primary)}.sm-field{display:block;margin:0 0 18px}.sm-field-label{display:block;margin:0 0 7px;font-size:.82rem;font-weight:700;opacity:.8}.sm-input-row{display:flex;gap:8px}.sm-input{flex:1 1 auto;display:flex;align-items:center;gap:8px;min-width:0;padding:0 12px;border-radius:11px;border:1px solid color-mix(in srgb,var(--text, #2b2b2b) 16%,transparent);background:color-mix(in srgb,var(--text, #2b2b2b) 4%,var(--surface, #fff))}.sm-input svg{color:var(--primary);flex-shrink:0}.sm-input input{flex:1 1 auto;min-width:0;padding:11px 0;border:none;background:transparent;color:inherit;font-size:.92rem;outline:none}.sm-apply{flex-shrink:0;padding:0 18px;border-radius:11px;border:1px solid var(--primary);background:transparent;color:var(--primary);font-weight:700;font-size:.88rem;cursor:pointer;transition:background .15s ease,color .15s ease}.sm-apply:hover{background:var(--primary);color:var(--on-primary, #fff)}.sm-apply:disabled{opacity:.55;cursor:default}.sm-applied{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:0 14px;border-radius:11px;background:color-mix(in srgb,var(--primary) 14%,var(--surface, #fff));color:var(--primary);font-weight:700;font-size:.85rem}.sm-hint{display:block;margin-top:7px;font-size:.78rem;opacity:.62}.sm-hint--ok{color:var(--primary);opacity:1;font-weight:600}.sm-err{display:block;margin-top:7px;font-size:.8rem;color:#c0392b;font-weight:600}.sm-plans{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sm-plan{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 12px 16px;border-radius:15px;border:1.5px solid color-mix(in srgb,var(--text, #2b2b2b) 14%,transparent);background:var(--surface, #fff);cursor:pointer;transition:border-color .15s ease,transform .12s ease,box-shadow .15s ease}.sm-plan:hover{transform:translateY(-2px);box-shadow:0 10px 26px #140c101f}.sm-plan.is-best{border-color:var(--primary)}.sm-plan:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none}.sm-plan-badge{position:absolute;top:-10px;padding:2px 10px;border-radius:999px;background:var(--primary);color:var(--on-primary, #fff);font-size:.68rem;font-weight:700}.sm-plan-name{font-weight:700;font-size:.95rem}.sm-plan-price{font-family:var(--font-display, Georgia, serif);font-size:1.5rem;font-weight:700}.sm-plan-price s{font-size:.85rem;opacity:.5;margin-right:5px;font-family:inherit}.sm-plan-price small{font-size:.8rem;opacity:.6;font-weight:500;font-family:inherit}.sm-plan-note{font-size:.74rem;opacity:.62;text-align:center}.sm-plan-save{font-size:.72rem;font-weight:700;color:#2e7d32}.sm-lifetime{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:12px;padding:14px 18px;border-radius:14px;border:1.5px solid color-mix(in srgb,var(--primary) 45%,transparent);background:color-mix(in srgb,var(--primary) 7%,var(--surface, #fff));color:var(--text, #2b2b2b);cursor:pointer;text-align:left;transition:border-color .15s ease,transform .12s ease,box-shadow .15s ease}.sm-lifetime:hover{transform:translateY(-2px);box-shadow:0 10px 26px #140c101f}.sm-lifetime:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none}.sm-lifetime-l{display:flex;flex-direction:column;gap:2px;min-width:0}.sm-lifetime-l b{font-size:.98rem}.sm-lifetime-l small{font-size:.78rem;opacity:.66}.sm-lifetime-price{flex-shrink:0;font-family:var(--font-display, Georgia, serif);font-size:1.4rem;font-weight:700}.sm-lifetime-price s{font-size:.92rem;opacity:.5;margin-right:5px}@media (max-width: 460px){.sm-modal{padding:26px 18px 20px;border-radius:17px}.sm-plans{gap:9px}.sm-plan{padding:16px 8px 14px}}.trial-banner{display:flex;align-items:center;gap:11px;padding:9px 14px;margin:0 0 18px;border-radius:13px;background:color-mix(in srgb,var(--primary) 11%,var(--surface, #fff));border:1px solid color-mix(in srgb,var(--primary) 26%,transparent);color:var(--text, #2b2b2b);font-size:.9rem;line-height:1.3}.trial-banner.is-soon{background:color-mix(in srgb,var(--primary) 20%,var(--surface, #fff));border-color:color-mix(in srgb,var(--primary) 44%,transparent)}.trial-banner-ic{color:var(--primary);flex-shrink:0}.trial-banner-msg{flex:1 1 auto;min-width:0;font-weight:600}.trial-banner-cta{flex-shrink:0;padding:6px 17px;border-radius:999px;border:none;background:var(--primary);color:var(--on-primary, #fff);font-weight:700;font-size:.85rem;cursor:pointer;transition:filter .15s ease}.trial-banner-cta:hover{filter:brightness(1.06)}.trial-banner-plans{display:flex;gap:8px;flex-shrink:0}.trial-banner-plans button{padding:6px 15px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 42%,transparent);background:var(--surface, #fff);color:var(--text, #2b2b2b);font-weight:700;font-size:.85rem;cursor:pointer;transition:filter .15s ease,background .15s ease}.trial-banner-plans button.is-best{background:var(--primary);color:var(--on-primary, #fff);border-color:var(--primary)}.trial-banner-plans button:hover{filter:brightness(1.04)}.trial-banner-x{flex-shrink:0;display:inline-flex;align-items:center;padding:4px;border:none;background:transparent;color:var(--text, #2b2b2b);opacity:.5;cursor:pointer;border-radius:7px;transition:opacity .15s ease}.trial-banner-x:hover{opacity:1}@media (max-width: 560px){.trial-banner{font-size:.82rem;padding:8px 11px;gap:9px;border-radius:11px;margin-bottom:14px}.trial-banner-cta,.trial-banner-plans button{padding:6px 13px;font-size:.8rem}}.fb-card{position:fixed;z-index:60;right:20px;bottom:20px;width:min(360px,calc(100vw - 32px));box-sizing:border-box;padding:18px 18px 16px;border-radius:18px;background:var(--surface, #fff);border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border, #e6e0d8));box-shadow:var(--shadow-lg, 0 12px 40px rgba(0, 0, 0, .16));color:var(--text, #2b2b2b);animation:fb-rise .32s cubic-bezier(.2,.8,.25,1) both}@keyframes fb-rise{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.fb-x{position:absolute;top:10px;right:10px;display:inline-flex;padding:5px;border:none;background:transparent;color:var(--text, #2b2b2b);opacity:.45;cursor:pointer;border-radius:8px;transition:opacity .15s ease}.fb-x:hover{opacity:1}.fb-title{margin:0 22px 4px 0;font-weight:800;font-size:1rem}.fb-intro{margin:0 0 14px;font-size:.86rem;line-height:1.45;color:var(--text-muted, #6b6258)}.fb-q{margin:0 0 7px;font-size:.82rem;font-weight:600;color:var(--text-muted, #6b6258)}.fb-hearts{display:flex;gap:4px;margin-bottom:14px}.fb-heart{display:inline-flex;padding:3px;border:none;background:transparent;color:color-mix(in srgb,var(--primary) 32%,var(--text-faint, #b8afa4));cursor:pointer;border-radius:8px;transition:transform .12s ease,color .12s ease}.fb-heart:hover{transform:scale(1.12)}.fb-heart.is-on{color:var(--primary, #d98ca6)}.fb-heart:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 60%,transparent);outline-offset:1px}.fb-text{width:100%;box-sizing:border-box;resize:none;padding:10px 12px;border-radius:12px;border:1px solid var(--input-border, var(--border, #e6e0d8));background:var(--input-bg, var(--surface-2, #faf7f2));color:var(--text, #2b2b2b);font:inherit;font-size:.86rem;line-height:1.4}.fb-text::-moz-placeholder{color:var(--text-faint, #b8afa4)}.fb-text::placeholder{color:var(--text-faint, #b8afa4)}.fb-text:focus{outline:none;border-color:color-mix(in srgb,var(--primary) 55%,transparent)}.fb-err{margin:8px 0 0;font-size:.8rem;color:var(--red, #d3544f)}.fb-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:14px}.fb-later{border:none;background:transparent;color:var(--text-muted, #6b6258);font-size:.84rem;font-weight:600;cursor:pointer;padding:7px 4px}.fb-later:hover{color:var(--text, #2b2b2b)}.fb-send{padding:8px 20px;border-radius:999px;border:none;background:var(--primary, #d98ca6);color:var(--on-primary, #fff);font-weight:700;font-size:.86rem;cursor:pointer;transition:filter .15s ease,opacity .15s ease}.fb-send:hover:not(:disabled){filter:brightness(1.06)}.fb-send:disabled{opacity:.45;cursor:default}.fb-thanks{text-align:center;padding:12px 6px 6px}.fb-thanks-ic{color:var(--primary, #d98ca6)}.fb-thanks-title{margin:8px 0 4px;font-weight:800;font-size:1rem}.fb-thanks-body{margin:0;font-size:.86rem;line-height:1.45;color:var(--text-muted, #6b6258)}@media (max-width: 640px){.fb-card{right:10px;left:10px;width:auto;bottom:calc(76px + env(safe-area-inset-bottom,0px))}}.upd-toast{position:fixed;z-index:1300;right:24px;bottom:24px;display:flex;align-items:center;gap:11px;max-width:360px;padding:12px 14px;border-radius:14px;background:var(--surface, #fff);color:var(--text, #2b2b2b);border:1px solid color-mix(in srgb,var(--primary) 24%,transparent);box-shadow:0 12px 34px #140c1038;animation:upd-rise .26s cubic-bezier(.22,.61,.36,1) backwards}@keyframes upd-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.upd-toast-ic{color:var(--primary);flex-shrink:0}.upd-toast-msg{flex:1 1 auto;min-width:0;font-size:.9rem;font-weight:600;line-height:1.3}.upd-toast-btn{flex-shrink:0;padding:7px 16px;border-radius:999px;border:none;background:var(--primary);color:var(--on-primary, #fff);font-weight:700;font-size:.85rem;cursor:pointer;transition:filter .15s ease}.upd-toast-btn:hover{filter:brightness(1.06)}.upd-toast-x{flex-shrink:0;display:inline-flex;align-items:center;padding:4px;border:none;background:transparent;color:var(--text, #2b2b2b);opacity:.5;border-radius:7px;cursor:pointer;transition:opacity .15s ease}.upd-toast-x:hover{opacity:1}@media (max-width: 640px){.upd-toast{left:12px;right:12px;max-width:none;bottom:calc(88px + env(safe-area-inset-bottom,0px));padding:11px 13px;gap:10px}.upd-toast-msg{font-size:.86rem}}@media (prefers-reduced-motion: reduce){.upd-toast{animation:none}}.mascot{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;line-height:0}.mascot img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;display:block;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ob-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:grid;place-items:center;padding:20px;background:#140c068c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:ob-fade .45s ease both}@keyframes ob-fade{0%{opacity:0}to{opacity:1}}.ob-modal{width:100%;max-width:460px;max-height:92vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:ob-rise .5s cubic-bezier(.22,.61,.36,1) .06s both}@keyframes ob-rise{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}.ob-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:26px 28px 18px;border-bottom:1px solid var(--border)}.ob-title{font-family:var(--font-heading);font-size:1.45rem;font-weight:800;color:var(--text);margin:4px 0 0}.ob-subtitle{font-size:.85rem;color:var(--text-muted);margin:0;line-height:1.5;max-width:36ch}.ob-body{display:flex;flex-direction:column;gap:18px;padding:22px 28px}.ob-field{display:flex;flex-direction:column;gap:8px}.ob-hint{font-size:.72rem;color:var(--text-faint);margin-top:-2px}.ob-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint)}.ob-input,.ob-select,.ob-goal-input{font-size:.9rem;color:var(--text);background:var(--input-bg, var(--surface-2));border:1.5px solid var(--input-border, var(--border));border-radius:var(--radius-sm);padding:10px 12px;outline:none;transition:border-color var(--transition)}.ob-input:focus,.ob-select:focus,.ob-goal-input:focus{border-color:var(--primary)}.ob-row{display:flex;gap:12px}.ob-field--half{flex:1;min-width:0}.ob-select{cursor:pointer;width:100%}.ob-themes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ob-theme{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-muted);font-size:.84rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.ob-theme:hover{border-color:var(--primary)}.ob-theme.active{border-color:var(--primary);color:var(--primary);background:var(--accent-bg)}.ob-theme-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px #0000001a}.ob-mascots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ob-mascot{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer;transition:all var(--transition)}.ob-mascot:hover{border-color:var(--primary);transform:translateY(-1px)}.ob-mascot.active{border-color:var(--primary);background:var(--accent-bg);box-shadow:0 0 0 2px var(--accent-bg)}.ob-mascot-name{font-size:.72rem;font-weight:600;color:var(--text-muted)}.ob-mascot.active .ob-mascot-name{color:var(--primary)}.ob-goal{display:flex;align-items:center;gap:8px}.ob-step{width:36px;height:38px;flex-shrink:0;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all var(--transition)}.ob-step:hover{border-color:var(--primary);color:var(--primary)}.ob-modal:not(.is-armed) .ob-step:hover,.ob-modal:not(.is-armed) .ob-theme:hover,.ob-modal:not(.is-armed) .ob-mascot:hover{border-color:var(--border);color:var(--text);transform:none}.ob-goal-input{width:72px;text-align:center;-moz-appearance:textfield}.ob-goal-input::-webkit-outer-spin-button,.ob-goal-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ob-goal-unit{font-size:.84rem;color:var(--text-muted)}.ob-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 28px 22px;border-top:1px solid var(--border)}.ob-skip{background:none;border:none;color:var(--text-faint);font-size:.84rem;font-weight:600;cursor:pointer;padding:8px 4px}.ob-skip:hover{color:var(--text-muted)}.ob-start{flex:1;max-width:220px;border:none;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-size:.92rem;font-weight:700;padding:12px 20px;cursor:pointer;transition:background var(--transition)}.ob-start:hover{background:var(--primary-hover)}@media (max-width: 480px){.ob-head{padding:22px 20px 16px}.ob-body{padding:18px 20px}.ob-foot{padding:14px 20px 20px}.ob-mascots{grid-template-columns:repeat(4,1fr)}.ob-row{flex-direction:column}}.tour-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4000}.tour-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#140c088c;animation:tour-fade .25s ease;transition:background .26s ease}@keyframes tour-fade{0%{opacity:0}to{opacity:1}}.tour-root.is-revealed:has(.tour-spotlight) .tour-backdrop{background:transparent}.tour-spotlight{position:fixed;border-radius:12px;box-shadow:0 0 0 9999px #140c088c;outline:2px solid var(--accent, #c4825a);outline-offset:0;pointer-events:none;opacity:0;transition:opacity .26s ease;animation:tour-pulse 1.9s ease-in-out infinite}.tour-root.is-revealed .tour-spotlight{opacity:1}@keyframes tour-pulse{0%,to{box-shadow:0 0 0 9999px #140c088c,0 0 color-mix(in srgb,var(--accent,#c4825a) 40%,transparent)}50%{box-shadow:0 0 0 9999px #140c088c,0 0 0 5px color-mix(in srgb,var(--accent,#c4825a) 18%,transparent)}}.tour-card{position:fixed;width:320px;max-width:calc(100vw - 24px);background:var(--surface, #fff);border:1px solid var(--border, #e7ddd2);border-radius:16px;box-shadow:0 18px 50px #140c0847;padding:18px 18px 14px;z-index:4010;opacity:0;transform:translateY(12px) scale(.97);transition:opacity .26s ease,transform .34s cubic-bezier(.34,1.4,.5,1)}.tour-root.is-revealed .tour-card{opacity:1;transform:none}.tour-card--center{left:50%;top:50%;transform:translate(-50%,calc(-50% + 12px)) scale(.97);width:380px;text-align:center}.tour-root.is-revealed .tour-card--center{transform:translate(-50%,-50%) scale(1)}.tour-close{position:absolute;top:10px;right:10px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;color:var(--text-faint, #b3a89a);border-radius:8px;transition:background .15s,color .15s}.tour-close:hover{background:var(--surface-2, #f4eee6);color:var(--text, #4a3a2c)}.tour-step-count{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent, #c4825a);margin-bottom:6px}.tour-title-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.tour-title-row .tour-mascot{flex-shrink:0}.tour-title-row .tour-title{margin:0}.tour-title{font-family:var(--font-heading, Georgia, serif);font-size:1.18rem;font-weight:700;color:var(--text, #3a2c20);margin:0 0 6px;line-height:1.2}.tour-body{font-size:.88rem;line-height:1.5;color:var(--text-muted, #6d6055);margin:0 0 14px}.tour-arrow{position:absolute;z-index:1;width:15px;height:15px;background:var(--surface, #fff);border:1px solid var(--border, #e7ddd2);transform:rotate(45deg)}.tour-arrow--right{border-right:none;border-top:none}.tour-arrow--left{border-left:none;border-bottom:none}.tour-arrow--bottom{border-right:none;border-bottom:none}.tour-arrow--top{border-left:none;border-top:none}.tour-progressbar{height:3px;border-radius:999px;background:var(--surface-2, #e7ddd2);overflow:hidden;margin-bottom:14px}.tour-progressbar>span{display:block;height:100%;background:var(--primary, #6a3c1c);border-radius:999px;transition:width .3s ease}.tour-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.tour-card--center .tour-actions{justify-content:center}.tour-nav-btns{display:flex;gap:8px}.tour-skip{border:none;background:transparent;color:var(--text-faint, #b3a89a);font-size:.82rem;cursor:pointer;padding:6px 2px}.tour-skip:hover{color:var(--text-muted, #6d6055);text-decoration:underline}.tour-btn{font-size:.85rem;font-weight:600;border-radius:999px;padding:8px 16px;cursor:pointer;border:1px solid transparent;transition:filter .15s,background .15s}.tour-btn--ghost{background:var(--surface-2, #f4eee6);color:var(--text, #4a3a2c)}.tour-btn--ghost:hover{filter:brightness(.96)}.tour-btn--primary{background:var(--primary, #6a3c1c);color:#fff}.tour-btn--primary:hover{filter:brightness(1.08)}@media (max-width: 900px){.tour-card{width:300px}}@media (max-width: 640px){.tour-card--center{width:calc(100vw - 24px)}.tour-title{font-size:1.06rem}.tour-body{font-size:.85rem;margin-bottom:12px}.tour-actions,.tour-title-row{gap:8px}.tour-title-row .tour-mascot{width:30px!important;height:30px!important}.tour-btn{padding:9px 16px}.tour-skip{font-size:.8rem}}.section-nudge{position:fixed;z-index:3800;width:244px;max-width:calc(100vw - 24px);background:var(--primary);color:var(--on-primary, #fff);border-radius:12px;padding:12px 14px;box-shadow:var(--shadow-lg);animation:section-nudge-in .3s cubic-bezier(.22,.61,.36,1) both}@keyframes section-nudge-in{0%{opacity:0;transform:translateY(-50%) translate(-6px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.section-nudge-arrow{position:absolute;left:-5px;top:50%;transform:translateY(-50%) rotate(45deg);width:12px;height:12px;background:var(--primary);border-radius:2px}.section-nudge-text{margin:0 0 10px;font-size:.85rem;line-height:1.4;color:var(--on-primary, #fff)}.section-nudge-actions{display:flex;align-items:center;gap:8px}.section-nudge-yes{border:none;background:var(--on-primary, #fff);color:var(--primary);font-size:.8rem;font-weight:700;padding:6px 15px;border-radius:999px;cursor:pointer;transition:filter .15s}.section-nudge-yes:hover{filter:brightness(.95)}.section-nudge-no{margin-left:auto;border:none;background:color-mix(in srgb,var(--on-primary, #fff) 18%,transparent);color:var(--on-primary, #fff);width:24px;height:24px;border-radius:50%;font-size:.72rem;line-height:1;cursor:pointer;transition:background .15s}.section-nudge-no:hover{background:color-mix(in srgb,var(--on-primary, #fff) 32%,transparent)}.auth-wrap{position:relative;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--bg);background-image:var(--bg-pattern);background-size:var(--bg-pattern-size)}.auth-loader{color:var(--accent);animation:auth-pulse 1.2s ease-in-out infinite}@keyframes auth-pulse{0%,to{opacity:.35;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}:root{--shelf-chip-bg: rgba(255,255,255,.3);--shelf-chip-border: rgba(255,255,255,.25);--shelf-chip-bg-hover: rgba(255,255,255,.55);--shelf-chip-border-hover: rgba(255,255,255,.5)}html[data-theme=parchment]{--bg: #F9F5EE;--surface: #FFFFFF;--surface-2: #F2E8DA;--border: #DCCFBE;--text: #2A1A0C;--text-muted: #6E5139;--text-faint: #6E5636;--primary: #6A3C1C;--primary-hover: #562E12;--on-primary: #FFFFFF;--accent: #C4825A;--accent-hover: #D4926A;--accent-bg: #FDF0E6;--green: #4E7A46;--green-bg: #EAF2E4;--amber: #A07010;--amber-bg: #FDF4D8;--blue: #3C6A9E;--blue-bg: #E6EEF8;--red: #9E3C2C;--red-bg: #FAE8E4;--purple: #704880;--purple-bg: #EEE4F4;--teal: #307868;--teal-bg: #E0F0EC;--orange: #B06030;--orange-bg: #FAF0E4;--chart-1: #6A3C1C;--chart-2: #C4825A;--chart-3: #A86040;--chart-4: #4E7A46;--chart-5: #3C6A9E;--chart-6: #B87820;--chart-7: #8A5080;--chart-8: #9E3C2C;--shadow: 0 1px 4px rgba(106,60,28,.08), 0 2px 12px rgba(106,60,28,.07);--shadow-md: 0 4px 20px rgba(106,60,28,.13);--shadow-lg: 0 8px 36px rgba(106,60,28,.18);--shelf-wood: linear-gradient(180deg,#C09060 0%,#A87840 40%,#C09060 60%,#906030 100%);--shelf-edge: #7A4E28;--shelf-col-bg: linear-gradient(160deg,#ede0c8 0%,#ddd0b2 40%,#cfc09a 70%,#c4b088 100%);--shelf-col-border: #b09070;--shelf-filter-label: #7a5c3a;--input-bg: #F5F1EB;--input-border: #D0C4B4;--bg-pattern: radial-gradient(circle, rgba(106,60,28,.07) 1px, transparent 1px);--bg-pattern-size: 26px 26px}html[data-theme=tobacco]{--bg: #140C05;--surface: #1E1208;--surface-2: #2A1A0C;--border: #3E2818;--text: #F2E0C4;--text-muted: #C29060;--text-faint: #A78759;--primary: #D4A06C;--primary-hover: #E4B07C;--on-primary: #231405;--accent: #E8C070;--accent-hover: #F4D080;--accent-bg: #281808;--green: #6EAA60;--green-bg: #101E08;--amber: #E4B850;--amber-bg: #201A06;--blue: #6090C8;--blue-bg: #0C1628;--red: #D07060;--red-bg: #220C06;--purple: #A880C0;--purple-bg: #1A0E28;--teal: #60B898;--teal-bg: #0A1E16;--orange: #E09060;--orange-bg: #201008;--chart-1: #D4A06C;--chart-2: #E8C070;--chart-3: #C07840;--chart-4: #6EAA60;--chart-5: #6090C8;--chart-6: #E4B850;--chart-7: #B880A8;--chart-8: #D07060;--shadow: 0 1px 4px rgba(0,0,0,.36), 0 2px 12px rgba(0,0,0,.3);--shadow-md: 0 4px 20px rgba(0,0,0,.48);--shadow-lg: 0 8px 36px rgba(0,0,0,.62);--shelf-wood: linear-gradient(180deg,#5A3018 0%,#482210 40%,#5A3018 60%,#381808 100%);--shelf-edge: #2E1408;--shelf-col-bg: linear-gradient(160deg,#2e1c0c 0%,#261608 40%,#201208 70%,#1c1006 100%);--shelf-col-border: #4a2c14;--shelf-filter-label: #c49060;--shelf-chip-bg: rgba(232,192,112,.1);--shelf-chip-border: rgba(232,192,112,.3);--shelf-chip-bg-hover: rgba(232,192,112,.22);--shelf-chip-border-hover: rgba(232,192,112,.5);--input-bg: #281A0E;--input-border: #4A2C18;--bg-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Ccircle cx='8' cy='14' r='0.9' fill='%23E8C070' opacity='0.42'/%3E%3Ccircle cx='42' cy='6' r='1.2' fill='%23D4A06C' opacity='0.36'/%3E%3Ccircle cx='76' cy='22' r='0.7' fill='%23E8C070' opacity='0.32'/%3E%3Ccircle cx='19' cy='48' r='1.4' fill='%23E8C070' opacity='0.28'/%3E%3Ccircle cx='58' cy='38' r='0.8' fill='%23F4D080' opacity='0.38'/%3E%3Ccircle cx='67' cy='68' r='1.1' fill='%23E8C070' opacity='0.30'/%3E%3Ccircle cx='30' cy='74' r='1.0' fill='%23D4A06C' opacity='0.26'/%3E%3Ccircle cx='82' cy='50' r='1.3' fill='%23D4A06C' opacity='0.24'/%3E%3Ccircle cx='6' cy='62' r='0.7' fill='%23E8C070' opacity='0.30'/%3E%3Ccircle cx='50' cy='58' r='0.5' fill='%23F4D080' opacity='0.22'/%3E%3Ccircle cx='37' cy='30' r='0.6' fill='%23E8C070' opacity='0.20'/%3E%3Ccircle cx='88' cy='80' r='0.8' fill='%23D4A06C' opacity='0.18'/%3E%3C/svg%3E");--bg-pattern-size: 90px 90px}html[data-theme=blossom]{--bg: #FDF4F7;--surface: #FFFFFF;--surface-2: #FAE8EF;--border: #ECC8D4;--text: #34141E;--text-muted: #8A4A5E;--text-faint: #946579;--primary: #B43C5E;--primary-hover: #9A2C4E;--on-primary: #FFFFFF;--accent: #E0708E;--accent-hover: #F0809E;--accent-bg: #FEF0F5;--green: #528A68;--green-bg: #E8F4EC;--amber: #B87820;--amber-bg: #FBF0D8;--blue: #5070C0;--blue-bg: #EAF0FC;--red: #C82040;--red-bg: #FCE8EE;--purple: #8C5A8C;--purple-bg: #F4EAF8;--teal: #2E9080;--teal-bg: #DFF2EE;--orange: #C86848;--orange-bg: #FBEEE8;--chart-1: #B43C5E;--chart-2: #E0708E;--chart-3: #D06080;--chart-4: #528A68;--chart-5: #5070C0;--chart-6: #B87820;--chart-7: #8C5A8C;--chart-8: #C82040;--shadow: 0 1px 4px rgba(180,60,94,.08), 0 2px 12px rgba(180,60,94,.07);--shadow-md: 0 4px 20px rgba(180,60,94,.13);--shadow-lg: 0 8px 36px rgba(180,60,94,.18);--shelf-wood: linear-gradient(180deg,#ECA8B8 0%,#D89098 40%,#ECA8B8 60%,#C87888 100%);--shelf-edge: #B86880;--shelf-col-bg: linear-gradient(160deg,#f2d8e4 0%,#e8c8d6 40%,#dcb8c8 70%,#d0a8ba 100%);--shelf-col-border: #d4a0b4;--shelf-filter-label: #9a5070;--input-bg: #FAF4F6;--input-border: #E0C8D0;--bg-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cg fill='%23E0708E' opacity='0.10'%3E%3Ccircle cx='55' cy='54' r='9'/%3E%3Ccircle cx='70' cy='64' r='9'/%3E%3Ccircle cx='65' cy='82' r='9'/%3E%3Ccircle cx='47' cy='82' r='9'/%3E%3Ccircle cx='41' cy='64' r='9'/%3E%3C/g%3E%3Ccircle cx='55' cy='70' r='5' fill='%23FDF4F7' opacity='0.10'/%3E%3Cg fill='%23B43C5E' opacity='0.075'%3E%3Ccircle cx='162' cy='124' r='7'/%3E%3Ccircle cx='173' cy='132' r='7'/%3E%3Ccircle cx='169' cy='147' r='7'/%3E%3Ccircle cx='155' cy='147' r='7'/%3E%3Ccircle cx='151' cy='132' r='7'/%3E%3C/g%3E%3Ccircle cx='162' cy='136' r='3.5' fill='%23FAE8EF' opacity='0.075'/%3E%3Cg fill='%23E0708E' opacity='0.07'%3E%3Ccircle cx='115' cy='18' r='6'/%3E%3Ccircle cx='126' cy='25' r='6'/%3E%3Ccircle cx='122' cy='37' r='6'/%3E%3Ccircle cx='108' cy='37' r='6'/%3E%3Ccircle cx='104' cy='25' r='6'/%3E%3C/g%3E%3Ccircle cx='115' cy='28' r='3' fill='%23FDF4F7' opacity='0.07'/%3E%3Cellipse cx='28' cy='168' rx='5' ry='10' fill='%23E0708E' opacity='0.055' transform='rotate(-28,28,168)'/%3E%3Cellipse cx='188' cy='60' rx='4' ry='8' fill='%23D9698A' opacity='0.05' transform='rotate(22,188,60)'/%3E%3Cellipse cx='90' cy='195' rx='4' ry='7' fill='%23E0708E' opacity='0.05' transform='rotate(-15,90,195)'/%3E%3C/svg%3E");--bg-pattern-size: 220px 220px}html[data-theme=noir]{--bg: #111520;--surface: #181D2C;--surface-2: #1F2636;--border: #2C3450;--text: #E2E8F8;--text-muted: #8292B0;--text-faint: #7283AE;--primary: #5A8AF2;--primary-hover: #6A9AFF;--on-primary: #0C1222;--accent: #78A6FF;--accent-hover: #88B6FF;--accent-bg: #182040;--green: #48C898;--green-bg: #081E18;--amber: #E8C040;--amber-bg: #1E1A06;--blue: #5898F0;--blue-bg: #0C1830;--red: #F07070;--red-bg: #200808;--purple: #A880F0;--purple-bg: #140C28;--teal: #40C8C0;--teal-bg: #081E1E;--orange: #F09050;--orange-bg: #1E1008;--chart-1: #5A8AF2;--chart-2: #78A6FF;--chart-3: #4870D8;--chart-4: #48C898;--chart-5: #80C4F0;--chart-6: #E8C040;--chart-7: #A880F0;--chart-8: #F07070;--shadow: 0 1px 4px rgba(0,0,0,.44), 0 2px 12px rgba(0,0,0,.38);--shadow-md: 0 4px 20px rgba(0,0,0,.54);--shadow-lg: 0 8px 36px rgba(0,0,0,.68);--shelf-wood: linear-gradient(180deg,#28304E 0%,#1C2440 40%,#28304E 60%,#141C38 100%);--shelf-edge: #101830;--shelf-col-bg: linear-gradient(160deg,#222840 0%,#1c2238 40%,#181d30 70%,#141828 100%);--shelf-col-border: #303858;--input-bg: #1F2740;--input-border: #344060;--shelf-filter-label: #7890c8;--shelf-chip-bg: rgba(120,166,255,.1);--shelf-chip-border: rgba(120,166,255,.28);--shelf-chip-bg-hover: rgba(120,166,255,.22);--shelf-chip-border-hover: rgba(120,166,255,.48);--bg-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='110'%3E%3Ccircle cx='14' cy='18' r='0.8' fill='%235A8AF2' opacity='0.38'/%3E%3Ccircle cx='58' cy='10' r='1.3' fill='%2378A6FF' opacity='0.28'/%3E%3Ccircle cx='92' cy='28' r='0.7' fill='%235A8AF2' opacity='0.32'/%3E%3Ccircle cx='26' cy='65' r='1.1' fill='%2378A6FF' opacity='0.22'/%3E%3Ccircle cx='74' cy='52' r='0.8' fill='%235A8AF2' opacity='0.30'/%3E%3Ccircle cx='100' cy='75' r='1.3' fill='%2378A6FF' opacity='0.20'/%3E%3Ccircle cx='42' cy='92' r='0.7' fill='%235A8AF2' opacity='0.28'/%3E%3Ccircle cx='84' cy='96' r='1.0' fill='%2378A6FF' opacity='0.22'/%3E%3Ccircle cx='63' cy='42' r='0.5' fill='%23FFFFFF' opacity='0.14'/%3E%3Ccircle cx='8' cy='88' r='0.8' fill='%235A8AF2' opacity='0.20'/%3E%3Ccircle cx='48' cy='35' r='0.6' fill='%2378A6FF' opacity='0.22'/%3E%3Ccircle cx='12' cy='46' r='1.0' fill='%235A8AF2' opacity='0.16'/%3E%3Ccircle cx='105' cy='48' r='0.7' fill='%2378A6FF' opacity='0.18'/%3E%3C/svg%3E");--bg-pattern-size: 110px 110px}html[data-theme=midnight]{--bg: #000000;--surface: #0A0A0D;--surface-2: #131318;--border: #24242C;--text: #E6E6EC;--text-muted: #8B8B96;--text-faint: #76767F;--primary: #6F76C9;--primary-hover: #7E85D6;--on-primary: #08080D;--accent: #8C92D8;--accent-hover: #9AA0E2;--accent-bg: #0F0F18;--green: #4FB58C;--green-bg: #06120E;--amber: #CBAA4C;--amber-bg: #131006;--blue: #5E86D0;--blue-bg: #080F1E;--red: #D66A6A;--red-bg: #150707;--purple: #997ED0;--purple-bg: #0F0A18;--teal: #4DB2AB;--teal-bg: #061312;--orange: #D2895A;--orange-bg: #140C07;--chart-1: #6F76C9;--chart-2: #8C92D8;--chart-3: #5862B0;--chart-4: #4FB58C;--chart-5: #6E9AD6;--chart-6: #CBAA4C;--chart-7: #997ED0;--chart-8: #D66A6A;--shadow: 0 1px 4px rgba(0,0,0,.66), 0 2px 12px rgba(0,0,0,.58);--shadow-md: 0 4px 20px rgba(0,0,0,.74);--shadow-lg: 0 8px 36px rgba(0,0,0,.86);--shelf-wood: linear-gradient(180deg,#15151C 0%,#0D0D12 40%,#15151C 60%,#08080C 100%);--shelf-edge: #060608;--shelf-col-bg: linear-gradient(160deg,#121218 0%,#0E0E13 40%,#0A0A0E 70%,#060609 100%);--shelf-col-border: #22222A;--input-bg: #0E0E13;--input-border: #28282F;--shelf-filter-label: #7C84C8;--shelf-chip-bg: rgba(140,146,216,.1);--shelf-chip-border: rgba(140,146,216,.24);--shelf-chip-bg-hover: rgba(140,146,216,.2);--shelf-chip-border-hover: rgba(140,146,216,.42);--bg-pattern: none;--bg-pattern-size: auto}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:row}.app-main{flex:1;min-width:0;padding:28px 32px 60px;overflow-y:auto}.page-view{animation:bt-page-in .34s cubic-bezier(.22,.61,.36,1) backwards}@keyframes bt-page-in{0%{opacity:0;transform:translateY(10px) scale(.994)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.page-view{animation:none}}@media (max-width: 640px){.app{flex-direction:column}.app-main{padding:16px 12px calc(88px + env(safe-area-inset-bottom,0px))}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-head-main{min-width:0}.page-title{font-family:var(--font-heading);font-size:1.7rem;font-weight:800;color:var(--text);line-height:1.15;margin:0}.page-subtitle{margin:4px 0 0;color:var(--text-muted);font-size:.9rem}.page-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}@media (max-width: 640px){.page-head{align-items:flex-start;flex-direction:column}.page-title{font-size:1.4rem}.page-subtitle{font-size:.82rem}}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:56px 24px;text-align:center;background:var(--surface);border:1.5px dashed var(--border);border-radius:var(--radius)}.empty-state-icon{font-size:2.6rem;line-height:1;color:var(--primary);opacity:.5}.empty-state-title{font-size:1.05rem;font-weight:700;color:var(--text-muted);margin:0}.empty-state-hint{font-size:.85rem;color:var(--text-faint);margin:0;line-height:1.6;max-width:44ch}.page-fallback{min-height:60vh}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-heading: "Playfair Display", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--radius: 12px;--radius-sm: 8px;--radius-xs: 5px;--radius-pill: 999px;--transition: .15s ease;--transition-md: .25s ease;--bg: #F9F5EE;--surface: #FFFFFF;--surface-2: #F2E8DA;--border: #DCCFBE;--text: #2A1A0C;--text-muted: #7C5C42;--text-faint: #B09878;--primary: #6A3C1C;--primary-hover: #562E12;--accent: #C4825A;--accent-hover: #D4926A;--accent-bg: #FDF0E6;--green: #4E7A46;--green-bg: #EAF2E4;--amber: #A07010;--amber-bg: #FDF4D8;--blue: #3C6A9E;--blue-bg: #E6EEF8;--red: #9E3C2C;--red-bg: #FAE8E4;--purple: #704880;--purple-bg: #EEE4F4;--teal: #307868;--teal-bg: #E0F0EC;--orange: #B06030;--orange-bg: #FAF0E4;--chart-1: #6A3C1C;--chart-2: #C4825A;--chart-3: #A86040;--chart-4: #4E7A46;--chart-5: #3C6A9E;--chart-6: #B87820;--chart-7: #8A5080;--chart-8: #9E3C2C;--shadow: 0 1px 4px rgba(106,60,28,.08), 0 2px 12px rgba(106,60,28,.07);--shadow-md: 0 2px 8px rgba(106,60,28,.1), 0 6px 24px rgba(106,60,28,.1);--shadow-lg: 0 8px 40px rgba(106,60,28,.16);--shelf-wood: linear-gradient(180deg, #C09060 0%, #A87840 40%, #C09060 60%, #906030 100%);--shelf-edge: #7A4E28}html{font-size:16px}body{font-family:var(--font-body);background-color:var(--bg);background-image:var(--bg-pattern, none);background-size:var(--bg-pattern-size, auto);color:var(--text);min-height:100vh;min-height:100dvh;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color var(--transition-md),color var(--transition-md)}h1,h2,h3,h4{font-family:var(--font-heading);line-height:1.25;color:var(--text)}button{cursor:pointer;font-family:var(--font-body);border:none;background:none}input,select,textarea{font-family:var(--font-body);background:var(--surface-2);color:var(--text);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:9px 13px;font-size:.9rem;outline:none;transition:border var(--transition),box-shadow var(--transition);width:100%}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--accent-bg)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-faint);opacity:1}input::placeholder,textarea::placeholder{color:var(--text-faint);opacity:1}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:32px;background-repeat:no-repeat;background-position:right 12px center;background-size:11px 7px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237C5C42' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}html[data-theme=tobacco] select,html[data-theme=noir] select,html[data-theme=midnight] select{background-repeat:no-repeat;background-position:right 12px center;background-size:11px 7px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23B8B8C4' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.modal input,.modal select,.modal textarea{background-color:var(--input-bg, var(--surface-2));border-color:var(--input-border, var(--border))}textarea{resize:vertical}input[type=date]{min-width:0;max-width:100%;box-sizing:border-box}@supports (-webkit-touch-callout: none){input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=date]::-webkit-date-and-time-value{text-align:left;margin:0}}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-sm);padding:9px 22px;font-size:.88rem;font-weight:600;letter-spacing:.02em;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);display:inline-flex;align-items:center;gap:6px}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6b4f3a40}.btn-primary:active{transform:none}.btn-ghost{background:none;border:1.5px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);padding:8px 18px;font-size:.88rem;font-weight:500;transition:border var(--transition),color var(--transition),background var(--transition);display:inline-flex;align-items:center;gap:6px}.btn-ghost:hover{border-color:var(--primary);color:var(--primary);background:var(--accent-bg)}.btn-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);transition:background var(--transition),color var(--transition)}.btn-icon:hover{background:var(--surface-2);color:var(--text)}.section-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:var(--text);margin-bottom:14px;display:flex;align-items:center;gap:8px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border)}.score-badge{font-size:.72rem;font-weight:700;padding:2px 7px;border-radius:var(--radius-pill);color:#fff;letter-spacing:.02em}.score-high{background:#4a7a4a}.score-mid{background:#a07808}.score-low{background:#a04040}.status-chip{font-size:.72rem;font-weight:500;padding:2px 8px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;gap:4px}.cover-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;color:#ffffffe6;font-size:1.6rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.h-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:var(--border) transparent;-webkit-overflow-scrolling:touch}.h-scroll::-webkit-scrollbar{height:4px}.h-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.label-upper{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}@media (pointer: coarse){button:not(:disabled),a[role=button],[role=button],label[role=button]{min-height:24px;min-width:24px}}