.ex-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#140c0873;display:flex;align-items:center;justify-content:center;padding:20px;animation:ex-fade .2s ease}@keyframes ex-fade{0%{opacity:0}to{opacity:1}}.ex-modal{width:100%;max-width:560px;max-height:88vh;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:ex-pop .24s cubic-bezier(.34,1.4,.64,1)}@keyframes ex-pop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1}}.ex-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--border, #e7ddd2)}.ex-title{font-family:var(--font-heading, Georgia, serif);font-size:1.2rem;font-weight:700;color:var(--text, #3a2c20);margin:0}.ex-sub{font-size:.82rem;color:var(--text-muted, #6d6055);margin:3px 0 0}.ex-close{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}.ex-close:hover{background:var(--surface-2, #f4eee6);color:var(--text)}.ex-body{padding:16px 20px;overflow-y:auto}.ex-section{margin-bottom:20px}.ex-section--dim{opacity:.5;pointer-events:none}.ex-section-head{display:flex;align-items:center;justify-content:space-between}.ex-section-title{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint, #b3a89a);margin:0 0 10px}.ex-col-actions{display:flex;align-items:center;gap:6px;font-size:.74rem;color:var(--text-faint)}.ex-col-actions button{border:none;background:transparent;color:var(--primary, #6a3c1c);cursor:pointer;font-size:.74rem}.ex-col-actions button:hover{text-decoration:underline}.ex-ds-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ex-ds{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:11px;border:1.5px solid var(--border, #e7ddd2);cursor:pointer;transition:border-color .15s,background .15s}.ex-ds.on{border-color:var(--primary, #6a3c1c);background:color-mix(in srgb,var(--primary, #6a3c1c) 6%,transparent)}.ex-ds.empty{opacity:.45;cursor:not-allowed}.ex-ds-label{font-size:.88rem;font-weight:600;color:var(--text, #3a2c20);flex:1}.ex-ds-count{font-size:.72rem;color:var(--text-faint);font-variant-numeric:tabular-nums}.ex-col-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 14px}.ex-col{display:flex;align-items:center;gap:8px;padding:4px 2px;cursor:pointer}.ex-col-label{font-size:.84rem;color:var(--text, #3a2c20);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ex-ds input,.ex-col input{position:absolute;opacity:0;pointer-events:none}.ex-box{width:18px;height:18px;flex-shrink:0;border:1.5px solid var(--border, #cbbda0);border-radius:5px;display:flex;align-items:center;justify-content:center;color:#fff;background:transparent;transition:background .15s,border-color .15s}.ex-box svg{opacity:0}.ex-ds.on .ex-box,.ex-col.on .ex-box{background:var(--primary, #6a3c1c);border-color:var(--primary, #6a3c1c)}.ex-ds.on .ex-box svg,.ex-col.on .ex-box svg{opacity:1}.ex-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border, #e7ddd2)}.ex-foot .btn-primary{display:inline-flex;align-items:center;gap:7px}.ex-foot .btn-primary:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 520px){.ex-ds-grid,.ex-col-grid{grid-template-columns:1fr}}.pf-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#00000073;display:grid;place-items:center;padding:20px;animation:pf-fade .15s ease}@keyframes pf-fade{0%{opacity:0}to{opacity:1}}.pf-modal{position:relative;width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-lg);padding:26px 26px 24px;animation:pf-pop .18s ease}@keyframes pf-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.pf-x{position:absolute;top:14px;right:14px;border:none;background:none;cursor:pointer;color:var(--text-faint);display:grid;place-items:center;width:30px;height:30px;border-radius:8px;transition:background .15s,color .15s}.pf-x:hover{background:var(--surface-2);color:var(--text)}.pf-head{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px}.pf-avatar{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:1.9rem;font-weight:700;overflow:hidden}.pf-avatar--empty{border:none;padding:0;cursor:pointer;box-shadow:var(--shadow);transition:transform .12s,box-shadow .15s}.pf-avatar--empty:hover{transform:scale(1.04);box-shadow:var(--shadow-md)}.pf-avatar--photo{box-shadow:var(--shadow);outline:3px solid var(--accent-bg)}.pf-avatar--draggable{cursor:grab}.pf-avatar--draggable:active{cursor:grabbing}.pf-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.pf-photo-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pf-photo-hint{font-size:.72rem;color:var(--text-faint)}.pf-photo-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);border-radius:999px;padding:5px 12px;font-size:.78rem;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s}.pf-photo-btn:hover{border-color:var(--primary);color:var(--primary)}.pf-photo-btn--remove:hover{border-color:var(--red);color:var(--red)}.pf-title{margin:4px 0 0;font-size:1.18rem;font-weight:700;color:var(--text)}.pf-form{display:flex;flex-direction:column;gap:16px}.pf-field{display:flex;flex-direction:column;gap:6px}.pf-field>span{font-size:.76rem;font-weight:600;color:var(--text-muted)}.pf-input{display:flex;align-items:center;gap:9px;background:var(--input-bg, var(--surface-2));border:1px solid var(--input-border, var(--border));border-radius:10px;padding:0 11px;transition:border-color .15s,box-shadow .15s}.pf-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.pf-input svg{color:var(--text-faint);flex-shrink:0}.pf-input input{flex:1;border:none;background:transparent;outline:none;font-size:.92rem;color:var(--text);padding:10px 0;min-width:0}.pf-input--readonly{opacity:.75}.pf-input--readonly input{cursor:default}.pf-hint{font-size:.72rem;color:var(--text-faint)}.pf-save{margin-top:2px;width:100%;border:none;border-radius:10px;background:var(--primary);color:#fff;font-size:.92rem;font-weight:600;padding:11px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .15s,transform .05s}.pf-save:hover:not(:disabled){background:var(--primary-hover)}.pf-save:active:not(:disabled){transform:translateY(1px)}.pf-save:disabled{opacity:.7;cursor:default}.fb-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:fb-fade .2s ease}@keyframes fb-fade{0%{opacity:0}to{opacity:1}}.fb-modal{position:relative;width:100%;max-width:440px;max-height:92vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:fb-pop .25s cubic-bezier(.34,1.4,.64,1)}@keyframes fb-pop{0%{transform:translateY(10px) scale(.97);opacity:0}to{transform:none;opacity:1}}.fb-x{position:absolute;top:12px;right:12px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);cursor:pointer;transition:background var(--transition),color var(--transition)}.fb-x:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.fb-form{display:flex;flex-direction:column;gap:16px;padding:26px 26px 24px}.fb-head{display:flex;flex-direction:column;gap:5px;padding-right:28px}.fb-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:800;color:var(--text);margin:0}.fb-subtitle{font-size:.85rem;color:var(--text-muted);margin:0;line-height:1.5}.fb-types{display:flex;gap:8px}.fb-type{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-muted);font-size:.76rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.fb-type:hover{border-color:var(--primary);color:var(--primary)}.fb-type.active{border-color:var(--primary);color:var(--primary);background:var(--accent-bg)}.fb-field{display:flex;flex-direction:column;gap:6px}.fb-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint)}.fb-textarea,.fb-input{font-family:inherit;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;resize:vertical;transition:border-color var(--transition)}.fb-textarea:focus,.fb-input:focus{border-color:var(--primary)}.fb-hint{font-size:.72rem;color:var(--text-faint)}.fb-attach{display:flex;flex-wrap:wrap;gap:8px}.fb-attach-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:72px;height:72px;flex-shrink:0;border:1.5px dashed var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-muted);font-size:.62rem;font-weight:600;text-align:center;cursor:pointer;padding:4px;transition:all var(--transition)}.fb-attach-btn:hover{border-color:var(--primary);color:var(--primary)}.fb-thumb{position:relative;width:72px;height:72px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.fb-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.fb-thumb-x{position:absolute;top:3px;right:3px;width:20px;height:20px;display:grid;place-items:center;border:none;border-radius:50%;background:#0009;color:#fff;cursor:pointer;transition:background var(--transition)}.fb-thumb-x:hover{background:var(--red)}.fb-error{font-size:.8rem;color:var(--red);background:var(--red-bg);border:1px solid var(--red);border-radius:var(--radius-sm);padding:8px 10px;margin:0}.fb-send{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:none;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-size:.9rem;font-weight:700;padding:12px 20px;cursor:pointer;transition:background var(--transition),opacity var(--transition)}.fb-send:hover:not(:disabled){background:var(--primary-hover)}.fb-send:disabled{opacity:.5;cursor:not-allowed}.fb-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:40px 28px 32px}.fb-success-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--green-bg);color:var(--green)}.fb-success-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:800;color:var(--text);margin:0}.fb-success-msg{font-size:.88rem;color:var(--text-muted);margin:0;line-height:1.55;max-width:32ch}.fb-success-close{margin-top:6px;min-width:140px}.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}.set-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:set-fade .2s ease}@keyframes set-fade{0%{opacity:0}to{opacity:1}}.set-modal{position:relative;width:100%;max-width:420px;max-height:92vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:set-pop .25s cubic-bezier(.34,1.4,.64,1)}@keyframes set-pop{0%{transform:translateY(10px) scale(.97);opacity:0}to{transform:none;opacity:1}}.set-x{position:absolute;top:12px;right:12px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);cursor:pointer;transition:background var(--transition),color var(--transition)}.set-x:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.set-head{padding:16px 44px 0 24px}.set-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:800;color:var(--text);margin:0}.set-subtitle{font-size:.85rem;color:var(--text-muted);margin:5px 0 0;line-height:1.5}.set-body{display:flex;flex-direction:column;gap:13px;padding:16px 24px 18px}.set-row{display:flex;gap:12px}.set-field--half{flex:1;min-width:0}.set-foot{position:sticky;bottom:0;display:flex;justify-content:flex-end;padding:14px 26px;background:var(--surface);border-top:1px solid var(--border)}.set-save{min-width:130px;border:none;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-size:.9rem;font-weight:700;padding:11px 22px;cursor:pointer;transition:background var(--transition)}.set-save:hover{background:var(--primary-hover)}.set-field{display:flex;flex-direction:column;gap:6px}.set-label{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint)}.set-select{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;cursor:pointer;transition:border-color var(--transition)}.set-select:focus{border-color:var(--primary)}.set-themes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.set-theme{display:flex;align-items:center;gap:6px;padding:8px 9px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-muted);font-size:.76rem;font-weight:600;cursor:pointer;transition:all var(--transition);min-width:0}.set-theme-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.set-theme:hover{border-color:var(--primary)}.set-theme.active{border-color:var(--primary);color:var(--primary);background:var(--accent-bg)}.set-theme-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px #0000001a}.set-mascots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.set-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)}.set-mascot:hover{border-color:var(--primary);transform:translateY(-1px)}.set-mascot.active{border-color:var(--primary);background:var(--accent-bg);box-shadow:0 0 0 2px var(--accent-bg)}.set-mascot-name{font-size:.72rem;font-weight:600;color:var(--text-muted)}.set-mascot.active .set-mascot-name{color:var(--primary)}.set-goal{display:flex;align-items:center;gap:8px}.set-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)}.set-step:hover{border-color:var(--primary);color:var(--primary)}.set-goal-input{width:72px;text-align:center;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 8px;outline:none;-moz-appearance:textfield}.set-goal-input:focus{border-color:var(--primary)}.set-goal-input::-webkit-outer-spin-button,.set-goal-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.set-goal-unit{font-size:.84rem;color:var(--text-muted)}.set-daily{display:flex;flex-direction:column;gap:10px}.set-toggle{display:inline-flex;align-self:flex-start;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);padding:2px;gap:2px}.set-toggle-tab{border:none;background:none;cursor:pointer;border-radius:var(--radius-pill);padding:5px 16px;font-size:.8rem;font-weight:600;color:var(--text-muted);transition:background var(--transition),color var(--transition)}.set-toggle-tab.active{background:var(--primary);color:#fff}.sidebar{width:220px;min-height:100vh;min-height:100dvh;background:var(--surface);border-right:1px solid var(--border);box-shadow:1px 0 8px #0000000d;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);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{justify-content:center;padding:10px}.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 6px 0;padding-top:9px;border-top:1px solid var(--border);font-size:.64rem;color:var(--text-faint);text-align:center;letter-spacing:.02em}.sb-credit a{color:var(--text-muted);font-weight:600;text-decoration:none;transition:color var(--transition)}.sb-credit a:hover{color:var(--primary);text-decoration:underline}.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);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{justify-content:center;padding:10px}.sb-action-label{flex:1;overflow:hidden;text-overflow:ellipsis}.sb-caret{flex-shrink:0;opacity:.5;transition:transform var(--transition)}.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;bottom:0;top:auto;left:0;right:0;width:100%!important;height:58px;min-height:unset;flex-direction:row;align-items:stretch;border-right:none;border-top:1px solid var(--border);box-shadow:0 -2px 16px #00000014;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:static;z-index:auto}.sb-nav::-webkit-scrollbar{display:none}.sb-tab{flex:1;flex-direction:column;justify-content:center;align-items:center;padding:6px 4px 4px;gap:3px;border-radius:0;min-width:44px;white-space:nowrap;font-size:.6rem;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(--accent-bg);color:var(--primary);box-shadow:inset 0 2px 0 var(--primary)}.sb-more-btn{display:flex;flex:0 0 52px}.sb-nav .sb-tab:nth-child(n+6):not(.sb-more-btn){display:none}.sb-nav{overflow:visible}.sb-mobile-backdrop{position:fixed;top:0;left:0;right:0;bottom:58px;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:58px;left:0;right:0;z-index:200;background:var(--surface);border-top:1px solid var(--border);border-radius:18px 18px 0 0;box-shadow:0 -10px 34px #0000002e;padding:18px 14px 14px;display:flex;flex-direction:column;gap:12px;will-change:transform;animation:sheetIn .3s cubic-bezier(.22,.61,.36,1) both}.sb-mobile-sheet.closing{animation:sheetOut .22s 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-emoji{font-size:2.4rem;margin-bottom:10px}.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)}.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 .2s ease}@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-pop .25s cubic-bezier(.34,1.4,.64,1)}@keyframes ob-pop{0%{transform:translateY(10px) scale(.97);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-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{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;width:16px;height:16px;background:var(--surface, #fff);border:1px solid var(--border, #e7ddd2);border-radius:0 0 4px;transform:rotate(45deg);box-shadow:2px 2px 6px #140c0812}.tour-arrow--right{border-right:none;border-top:none;border-radius:0 0 0 4px;box-shadow:-2px 2px 6px #140c080f}.tour-arrow--left{border-left:none;border-bottom:none;border-radius:0 4px 0 0;box-shadow:2px -2px 6px #140c080f}.tour-arrow--bottom{border-left:none;border-top:none;border-radius:0 0 4px;box-shadow:-2px -2px 6px #140c080d}.tour-arrow--top{border-right:none;border-bottom:none;border-radius:4px 0 0;box-shadow:2px 2px 6px #140c0812}.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{gap:8px}.tour-btn{padding:9px 16px}.tour-skip{font-size:.8rem}}.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}.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-topbar{position:fixed;top:16px;right:18px;display:flex;align-items:center;gap:14px;z-index:5}.auth-lang{display:inline-flex;align-items:center;gap:6px;height:34px;box-sizing:border-box;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:0 9px;color:var(--text-muted);box-shadow:var(--shadow)}.auth-lang select{border:none;background:transparent;outline:none;font-size:.82rem;font-weight:600;color:var(--text);cursor:pointer}.auth-themes{display:inline-flex;align-items:center;gap:7px;height:34px;box-sizing:border-box;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:0 9px;box-shadow:var(--shadow)}.auth-theme-dot{width:16px;height:16px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .12s,border-color .12s}.auth-theme-dot:hover{transform:scale(1.15)}.auth-theme-dot.active{border-color:var(--text);transform:scale(1.1)}.auth-seg{display:flex;gap:4px;background:var(--surface-2);border-radius:11px;padding:4px;margin:2px 0 16px}.auth-seg-btn{flex:1;border:none;background:transparent;border-radius:8px;padding:9px 8px;font-size:1rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.auth-seg-btn.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow)}.auth-shell{display:flex;min-height:100vh;min-height:100dvh}.auth-panel{flex:1.35 1 0;display:grid;place-items:center;padding:14px 24px;background:var(--bg);background-image:var(--bg-pattern);background-size:var(--bg-pattern-size)}.auth-showcase{flex:1 1 0;position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;padding:7vh 44px 44px;color:var(--text);background:linear-gradient(165deg,var(--surface) 0%,var(--surface-2) 62%,var(--accent-bg) 135%);border-right:1px solid var(--border)}.auth-showcase:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--bg-pattern);background-size:var(--bg-pattern-size);opacity:.55;pointer-events:none}.auth-showcase-inner{position:relative;width:100%;max-width:440px}.sc-brand{display:flex;align-items:center;gap:14px}.sc-brand-text{display:flex;flex-direction:column;line-height:1.05}.sc-brand-name{font-size:2.4rem;font-weight:800;letter-spacing:-.015em;color:var(--text)}.sc-brand-tag{font-size:.9rem;color:var(--text-muted);margin-top:4px}.sc-stage{position:relative;height:300px;margin-top:34px;display:flex;align-items:center;justify-content:center}.sc-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(10px) scale(.98);transition:opacity .55s ease,transform .55s ease;pointer-events:none}.sc-slide.active{opacity:1;transform:none}.il{width:100%;max-width:400px;height:290px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:28px 30px;border-radius:22px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg)}@keyframes il-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes il-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}@keyframes il-spin{to{transform:rotate(360deg)}}@keyframes il-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.16)}}.il-c0{background:var(--chart-1)}.il-c1{background:var(--chart-2)}.il-c2{background:var(--chart-4)}.il-c3{background:var(--chart-5)}.il-c4{background:var(--accent)}.il-dash{gap:22px}.il-chips{display:flex;gap:10px;width:100%}.il-chips span{flex:1;height:34px;border-radius:8px;background:var(--accent-bg);border:1px solid var(--border)}.il-dash-row{display:flex;align-items:flex-end;gap:20px;width:100%}.il-donut{width:84px;height:84px;border-radius:50%;flex-shrink:0;position:relative;background:conic-gradient(var(--chart-1) 0 42%,var(--chart-2) 42% 68%,var(--chart-4) 68% 100%);animation:il-spin 10s linear infinite}.il-donut:after{content:"";position:absolute;top:21px;right:21px;bottom:21px;left:21px;border-radius:50%;background:var(--surface)}.il-bars{flex:1;display:flex;align-items:flex-end;gap:7px;height:88px}.il-bars i{flex:1;border-radius:4px 4px 0 0;background:var(--accent);transform-origin:bottom;animation:il-bar 2.6s ease-in-out infinite}.il-bars i:nth-child(odd){background:var(--primary)}.il-bars i:nth-child(1){height:55%;animation-delay:0s}.il-bars i:nth-child(2){height:78%;animation-delay:.2s}.il-bars i:nth-child(3){height:44%;animation-delay:.4s}.il-bars i:nth-child(4){height:90%;animation-delay:.6s}.il-bars i:nth-child(5){height:62%;animation-delay:.8s}.il-bars i:nth-child(6){height:72%;animation-delay:1s}@keyframes il-bar{0%,to{transform:scaleY(.62)}50%{transform:scaleY(1)}}.il-progress{width:100%;height:10px;border-radius:99px;background:var(--surface-2);overflow:hidden}.il-progress span{display:block;height:100%;border-radius:99px;background:var(--accent);animation:il-fill 3.4s ease-in-out infinite alternate}@keyframes il-fill{0%{width:32%}to{width:82%}}.il-lib{flex-direction:row;align-items:flex-end;gap:13px}.il-book{width:52px;border-radius:5px 5px 4px 4px;position:relative;box-shadow:inset -9px 0 #0000001f;animation:il-bob 3.2s ease-in-out infinite;animation-delay:var(--d)}.il-book:nth-child(1){height:150px}.il-book:nth-child(2){height:178px}.il-book:nth-child(3){height:132px}.il-book:nth-child(4){height:166px}.il-book:nth-child(5){height:154px}.il-book:after{content:"";position:absolute;top:9px;bottom:9px;right:5px;width:3px;background:#ffffff8c;border-radius:2px}.il-book-band{position:absolute;left:0;right:0;bottom:30px;height:11px;background:#ffffff57}@keyframes il-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.il-shelf{gap:22px}.il-shelf-row{width:100%}.il-spines{display:flex;align-items:flex-end;gap:7px;height:90px;padding:0 8px}.il-spine{flex:1;border-radius:3px 3px 0 0;animation:il-rise .55s ease both;animation-delay:var(--d)}.il-board{height:13px;border-radius:3px;background:var(--shelf-wood);box-shadow:0 3px 7px #00000038}.il-goals{gap:22px}.il-ring{width:152px;height:152px;border-radius:50%;position:relative;display:grid;place-items:center;background:var(--surface-2)}.il-ring-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(var(--accent) 0 72%,transparent 72% 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 15px),#000 calc(100% - 15px));mask:radial-gradient(farthest-side,transparent calc(100% - 15px),#000 calc(100% - 15px))}.il-ring-core{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px}.il-ring-core svg{color:var(--accent);animation:il-pulse 1.9s ease-in-out infinite}.il-ring-core b{font-size:1.7rem;font-weight:800;color:var(--text)}.il-ring-core small{font-size:.9rem;font-weight:600;color:var(--text-muted)}.il-badges{display:flex;gap:12px}.il-badge{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;animation:il-pop .5s ease both;animation-delay:var(--d)}.il-badge svg{color:#fff}.il-wish{gap:20px}.il-gift{position:relative;width:116px;height:96px}.il-gift-box{position:absolute;bottom:0;left:8px;right:8px;height:66px;border-radius:7px;background:var(--primary)}.il-gift-lid{position:absolute;top:10px;left:0;right:0;height:22px;border-radius:7px;background:var(--primary-hover)}.il-gift-rib{position:absolute;top:10px;bottom:0;left:50%;transform:translate(-50%);width:15px;background:var(--accent);border-radius:2px}.il-heart{position:absolute;color:var(--red);fill:var(--red)}.il-heart-1{left:62%;top:12%;animation:il-float 2.8s ease-in-out infinite}.il-heart-2{left:28%;top:22%;animation:il-float 2.8s ease-in-out infinite 1.1s}@keyframes il-float{0%{opacity:0;transform:translateY(6px) scale(.7)}25%{opacity:1}to{opacity:0;transform:translateY(-56px) scale(1.1)}}.il-tag{display:inline-flex;align-items:center;gap:6px;background:var(--green-bg);color:var(--green);border:1px solid var(--green);font-weight:700;font-size:.8rem;padding:7px 14px;border-radius:99px;animation:il-rise .5s ease both .3s}.il-rev{gap:18px}.il-quote{color:var(--accent);opacity:.55}.il-stars{display:flex;gap:9px}.il-star{color:var(--amber);fill:var(--amber);animation:il-pop .5s ease both;animation-delay:var(--d)}.il-moods{display:flex;gap:10px}.il-mood{width:58px;height:18px;border-radius:99px;opacity:.9;animation:il-rise .5s ease both;animation-delay:var(--d)}.il-series{flex-direction:row;align-items:flex-end;gap:9px}.il-vol{width:34px;height:118px;border-radius:6px;display:flex;justify-content:center;padding-top:12px;color:#fff;box-shadow:var(--shadow);opacity:0;transform:translateY(14px);animation:il-rise .5s ease forwards;animation-delay:var(--d)}.il-vol b{font-size:1rem;font-weight:800}.il-vol:nth-child(2){height:142px}.il-vol:nth-child(3){height:110px}.il-vol:nth-child(4){height:132px}.il-recap{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.il-recap-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:22px 32px;border-radius:16px;background:var(--surface);box-shadow:var(--shadow-md);color:var(--primary);animation:il-pop .5s ease}.il-recap-num{font-family:var(--font-heading);font-size:2.1rem;font-weight:800;color:var(--text);line-height:1}.il-recap-card small{font-size:.78rem;color:var(--text-muted)}.il-confetti{position:absolute;top:-8px;width:8px;height:8px;border-radius:2px;opacity:0;animation:il-confetti 2.6s linear infinite;animation-delay:var(--d)}@keyframes il-confetti{0%{transform:translateY(-10px) rotate(0);opacity:0}12%{opacity:1}to{transform:translateY(240px) rotate(320deg);opacity:0}}.il-streaks{display:flex;flex-direction:column;align-items:center;gap:20px}.il-flame-big{color:#f97316;filter:drop-shadow(0 0 10px rgba(249,115,22,.5));animation:il-pulse 1.6s ease-in-out infinite}.il-league{display:flex;align-items:center;gap:12px}.il-medal{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:var(--shadow);animation:il-pop .5s ease}.il-league-bar{width:120px;height:10px;border-radius:999px;background:var(--surface-2);overflow:hidden}.il-league-bar span{display:block;height:100%;width:70%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--accent));animation:il-fill 2s ease-in-out infinite alternate}.il-buddy{position:relative;display:flex;align-items:center;justify-content:center}.il-buddy-pet{animation:il-bob 2.6s ease-in-out infinite;line-height:0}.il-buddy-flame{position:absolute;right:24%;top:16%;color:#f97316;animation:il-pulse 1.5s ease-in-out infinite}.il-buddy-plus{position:absolute;left:26%;top:12%;font-weight:800;font-size:1.05rem;color:var(--green);animation:il-float 2.4s ease-in-out infinite}.sc-caption{display:flex;align-items:flex-start;gap:13px;margin-top:26px;min-height:76px}.sc-cap-icon{flex-shrink:0;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--accent-bg);color:var(--accent);border:1px solid var(--border)}.sc-caption h3{margin:2px 0 5px;font-size:1.06rem;font-weight:700;color:var(--text)}.sc-caption p{margin:0;font-size:1rem;line-height:1.5;color:var(--text-muted)}.sc-dots{display:flex;gap:8px;margin-top:16px}.sc-dot{width:8px;height:8px;border-radius:99px;border:none;cursor:pointer;background:var(--border);padding:0;transition:width .25s,background .25s}.sc-dot:hover{background:var(--text-faint)}.sc-dot.active{width:22px;background:var(--accent)}.sc-demo{position:relative;margin-top:26px;width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:14px 16px;border:none;border-radius:14px;background:var(--primary);color:#fff;cursor:pointer;box-shadow:var(--shadow-md);transition:transform .12s,box-shadow .15s,background .15s}.sc-demo--attract:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 4px color-mix(in srgb,var(--accent) 38%,transparent);animation:sc-edge-glow 2.4s ease-in-out infinite}@keyframes sc-edge-glow{0%{box-shadow:0 0 4px color-mix(in srgb,var(--accent) 35%,transparent)}9%{box-shadow:0 0 15px 2px color-mix(in srgb,var(--accent) 80%,transparent)}18%{box-shadow:0 0 4px color-mix(in srgb,var(--accent) 35%,transparent)}27%{box-shadow:0 0 13px 2px color-mix(in srgb,var(--accent) 68%,transparent)}36%,to{box-shadow:0 0 4px color-mix(in srgb,var(--accent) 35%,transparent)}}.sc-demo--attract{animation:sc-demo-breathe 2.4s ease-in-out infinite}@keyframes sc-demo-breathe{0%{transform:scale(1);box-shadow:var(--shadow-md)}9%{transform:scale(1.04);box-shadow:var(--shadow-lg)}18%{transform:scale(1);box-shadow:var(--shadow-md)}27%{transform:scale(1.028);box-shadow:var(--shadow-lg)}36%{transform:scale(1);box-shadow:var(--shadow-md)}to{transform:scale(1);box-shadow:var(--shadow-md)}}.sc-tap{position:absolute;right:-6px;bottom:-14px;width:30px;height:30px;pointer-events:none;animation:sc-tap-move 2s ease-in-out infinite}.sc-tap-finger{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 2px 3px rgba(0,0,0,.45))}@keyframes sc-tap-move{0%,40%{transform:translate(-7px,-7px) scale(1)}53%{transform:translate(2px,2px) scale(.86)}66%,to{transform:translate(-7px,-7px) scale(1)}}@media (prefers-reduced-motion: reduce){.sc-demo--attract,.sc-demo--attract:before,.sc-tap,.auth-demo-cta,.auth-demo-cta:before{animation:none}}.sc-demo:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.sc-demo:active{transform:translateY(0)}.sc-demo-ic{flex-shrink:0;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#ffffff2e;color:#fff}.sc-demo-txt{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.sc-demo-txt b{font-size:.95rem;font-weight:700}.sc-demo-txt small{font-size:.76rem;opacity:.85}.sc-demo-arrow{flex-shrink:0;transition:transform .15s}.sc-demo:hover .sc-demo-arrow{transform:translate(4px)}.sc-demo--lower{margin-top:40px}.sc-demo--lower .sc-demo-arrow{animation:sc-arrow-x 1.4s ease-in-out infinite}@keyframes sc-arrow-x{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.sc-demo--lower:hover .sc-demo-arrow{animation:none}@media (prefers-reduced-motion: reduce){.sc-demo--lower .sc-demo-arrow{animation:none}}@media (max-width: 900px){.auth-showcase{display:none}.auth-brand{display:inline-flex;margin-bottom:2px}.auth-tagline{display:block;margin:2px 0 16px;font-size:.82rem;color:var(--text-muted)}.auth-demo-cta{display:flex}.auth-panel{display:flex;flex-direction:column;padding:20px 16px 76px}.auth-card{margin:auto}.auth-topbar{top:14px;right:14px}.auth-lang{position:fixed;left:14px;bottom:14px;top:auto;right:auto;z-index:6}}.auth-card{width:100%;max-width:452px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-lg);padding:26px 30px 22px;text-align:center}.auth-brand{display:none;align-items:center;justify-content:center;gap:9px;color:var(--primary)}.auth-brand-name{font-size:1.4rem;font-weight:700;letter-spacing:.01em}.auth-tagline{display:none}.auth-title{font-size:1.2rem;font-weight:700;color:var(--text);margin:0 0 3px}.auth-subtitle{font-size:.82rem;color:var(--text-muted);margin:0 0 15px}.auth-notice,.auth-error{text-align:left;font-size:.8rem;border-radius:10px;padding:9px 11px;margin-bottom:13px;line-height:1.4}.auth-notice{background:var(--green-bg);color:var(--green)}.auth-error{background:var(--red-bg);color:var(--red)}.auth-form{display:flex;flex-direction:column;gap:11px;text-align:left}.auth-field{display:flex;flex-direction:column;gap:5px}.auth-field>span{font-size:.76rem;font-weight:600;color:var(--text-muted)}.auth-input{display:flex;align-items:center;gap:9px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;padding:0 11px;transition:border-color .15s,box-shadow .15s}.auth-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.auth-input svg{color:var(--text-faint);flex-shrink:0}.auth-input input{flex:1;border:none;background:transparent;outline:none;font-size:.9rem;color:var(--text);padding:9px 0;min-width:0}.auth-input input::-moz-placeholder{color:var(--text-faint)}.auth-input input::placeholder{color:var(--text-faint)}.auth-eye{border:none;background:none;cursor:pointer;color:var(--text-faint);display:grid;place-items:center;padding:4px}.auth-eye:hover{color:var(--text-muted)}.auth-hint{font-size:.72rem;color:var(--text-faint)}.auth-etsy-link{display:inline-flex;align-items:center;gap:5px;margin-top:7px;font-size:.75rem;color:var(--text-muted);text-decoration:none;transition:color .15s}.auth-etsy-link span{font-weight:700;color:var(--accent)}.auth-etsy-link:hover span{color:var(--accent-hover);text-decoration:underline}.auth-etsy-link svg{color:var(--text-faint)}.auth-error-cta{display:flex;width:-moz-fit-content;width:fit-content;align-items:center;gap:6px;margin-top:9px;padding:7px 12px;border-radius:8px;background:var(--red);color:#fff;font-size:.78rem;font-weight:700;text-decoration:none}.auth-error-cta:hover{opacity:.9}.auth-consent{display:flex;flex-direction:column;gap:9px;margin-top:1px}.auth-check{display:flex;align-items:flex-start;gap:9px;cursor:pointer;font-size:.74rem;line-height:1.4;color:var(--text-muted)}.auth-check input{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex-shrink:0;width:16px;height:16px;margin-top:1px;border:1.5px solid var(--input-border, var(--text-faint));border-radius:5px;background:var(--input-bg, var(--surface-2));cursor:pointer;display:grid;place-content:center;transition:background .12s,border-color .12s}.auth-check input:checked{background:var(--primary);border-color:var(--primary)}.auth-check input:checked:after{content:"";width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-.5px,-1px)}.auth-req{color:var(--red);font-weight:700}.auth-legal-link{border:none;background:none;padding:0;font:inherit;color:var(--primary);font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.auth-legal-link:hover{color:var(--primary-hover)}.auth-legal-foot{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;font-size:.76rem}.auth-legal-sep{color:var(--text-faint)}.auth-submit{margin-top:3px;width:100%;border:none;border-radius:10px;background:var(--primary);color:#fff;font-size:.92rem;font-weight:600;padding:10px;cursor:pointer;transition:background .15s,transform .05s}.auth-submit:hover:not(:disabled){background:var(--primary-hover)}.auth-submit:active:not(:disabled){transform:translateY(1px)}.auth-submit:disabled{opacity:.6;cursor:default}.auth-divider{display:flex;align-items:center;gap:12px;margin:13px 0;color:var(--text-faint);font-size:.76rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.88rem;font-weight:600;padding:10px;border-radius:10px;cursor:pointer;transition:background .15s,border-color .15s}.auth-google:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-faint)}.auth-google:disabled{opacity:.6;cursor:default}.auth-foot{margin-top:13px;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:.82rem;color:var(--text-muted)}.auth-foot:empty{margin-top:0}.auth-link{background:none;border:none;cursor:pointer;color:var(--primary);font-size:.82rem;font-weight:600;display:inline-flex;align-items:center;gap:5px;padding:0;text-decoration:underline;text-underline-offset:2px}.auth-link:hover{color:var(--primary-hover)}.auth-link.strong{color:var(--primary)}.auth-done{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-weight:600}.auth-demo-cta{position:relative;width:100%;margin-top:13px;display:flex;align-items:center;gap:12px;text-align:left;padding:10px 13px;border:1px solid var(--accent);border-radius:12px;background:var(--accent-bg);cursor:pointer;transition:border-color .15s,transform .06s,box-shadow .15s;animation:sc-demo-breathe 2.4s ease-in-out infinite}.auth-demo-cta:hover{animation-play-state:paused}.auth-demo-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 4px color-mix(in srgb,var(--accent) 38%,transparent);animation:sc-edge-glow 2.4s ease-in-out infinite}@media (min-width: 901px){.auth-demo-cta{display:none}}.auth-demo-cta:hover{border-color:var(--accent);box-shadow:var(--shadow)}.auth-demo-cta:active{transform:translateY(1px)}.auth-demo-ic{flex-shrink:0;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--accent);color:#fff}.auth-demo-txt{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.auth-demo-txt b{font-size:.85rem;color:var(--text);font-weight:700}.auth-demo-txt small{font-size:.72rem;color:var(--text-muted)}.auth-demo-arrow{color:var(--accent);flex-shrink:0;transition:transform .15s}.auth-demo-cta:hover .auth-demo-arrow{transform:translate(3px)}.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)}}.auth-input.invalid{border-color:var(--red);box-shadow:0 0 0 3px var(--red-bg)}.auth-field-err{font-size:.72rem;color:var(--red);margin-top:1px}.auth-field-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.auth-pw-gen{display:inline-flex;align-items:center;gap:4px;border:none;background:none;padding:0;cursor:pointer;font-size:.72rem;font-weight:600;color:var(--accent)}.auth-pw-gen:hover{color:var(--accent-hover);text-decoration:underline}.auth-pw-gen svg{flex-shrink:0}.auth-pw-wrap{position:relative}.auth-pw-reqs{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:6;list-style:none;margin:0;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;animation:auth-pw-fade .14s ease}@keyframes auth-pw-fade{0%{opacity:0;transform:translateY(-3px)}to{opacity:1}}.auth-pw-reqs li{display:flex;align-items:center;gap:6px;font-size:.72rem;color:var(--text-faint);transition:color .15s}.auth-pw-reqs li.ok{color:var(--green)}.auth-pw-ic{flex-shrink:0;color:var(--green)}.auth-pw-dot{flex-shrink:0;width:13px;height:13px;display:inline-block;border:1.5px solid var(--text-faint);border-radius:50%;box-sizing:border-box}@media (max-width: 440px){.auth-card{padding:28px 20px 22px;border-radius:14px}.auth-pw-reqs{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.il-donut,.il-bars i,.il-progress span,.il-spine,.il-book,.il-badge,.il-heart,.il-star,.il-mood,.il-quote,.il-gift,.il-gift-lid,.il-vol,.il-confetti,.il-flame-big,.il-medal,.il-league-bar span,.il-buddy-pet,.il-buddy-flame,.il-buddy-plus,.sc-shot{animation:none!important}}.demo-banner{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:16px;padding:9px 9px 9px 16px;border-radius:999px;background:var(--primary);color:#fff;box-shadow:0 10px 30px #00000047;font-size:.85rem;max-width:calc(100vw - 32px)}.demo-banner-tag{display:inline-flex;align-items:center;gap:7px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-banner-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.demo-banner-cta{border:none;background:#fff;color:var(--primary);font-weight:700;font-size:.82rem;padding:7px 15px;border-radius:999px;cursor:pointer;transition:transform .06s,opacity .15s}.demo-banner-cta:hover{opacity:.92}.demo-banner-cta:active{transform:translateY(1px)}.demo-banner-x{border:none;background:#ffffff2e;color:#fff;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:background .15s}.demo-banner-x:hover{background:#ffffff4d}.demo-banner-min{display:none;border:none;background:#ffffff2e;color:#fff;width:30px;height:30px;border-radius:50%;place-items:center;cursor:pointer;transition:background .15s}.demo-banner-min:hover{background:#ffffff4d}.demo-ball{position:fixed;top:12px;right:14px;z-index:1000;width:40px;height:40px;border-radius:50%;border:none;background:var(--primary);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 22px #00000047;animation:demo-ball-pop .2s ease;transition:transform .12s}.demo-ball:hover{transform:scale(1.08)}.demo-ball:active{transform:scale(.95)}@keyframes demo-ball-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1}}@media (max-width: 900px){.demo-banner-min{display:grid}}@media (max-width: 560px){.demo-banner{bottom:auto;top:10px;font-size:.72rem;gap:8px;padding:6px 6px 6px 13px;max-width:calc(100vw - 20px)}.demo-banner-cta{font-size:.72rem;padding:5px 11px}.demo-banner-x,.demo-banner-min{width:26px;height:26px}}: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;--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;--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;--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;--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;--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) both}@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 80px}}.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)}.modal input,.modal select,.modal textarea{background:var(--input-bg, var(--surface-2));border-color:var(--input-border, var(--border))}textarea{resize:vertical}.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}}