:root{--bg: #F7F8FA;--surface: #FFFFFF;--surface-2: #F2F4F7;--surface-3: #E9ECF1;--line: #E6E9EE;--line-soft: #EFF1F5;--primary: #3E63DD;--primary-strong: #2C4AC4;--primary-soft: rgba(62,99,221,.08);--primary-soft-2: rgba(62,99,221,.15);--ink-1: #1F2329;--ink-2: #4B5563;--ink-3: #9AA1AC;--accent-warn: #D98A45;--accent-danger: #DC4C4C;--accent-info: #3E63DD;--accent-pink: #E87B9F;--moss: var(--primary);--cream: var(--surface);--navy: var(--primary-strong);--navy-2: #2536A8;--highlight: #6E8BE8;--oak: #9AA1AC;--sage: #AEB6C2;--pixel-red: var(--accent-danger);--warm-orange: var(--accent-warn);--honey: #E0A93B;--text-dark: var(--ink-2);--text-light: #FFFFFF;--success: var(--primary);--warning: var(--accent-warn);--danger: var(--accent-danger);--info: var(--primary);--sage-light: rgba(174,182,194,.16);--fs-title: 1.4rem;--fs-body: 1rem;--fs-aux: .82rem;--fw-regular: 400;--fw-medium: 500;--fw-bold: 700;--sp-1: 8px;--sp-2: 16px;--sp-3: 24px;--sp-4: 32px;--radius: 14px;--radius-sm: 10px;--radius-lg: 22px;--shadow-sm: 0 1px 2px rgba(17,24,39,.05);--shadow-md: 0 4px 16px rgba(17,24,39,.07);--shadow-lg: 0 10px 30px rgba(17,24,39,.1);--sidebar-w: 210px;--sidebar-collapsed: 72px;--press: .1s;--ease: cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:-apple-system,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--ink-2);line-height:1.6;overflow-x:hidden;min-height:100dvh;-webkit-font-smoothing:antialiased;font-size:var(--fs-body)}a{color:var(--primary);text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}input,select,textarea{font-family:inherit;font-size:inherit;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.5rem .7rem;outline:none;transition:border-color .2s,box-shadow .2s;background:var(--surface-2);color:var(--ink-1)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}input:focus,select:focus,textarea:focus{border-color:var(--moss)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--sage);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--oak)}#splash{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(170deg,#fdf8ec,#f5eed8,#eef5e4);transition:opacity .6s ease,visibility .6s ease}#splash.hidden{opacity:0;visibility:hidden;pointer-events:none}.splash-art{animation:float 2.5s ease-in-out infinite}.splash-text{margin-top:18px;font-size:1.05rem;font-weight:600;color:var(--navy);letter-spacing:.08em}.splash-dots{display:flex;gap:6px;margin-top:16px}.splash-dots span{width:8px;height:8px;border-radius:50%;background:var(--moss);animation:dot-bounce 1.2s infinite}.splash-dots span:nth-child(2){animation-delay:.2s}.splash-dots span:nth-child(3){animation-delay:.4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes dot-bounce{0%,80%,to{transform:scale(.6);opacity:.35}40%{transform:scale(1);opacity:1}}#app-shell{display:flex;min-height:100dvh;visibility:hidden;opacity:0;transition:opacity .4s ease}#app-shell.ready{visibility:visible;opacity:1}#sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);height:100dvh;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column;background:radial-gradient(circle at 20% 80%,rgba(62,99,221,.12) 0%,transparent 60%),repeating-linear-gradient(135deg,transparent,transparent 20px,rgba(196,168,130,.06) 20px,rgba(196,168,130,.06) 22px),linear-gradient(180deg,#1a3c2a,#2d5a3d 70%,#3d6b4a);backdrop-filter:blur(8px);border-right:3px solid rgba(62,99,221,.25);overflow-y:auto;overflow-x:hidden;transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1)}#sidebar.collapsed{width:var(--sidebar-collapsed);min-width:var(--sidebar-collapsed)}#sidebar:before{content:"";position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:140px;height:40px;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 36'%3E%3Cpath d='M10,32 Q25,8 42,26 Q58,4 72,28 Q90,6 110,30' stroke='%237DBF8A' fill='none' stroke-width='2'/%3E%3Cpath d='M20,30 Q30,16 38,28 M62,24 Q74,12 84,26 M92,28 Q102,18 108,29' stroke='%23A8BBA0' fill='none' stroke-width='1.2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none}.sidebar-toggle{display:flex;align-items:center;justify-content:center;padding:12px 0;cursor:pointer;color:var(--highlight);font-size:1.2rem;border-bottom:1px solid rgba(62,99,221,.15);transition:background .2s}.sidebar-toggle:hover{background:#ffffff0f}.nav-item{display:flex;align-items:center;gap:11px;padding:13px 16px;color:#fdf8ecd1;font-size:.91rem;font-weight:500;cursor:pointer;transition:all .2s;position:relative;white-space:nowrap;user-select:none}.nav-item:hover{background:#3e63dd24;color:#fff}.nav-item.active{background:#3e63dd38;color:var(--honey);box-shadow:inset 3px 0 0 var(--honey)}.nav-item.active:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--honey)}.nav-icon{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-icon svg{width:24px;height:24px}.nav-label{overflow:hidden;text-overflow:ellipsis}.sidebar-footer{margin-top:auto;padding:16px;display:flex;align-items:center;gap:8px;opacity:.35;font-size:.75rem;color:var(--cream)}.sidebar-dot{width:8px;height:8px;border-radius:50%;background:var(--oak);display:inline-block}.sidebar-dog{width:22px;height:18px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 20'%3E%3Crect x='2' y='4' width='20' height='15' rx='4' fill='none' stroke='%23FDF8EC' stroke-width='1.5'/%3E%3Cpolygon points='5,4 8,-2 12,4' fill='none' stroke='%23FDF8EC' stroke-width='1.5'/%3E%3Cpolygon points='14,4 17,-2 21,4' fill='none' stroke='%23FDF8EC' stroke-width='1.5'/%3E%3Ccircle cx='8' cy='10' r='1.2' fill='%23FDF8EC'/%3E%3Ccircle cx='16' cy='10' r='1.2' fill='%23FDF8EC'/%3E%3Cellipse cx='12' cy='14' rx='1.5' ry='1' fill='%23FDF8EC'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}#content-area{flex:1;margin-left:var(--sidebar-w);min-height:100dvh;padding:0;max-width:calc(100vw - var(--sidebar-w));transition:margin-left .3s var(--ease),max-width .3s var(--ease);overflow-y:auto;position:relative}#content-area.expanded{margin-left:var(--sidebar-collapsed);max-width:calc(100vw - var(--sidebar-collapsed))}#page-body{padding:var(--sp-3) var(--sp-4);min-height:100%}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--sp-3);box-shadow:var(--shadow-sm);position:relative;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--line)}.card-title{font-size:var(--fs-title);font-weight:var(--fw-bold);color:var(--ink-1);margin-bottom:var(--sp-2);display:flex;align-items:center;gap:8px;letter-spacing:.01em}.card-title:before{content:"";width:4px;height:18px;background:var(--primary);border-radius:2px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:.55rem 1.1rem;border-radius:var(--radius-sm);font-size:var(--fs-body);font-weight:var(--fw-medium);transition:transform var(--press) var(--ease),background .2s,box-shadow .2s,border-color .2s;user-select:none;border:1px solid transparent;line-height:1.3}.btn:active{transform:scale(.96)}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-strong);border-color:var(--primary-strong)}.btn-secondary{background:var(--surface);color:var(--ink-1);border-color:var(--line)}.btn-secondary:hover{background:var(--surface-3)}.btn-danger{background:var(--accent-danger);color:#fff}.btn-danger:hover{background:#b83e46}.btn-accent{background:var(--accent-warn);color:#fff}.btn-small{padding:.35rem .7rem;font-size:var(--fs-aux)}.btn-ghost{background:transparent;color:var(--primary)}.btn-ghost:hover{background:var(--primary-soft)}.btn-block{width:100%}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:.84rem;font-weight:600;color:var(--navy);margin-bottom:4px}.form-row{display:flex;gap:10px;flex-wrap:wrap}.form-row>*{flex:1;min-width:120px}.tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:.76rem;font-weight:600;background:#3e63dd1a;color:var(--moss);border:1px solid rgba(62,99,221,.18)}.tag-red{background:#d6455014;color:var(--pixel-red);border-color:#d645502e}.tag-orange{background:#e8a87c1f;color:var(--warm-orange);border-color:#e8a87c40}.tag-yellow{background:#f0d58c33;color:#b89a3c;border-color:#f0d58c59}.tag-green{background:#3e63dd1f;color:var(--moss);border-color:#3e63dd40}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:.72rem;font-weight:700;background:var(--pixel-red);color:#fff}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}@media(max-width:900px){.grid-3,.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.photo-grid img,.photo-grid .photo-thumb{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);border:2px solid rgba(62,99,221,.15);cursor:pointer;transition:transform .15s;background:var(--sage)}.photo-grid img:hover,.photo-grid .photo-thumb:hover{transform:scale(1.03)}.lightbox{position:fixed;inset:0;z-index:2000;background:#000000bf;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .25s;pointer-events:none}.lightbox.show{opacity:1;visibility:visible;pointer-events:auto}.lightbox img{max-width:95vw;max-height:95vh;object-fit:contain;border-radius:var(--radius)}.lightbox-close{position:absolute;top:16px;right:20px;font-size:1.8rem;color:#fff;cursor:pointer;z-index:2001;background:#0006;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.modal-mask{position:fixed;inset:0;z-index:3000;background:#3d2c1b59;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .25s;padding:20px;pointer-events:none}.modal-mask.show{opacity:1;visibility:visible;pointer-events:auto}.modal-box{background:var(--cream);border:3px solid rgba(62,99,221,.25);border-radius:var(--radius-lg);padding:24px 28px;max-width:520px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);transform:translateY(20px) scale(.96);transition:transform .3s cubic-bezier(.4,0,.2,1)}.modal-mask.show .modal-box{transform:translateY(0) scale(1)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:12px;border-bottom:2px dashed rgba(62,99,221,.15)}.modal-header h3{font-size:1.1rem;color:var(--navy)}.modal-close{font-size:1.4rem;color:var(--oak);cursor:pointer}.toast-container{position:fixed;top:18px;right:18px;z-index:5000;display:flex;flex-direction:column;gap:10px;pointer-events:none;max-width:min(92vw,380px)}.toast{padding:13px 16px;border-radius:var(--radius);background:var(--ink-1);color:#fff;font-size:var(--fs-body);font-weight:var(--fw-regular);box-shadow:var(--shadow-lg);animation:toast-in .3s var(--ease) forwards;pointer-events:auto;display:flex;align-items:center;gap:10px;border-left:3px solid var(--primary)}.toast .toast-msg{flex:1}.toast.success{border-left-color:var(--primary)}.toast.error{background:#fff;color:var(--accent-danger);border-left-color:var(--accent-danger);border:1px solid rgba(210,75,84,.25)}.toast.warning{background:#fff;color:var(--accent-warn);border-left-color:var(--accent-warn);border:1px solid rgba(217,138,69,.25)}.toast .toast-action{flex-shrink:0;padding:6px 12px;border-radius:999px;background:var(--primary);color:#fff;font-weight:var(--fw-medium);font-size:var(--fs-aux);border:none;cursor:pointer;transition:transform var(--press) var(--ease),background .2s}.toast .toast-action:active{transform:scale(.94)}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.toast-out{animation:toast-out .3s var(--ease) forwards}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.coin-celebration{position:fixed;inset:0;z-index:4000;display:flex;align-items:center;justify-content:center;background:#3d2c1b66;backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:all .3s;pointer-events:none}.coin-celebration.show{opacity:1;visibility:visible;pointer-events:auto}.coin-celebration-inner{background:linear-gradient(145deg,var(--cream),#f5eecf);border:3px solid var(--honey);border-radius:var(--radius-lg);padding:36px 48px;text-align:center;box-shadow:var(--shadow-lg);animation:coin-pop .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes coin-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.coin-celebration h2{color:var(--navy);margin-bottom:10px}.coin-celebration p{color:var(--text-dark);margin-bottom:18px}.coin-emoji{font-size:3rem;margin-bottom:12px;display:block}.empty-state{text-align:center;padding:48px 20px;color:var(--oak)}.empty-state svg{width:80px;height:80px;margin-bottom:14px;opacity:.35}.empty-state p{font-size:.94rem}.timeline{position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--moss),var(--sage));border-radius:2px}.timeline-item{position:relative;margin-bottom:20px;padding:14px 18px;border-radius:var(--radius);background:#fdf8ec99;border:1px solid rgba(62,99,221,.12)}.timeline-item:before{content:"";position:absolute;left:-22px;top:20px;width:12px;height:12px;border-radius:50%;background:var(--moss);border:3px solid var(--cream);box-shadow:0 0 0 2px var(--moss)}.timeline-date{font-size:.78rem;color:var(--oak);font-weight:600;margin-bottom:4px}.timeline-tag{margin-top:6px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.calendar-head{text-align:center;font-size:.76rem;font-weight:700;color:var(--navy);padding:6px 0}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:.84rem;cursor:pointer;transition:background .15s;position:relative}.calendar-day:hover{background:#3e63dd14}.calendar-day.today{background:var(--moss);color:#fff;font-weight:700}.calendar-day.has-record:after{content:"❤";font-size:.55rem;position:absolute;bottom:2px;right:3px}.calendar-day.other-month{color:var(--oak);opacity:.4}.tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:16px;border-bottom:2px solid rgba(62,99,221,.12);padding-bottom:0}.tab{padding:8px 16px;font-size:.86rem;font-weight:600;color:var(--oak);cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.tab:hover{color:var(--moss);background:#3e63dd0a}.tab.active{color:var(--moss);border-bottom-color:var(--moss);background:#3e63dd0f}.progress-bar{height:10px;background:#3e63dd1f;border-radius:5px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--moss),var(--highlight));border-radius:5px;transition:width .4s ease}.switch{width:46px;height:26px;border-radius:13px;background:var(--sage);position:relative;cursor:pointer;transition:background .25s;flex-shrink:0}.switch.on{background:var(--moss)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .25s}.switch.on:after{transform:translate(20px)}@media(max-width:768px){#sidebar{width:var(--sidebar-collapsed);min-width:var(--sidebar-collapsed)}#sidebar .nav-label{display:none}#sidebar .nav-item{justify-content:center;padding:13px 0}#sidebar .sidebar-footer{display:none}#content-area{margin-left:var(--sidebar-collapsed);max-width:calc(100vw - var(--sidebar-collapsed));padding:16px}.card{padding:16px}}@media(max-width:480px){html{font-size:14px}body{padding:0}#content-area{padding:12px}}.drawing-board{position:fixed;bottom:0;left:0;right:0;z-index:2500;background:var(--cream);border-top:3px solid var(--moss);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -4px 20px #3d2c1b26;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);max-height:60dvh}.drawing-board.open{transform:translateY(0)}.draw-toolbar{display:flex;align-items:center;gap:6px;padding:8px 14px;border-bottom:1px solid rgba(62,99,221,.12);flex-wrap:wrap}.draw-color-btn{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s}.draw-color-btn:hover{transform:scale(1.15)}.draw-color-btn.active{border-color:var(--navy);transform:scale(1.2)}.draw-tool-btn{padding:6px 10px;border-radius:var(--radius-sm);font-size:.8rem;border:2px solid var(--sage);background:var(--cream);cursor:pointer;transition:all .15s}.draw-tool-btn.active{background:var(--moss);color:#fff;border-color:var(--moss)}.draw-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;width:100%}.draw-row+.draw-row{margin-top:2px}.draw-group{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.draw-label{font-size:.72rem;font-weight:800;color:var(--oak);min-width:30px;letter-spacing:.5px}.draw-color-btn.empty{background:transparent!important;border:2px dashed rgba(62,99,221,.35);cursor:default}.draw-color-btn.empty:hover{transform:none}.draw-hint{margin-top:8px;text-align:center;font-size:.74rem;color:var(--oak);font-weight:600}.draw-canvas-wrap{position:relative;overflow:hidden;touch-action:none}.draw-canvas-wrap canvas{display:block;width:100%}.badge-wall{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.badge-item{width:90px;text-align:center;padding:14px 8px;border-radius:var(--radius);border:2px solid rgba(62,99,221,.15);background:#fdf8ecb3;transition:all .25s;filter:grayscale(1);opacity:.4}.badge-item.unlocked{filter:grayscale(0);opacity:1;border-color:var(--honey);box-shadow:0 0 12px #f0d58c4d}.badge-item.unlocked:hover{transform:translateY(-4px) scale(1.03)}.badge-icon{font-size:2rem;display:block;margin-bottom:6px}.badge-name{font-size:.75rem;font-weight:600;color:var(--navy)}.coin-display{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--honey);text-shadow:0 1px 2px rgba(0,0,0,.1)}.coin-display .coin-num{font-size:1.15rem}.mood-btn{font-size:1.4rem;padding:6px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:transform .15s;background:none;border:2px solid transparent}.mood-btn:hover{transform:scale(1.2)}.mood-btn.selected{border-color:var(--pixel-red);background:#d645500f;border-radius:var(--radius-sm)}.quick-cats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.quick-cat{padding:5px 12px;border-radius:999px;font-size:.82rem;font-weight:600;background:#3e63dd12;color:var(--moss);border:1px solid rgba(62,99,221,.15);cursor:pointer;transition:all .15s}.quick-cat:hover,.quick-cat.selected{background:var(--moss);color:#fff}.stat-number{font-size:1.8rem;font-weight:800;color:var(--navy);line-height:1}.stat-label{font-size:.78rem;color:var(--oak);font-weight:600;margin-top:2px}.pink-theme{--accent-pink: #E87B9F;--pink-bg: #FFF5F8;--pink-card: rgba(255,245,248,.85)}.pink-theme .card{background:var(--pink-card);border-color:#e87b9f33}.pink-theme .card-title{color:#9b3a5e}.pink-theme .card-title:before{background:linear-gradient(180deg,var(--accent-pink),#F0A0BF)}#page-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:12px;padding:12px var(--sp-3);background:#ffffffd1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-hamburger{display:none;font-size:1.3rem;color:var(--ink-1);width:40px;height:40px;border-radius:var(--radius-sm);align-items:center;justify-content:center;background:none;border:none;flex-shrink:0;transition:background .2s,transform var(--press) var(--ease)}.nav-hamburger:active{transform:scale(.9)}.nav-hamburger:hover{background:var(--surface-3)}.page-header-titles{display:flex;flex-direction:column;min-width:0;flex:1}#page-title{font-size:var(--fs-title);font-weight:var(--fw-bold);color:var(--ink-1);line-height:1.2}#page-sub{font-size:var(--fs-aux);color:var(--ink-3)}.page-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.scroll-progress{position:absolute;left:0;right:0;bottom:-1px;height:3px;background:transparent}.scroll-progress-fill{height:100%;width:0%;background:var(--primary);transition:width .15s linear;border-radius:0 3px 3px 0}#fab{display:none;position:fixed;right:18px;bottom:18px;z-index:210;width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;font-size:1.7rem;line-height:1;box-shadow:var(--shadow-lg);border:none;cursor:pointer;align-items:center;justify-content:center;transition:transform var(--press) var(--ease),background .2s,opacity .2s}#fab:active{transform:scale(.9)}#fab[hidden]{display:none!important}#bottom-nav{display:none}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 0;color:var(--ink-3);font-size:.68rem;font-weight:var(--fw-medium);cursor:pointer;background:none;border:none;transition:color .2s,transform var(--press) var(--ease)}.bottom-nav-item:active{transform:scale(.92)}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item .bn-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.bottom-nav-item .bn-icon svg{width:22px;height:22px}#scrim{display:none;position:fixed;inset:0;z-index:150;background:#2b332c59;backdrop-filter:blur(2px);opacity:0;transition:opacity .25s var(--ease)}#scrim.show{display:block;opacity:1}.skeleton{position:relative;overflow:hidden;background:var(--surface-3);border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:translate(-100%);animation:shimmer 1.25s infinite}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-line{height:13px;margin:9px 0}.skeleton-card{height:120px;border-radius:var(--radius);margin-bottom:var(--sp-2)}.empty-state{text-align:center;padding:56px 20px;color:var(--ink-3);display:flex;flex-direction:column;align-items:center;gap:6px}.empty-illu{width:96px;height:96px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface-2);font-size:2.6rem}.empty-title{font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--ink-1)}.empty-desc{font-size:var(--fs-aux);color:var(--ink-3);max-width:260px;line-height:1.6}.empty-cta{margin-top:14px}.tap-pop{animation:tapPop .28s var(--ease)}@keyframes tapPop{0%{transform:scale(1)}45%{transform:scale(1.14)}to{transform:scale(1)}}.check-pop{animation:checkPop .35s var(--ease)}@keyframes checkPop{0%{transform:scale(0)}60%{transform:scale(1.25)}to{transform:scale(1)}}.page-enter{animation:pageIn .32s var(--ease)}@keyframes pageIn{0%{opacity:0;transform:translateY(8px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){#sidebar{transform:translate(-100%);transition:transform .3s var(--ease);z-index:160;box-shadow:var(--shadow-lg);width:78vw;max-width:300px;min-width:0}#sidebar.open{transform:translate(0)}#sidebar .nav-label{display:inline}#sidebar .nav-item{justify-content:flex-start;padding:13px 16px}#sidebar .sidebar-footer{display:flex}#content-area{margin-left:0;max-width:100vw;padding:0}#content-area.expanded{margin-left:0;max-width:100vw}#page-body{padding:var(--sp-2) var(--sp-2) calc(var(--sp-4) + 70px)}.nav-hamburger{display:flex}#fab{display:flex;bottom:calc(82px + env(safe-area-inset-bottom))}#bottom-nav{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:200;background:#fffffff0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.card{padding:var(--sp-2)}}@media(max-width:480px){html{font-size:14px}#page-body{padding:14px 14px calc(var(--sp-4) + 70px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}@media print{#sidebar,#splash,#bottom-nav,#scrim,#fab,#nav-hamburger,.toast-container,.modal-mask,.lightbox{display:none!important}#content-area{margin:0!important;max-width:100%!important}#page-header{position:static}}