@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap";[data-theme=simple-white],:root{--bg:#fdf8f3;--text:#5a4a42;--text-light:#9a8a82;--primary:#f0a0b0;--primary-dark:#e8889a;--primary-light:rgba(240,160,176,.12);--card:#ffffff;--shadow:rgba(240,160,176,.12);--shadow-hover:rgba(240,160,176,.25);--border:#f5e6df;--tag-bg:#fce4ec;--tag-text:#d4748a;--input-bg:#fff9f6;--success:#a8d8b9;--warn:#f7d794;--danger:#f0a0a0;--font:"Noto Sans SC",-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}[data-theme=dark]{--bg:#1e1b2e;--text:#e8d5f0;--text-light:#a890b0;--primary:#c490d1;--primary-dark:#a870b8;--primary-light:rgba(196,144,209,.15);--card:#2a2540;--shadow:rgba(196,144,209,.15);--shadow-hover:rgba(196,144,209,.25);--border:#3d3560;--tag-bg:#3d2d5c;--tag-text:#d4a0e8;--input-bg:#2a2540;--success:#7ec8a0;--warn:#e8c07e;--danger:#e89090}[data-theme=literary]{--bg:#f8f0e3;--text:#6b5244;--text-light:#9a8a7a;--primary:#c4956a;--primary-dark:#a87850;--primary-light:rgba(196,149,106,.12);--card:#fdf6ed;--shadow:rgba(196,149,106,.12);--shadow-hover:rgba(196,149,106,.22);--border:#e8d5c0;--tag-bg:#f0e0c8;--tag-text:#a07850;--input-bg:#fdf8f0;--success:#8fb4a0;--warn:#d4b896;--danger:#d4908a}[data-theme=fresh]{--bg:#f2f8f0;--text:#3d5a3a;--text-light:#7a9a7a;--primary:#7cb87a;--primary-dark:#5a9a5a;--primary-light:rgba(124,184,122,.12);--card:#f8fdf6;--shadow:rgba(124,184,122,.12);--shadow-hover:rgba(124,184,122,.22);--border:#d4e8d0;--tag-bg:#d8f0d4;--tag-text:#5a8a58;--input-bg:#f6faf4;--success:#7cb87a;--warn:#e8d48a;--danger:#d4908a}[data-theme=minimal]{--bg:#f5f2ee;--text:#5a5550;--text-light:#8a8580;--primary:#b8a090;--primary-dark:#9a8070;--primary-light:rgba(184,160,144,.12);--card:#faf8f5;--shadow:rgba(184,160,144,.1);--shadow-hover:rgba(184,160,144,.2);--border:#e8e0d8;--tag-bg:#ece4d8;--tag-text:#8a7868;--input-bg:#faf6f2;--success:#a0c0a0;--warn:#d4c088;--danger:#c89090}[data-theme=vibrant]{--bg:#fff5f0;--text:#7a4a3a;--text-light:#b08a7a;--primary:#f0906a;--primary-dark:#d07050;--primary-light:rgba(240,144,106,.12);--card:#fff8f4;--shadow:rgba(240,144,106,.12);--shadow-hover:rgba(240,144,106,.22);--border:#f5d8c8;--tag-bg:#fce0d0;--tag-text:#c06840;--input-bg:#fff8f4;--success:#90c8a0;--warn:#f0c06a;--danger:#e89090}[data-theme=morandi]{--bg:#f0ece8;--text:#6a6060;--text-light:#9a9090;--primary:#c0a0a0;--primary-dark:#a08080;--primary-light:rgba(192,160,160,.12);--card:#f5f0ec;--shadow:rgba(192,160,160,.1);--shadow-hover:rgba(192,160,160,.2);--border:#e0d8d0;--tag-bg:#e0d4d0;--tag-text:#8a7878;--input-bg:#f5f0ec;--success:#a0b8a0;--warn:#c8b890;--danger:#c09090}[data-theme=vintage]{--bg:#f0e4d0;--text:#5a4430;--text-light:#8a7a6a;--primary:#b88060;--primary-dark:#9a6040;--primary-light:rgba(184,128,96,.12);--card:#f5edd8;--shadow:rgba(184,128,96,.12);--shadow-hover:rgba(184,128,96,.22);--border:#dcc8a8;--tag-bg:#e0d0b0;--tag-text:#8a6840;--input-bg:#f5edd8;--success:#8ab0a0;--warn:#d4b080;--danger:#c08070}[data-theme=tech]{--bg:#181828;--text:#d0c8e0;--text-light:#8a80a0;--primary:#9880d0;--primary-dark:#7860b0;--primary-light:rgba(152,128,208,.15);--card:#222238;--shadow:rgba(152,128,208,.15);--shadow-hover:rgba(152,128,208,.25);--border:#383050;--tag-bg:#302848;--tag-text:#b898d8;--input-bg:#222238;--success:#78c0a0;--warn:#d0b878;--danger:#d08888}[data-theme=warm]{--bg:#fdf5ec;--text:#6a5040;--text-light:#a09080;--primary:#e8a060;--primary-dark:#c88040;--primary-light:rgba(232,160,96,.12);--card:#fffaf2;--shadow:rgba(232,160,96,.12);--shadow-hover:rgba(232,160,96,.22);--border:#f0dcc4;--tag-bg:#f0e0c8;--tag-text:#a07040;--input-bg:#fdf8f0;--success:#90c0a0;--warn:#e8c070;--danger:#d49080}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100vh}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--primary);text-decoration:none}button{font-family:var(--font);cursor:pointer;border:none;outline:none;background:none;color:inherit}img{max-width:100%;display:block}img[loading=lazy]{opacity:0;transition:opacity .3s}img[loading=lazy].loaded{opacity:1}.img-placeholder-lazy{background:linear-gradient(135deg,var(--primary-light),var(--tag-bg));border-radius:12px;min-height:100px}.app-container,.site-wrapper{max-width:428px;width:100%;margin:0 auto;padding:0 16px 100px;overflow-x:hidden}.page.active{padding-bottom:20px}.safe-bottom{height:80px}.top-tools{position:fixed;top:12px;right:12px;display:flex;gap:8px;z-index:200}.tool-btn{width:38px;height:38px;border-radius:50%;background:var(--card);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px var(--shadow);transition:all .25s;position:relative}.tool-btn:hover{transform:scale(1.08);box-shadow:0 4px 14px var(--shadow-hover)}.tool-btn:active{transform:scale(.95)}.tool-btn .badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;border-radius:8px;background:var(--danger);color:#fff;font-size:9px;line-height:16px;text-align:center;font-weight:700;padding:0 3px;display:none}.tool-btn .badge.show{display:block}.profile-header{text-align:center;padding:24px 20px 12px;position:relative}.profile-header:before{content:"";position:absolute;top:0;left:-16px;right:-16px;height:140px;background:linear-gradient(180deg,var(--primary-light) 0%,transparent 100%);border-radius:0 0 36px 36px;z-index:0}.profile-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#fce4ec,#f8bbd0);margin:0 auto 10px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px var(--shadow);border:3px solid #fff;position:relative;z-index:1;cursor:pointer;transition:transform .2s;overflow:hidden}.profile-avatar:hover{transform:scale(1.05)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-name{font-size:20px;font-weight:800;position:relative;z-index:1}.profile-sig{font-size:12px;color:var(--text-light);margin-top:2px;position:relative;z-index:1}.role-bar{display:flex;justify-content:center;gap:8px;margin-top:14px;position:relative;z-index:1}.role-chip{padding:6px 14px;border-radius:16px;font-size:12px;font-weight:600;background:var(--card);color:var(--text-light);border:1px solid var(--border);transition:all .2s;cursor:pointer;display:flex;align-items:center;gap:4px}.role-chip:hover{border-color:var(--primary);color:var(--primary)}.role-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.stat-card{background:var(--card);border-radius:16px;padding:14px 6px;text-align:center;box-shadow:0 2px 8px var(--shadow);transition:all .25s}.stat-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px var(--shadow-hover)}.stat-icon{margin-bottom:4px;display:flex;justify-content:center}.stat-num{font-size:22px;font-weight:900;color:var(--primary)}.stat-label{font-size:11px;color:var(--text-light)}.quick-row{display:flex;justify-content:space-around;padding:0 8px;margin-bottom:24px}.quick-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer;transition:transform .2s}.quick-btn:active{transform:scale(.9)}.quick-circle{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px var(--shadow);transition:all .25s}.quick-circle:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--shadow-hover)}.quick-circle.pink{background:linear-gradient(135deg,#fce4ec,#f8bbd0)}.quick-circle.yellow{background:linear-gradient(135deg,#fff8e1,#ffecb3)}.quick-circle.green{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.quick-circle.purple{background:linear-gradient(135deg,#f3e5f5,#e1bee7)}.quick-circle.blue{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.quick-label{font-size:11px;color:var(--text-light)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title{font-size:16px;font-weight:700;display:flex;align-items:center;gap:6px}.section-more{font-size:13px;color:var(--primary);cursor:pointer;text-decoration:none}.feed-card{background:var(--card);border-radius:20px;margin-bottom:14px;padding:16px;box-shadow:0 2px 12px var(--shadow);transition:transform .2s}.feed-card:active{transform:scale(.98)}.feed-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.feed-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;font-size:18px}.feed-name{font-weight:700;font-size:14px}.feed-time{font-size:11px;color:var(--text-light)}.feed-text{font-size:14px;line-height:1.6;margin-bottom:10px}.feed-images{display:grid;gap:4px;margin-bottom:10px}.feed-images.g1{grid-template-columns:1fr}.feed-images.g2{grid-template-columns:repeat(2,1fr)}.feed-images.g3{grid-template-columns:repeat(3,1fr)}.feed-img{aspect-ratio:1;border-radius:12px;background:linear-gradient(135deg,var(--primary-light),var(--tag-bg));display:flex;align-items:center;justify-content:center;font-size:28px}.feed-location{font-size:12px;color:var(--text-light);margin-bottom:8px;display:flex;align-items:center;gap:4px}.feed-actions{display:flex;gap:20px;padding-top:10px;border-top:1px solid var(--border)}.feed-action{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--text-light);cursor:pointer;transition:color .2s;background:none;border:none}.feed-action:hover{color:var(--primary)}.feed-action.liked{color:#e8889a;font-weight:700}.todo-card{background:var(--card);border-radius:16px;margin-bottom:10px;padding:14px 16px;box-shadow:0 2px 8px var(--shadow);display:flex;align-items:center;gap:12px}.todo-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.todo-check.done{background:var(--success);border-color:var(--success);color:#fff}.todo-content{flex:1;font-size:14px}.todo-content.done{text-decoration:line-through;opacity:.5}.todo-deadline{font-size:11px;color:var(--text-light);margin-top:4px;display:flex;align-items:center;gap:4px}.todo-tag{padding:3px 8px;border-radius:10px;font-size:10px;font-weight:600;flex-shrink:0}.todo-tag.ongoing{background:#fff3e0;color:#c89050}.todo-tag.done{background:#e8f5e9;color:#5a8a5a}.todo-tag.overdue{background:#fce4ec;color:#c87088}.journal-entry{background:var(--card);border-radius:20px;padding:16px;margin-bottom:12px;box-shadow:0 2px 10px var(--shadow);transition:all .25s}.journal-entry:hover{box-shadow:0 6px 20px var(--shadow-hover)}.journal-type{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;margin-bottom:8px}.journal-type.diary{background:#e3f2fd;color:#5a9abf}.journal-type.todo{background:#fce4ec;color:#c87088}.journal-content{font-size:14px;line-height:1.6;margin-bottom:8px}.journal-content.completed{text-decoration:line-through;opacity:.5}.journal-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-light);flex-wrap:wrap;gap:8px}.journal-todo-check{display:flex;align-items:center;gap:8px;margin-bottom:8px}.journal-todo-check input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary)}.book-scroll{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-bottom:20px;padding:0 4px}.book-scroll::-webkit-scrollbar{display:none}.book-card{min-width:140px;background:var(--card);border-radius:20px;overflow:hidden;box-shadow:0 2px 12px var(--shadow);flex-shrink:0;transition:transform .2s;cursor:pointer}.book-card:hover{transform:translateY(-3px)}.book-cover{height:120px;display:flex;align-items:center;justify-content:center;color:#ffffffd9;font-weight:700;font-size:16px;text-align:center;padding:12px}.book-info{padding:10px}.book-title{font-weight:700;font-size:13px;margin-bottom:2px}.book-author{font-size:11px;color:var(--text-light);margin-bottom:6px}.book-progress{height:4px;border-radius:2px;background:var(--border);overflow:hidden}.book-progress-bar{height:100%;border-radius:2px;background:var(--primary)}.book-meta{display:flex;justify-content:space-between;margin-top:4px;font-size:10px;color:var(--text-light)}.book-rating{color:#e8c070;font-size:13px}.notice-item{background:var(--card);border-radius:20px;padding:14px 16px;margin-bottom:10px;box-shadow:0 2px 8px var(--shadow);display:flex;gap:12px;align-items:flex-start;cursor:pointer;transition:all .25s}.notice-item:hover{transform:translateY(-2px)}.notice-item.unread{border-left:3px solid var(--primary)}.notice-icon{font-size:26px;flex-shrink:0;display:flex;align-items:center}.notice-body{flex:1}.notice-title{font-weight:700;font-size:14px;margin-bottom:3px}.notice-item.unread .notice-title{color:var(--primary)}.notice-content{font-size:13px;color:var(--text-light);margin-bottom:3px}.notice-time{font-size:11px;color:var(--text-light);opacity:.6}.card{background:var(--card);border-radius:20px;padding:18px;margin-bottom:14px;box-shadow:0 2px 10px var(--shadow);transition:all .25s}.card:hover{box-shadow:0 6px 20px var(--shadow-hover)}.filter-bar,.journal-filter{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:16px;font-size:13px;font-weight:600;transition:all .25s;background:var(--primary);color:#fff;box-shadow:0 3px 10px var(--shadow);border:none;cursor:pointer}.btn:hover{transform:scale(1.03);box-shadow:0 5px 14px var(--shadow)}.btn:active{transform:scale(.97)}.btn.ghost{background:var(--card);color:var(--text);border:1px solid var(--border);box-shadow:none}.btn.ghost:hover{background:var(--primary-light);border-color:var(--primary)}.btn.sm{padding:6px 14px;font-size:12px;border-radius:12px}.btn-primary{width:100%;padding:14px;border-radius:18px;background:var(--primary);color:#fff;font-size:15px;font-weight:700;border:none;cursor:pointer;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px var(--shadow)}.btn-primary:hover{transform:scale(1.02)}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:14px}.form-group label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text-light)}.form-input,input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select{width:100%;padding:14px 18px;border:2px solid transparent;border-radius:20px;background:var(--input-bg);color:var(--text);font-family:var(--font);font-size:14px;outline:none;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.form-input:focus,input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]):focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 2px 12px var(--primary-light);background:var(--card)}input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file])::placeholder,textarea::placeholder{color:var(--text-light);opacity:.6}textarea{min-height:100px;resize:vertical}.modal-overlay,.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0003;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:none;align-items:flex-end;justify-content:center}.modal-overlay.active,.modal-bg.active{display:flex}.modal,.modal-sheet{background:var(--card);border-radius:16px;width:100%;max-width:428px;max-height:85vh;padding:20px;animation:slideUp .3s ease;position:relative;box-shadow:0 -4px 24px #0000001f}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{width:36px;height:4px;border-radius:2px;background:var(--border);margin:0 auto 16px}.modal-title{font-size:17px;font-weight:700;text-align:center;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:8px}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:var(--input-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;border:none}.modal-close:hover{background:var(--primary-light)}.bottom-tabs{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:auto!important;min-height:50px!important;background:#fff6!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-top:1px solid rgba(255,255,255,.5)!important;z-index:1000!important;padding:5px 12px!important;box-shadow:0 -4px 20px #d9775714!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-around!important;visibility:visible!important;opacity:1!important;border-radius:24px 24px 0 0!important}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:var(--text-light);font-size:10px;cursor:pointer;position:relative;background:none;border:none;padding:4px;border-radius:14px;transition:all .3s;animation:tab-float 3.5s ease-in-out infinite;font-size:11px}.tab-item:nth-child(1){animation-delay:0s}.tab-item:nth-child(2){animation-delay:-.7s}.tab-item:nth-child(3){animation-delay:-1.4s}.tab-item:nth-child(4){animation-delay:-2.1s}.tab-item:nth-child(5){animation-delay:-2.8s}@keyframes tab-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.tab-item:active{transform:scale(.92)}.tab-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:linear-gradient(145deg,#fff9,#fff3,#ffffff59);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px 2px #ffffffb3,0 2px 8px #d9775714;opacity:0;transition:opacity .3s;z-index:0}.tab-item:after{content:"";position:absolute;top:3px;left:20%;width:40%;height:25%;border-radius:50%;background:linear-gradient(180deg,#ffffffb3,#fff0);filter:blur(1px);opacity:0;transition:opacity .3s;z-index:1;pointer-events:none}.tab-item.active:before,.tab-item.active:after{opacity:1}.tab-item.active{color:var(--primary);font-weight:600}.tab-item .tab-icon{position:relative;z-index:2;font-size:18px;transition:transform .2s;filter:drop-shadow(0 1px 2px rgba(217,119,87,.12))}.tab-item.active .tab-icon{transform:scale(1.12);filter:drop-shadow(0 0 6px rgba(255,180,150,.5)) drop-shadow(0 1px 2px rgba(217,119,87,.15))}.tab-item .tab-label{position:relative;z-index:2;font-size:11px;font-weight:600}.tab-dot{position:absolute;top:4px;right:calc(50% - 18px);width:10px;height:10px;border-radius:50%;background:#ff6b6b;display:none;border:2px solid #fff;box-shadow:0 2px 4px #0000001a;z-index:3}.tab-dot.show{display:block}.top-nav{display:none}@media (min-width: 769px){.top-nav{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:20px 16px;margin-bottom:16px;background:#fff6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:24px;border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 20px #d9775714}.app-container,.site-wrapper{max-width:960px;padding-bottom:40px}.bottom-tabs{display:none!important}.nav-pill{padding:10px 16px;border-radius:16px;font-size:13px;font-weight:500;color:var(--text-light);transition:all .25s;position:relative;display:flex;align-items:center;gap:6px;white-space:nowrap;text-decoration:none;animation:tab-float 3.5s ease-in-out infinite}.nav-pill:nth-child(1){animation-delay:0s}.nav-pill:nth-child(2){animation-delay:-.5s}.nav-pill:nth-child(3){animation-delay:-1s}.nav-pill:nth-child(4){animation-delay:-1.5s}.nav-pill:nth-child(5){animation-delay:-2s}.nav-pill:nth-child(6){animation-delay:-2.5s}.nav-pill:nth-child(7){animation-delay:-3s}.nav-pill:nth-child(8){animation-delay:-3.5s}.nav-pill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:linear-gradient(145deg,#ffffffa6,#ffffff40,#fff6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1.5px 2px #fffc,inset 0 -2px 3px #ffc8b433,0 3px 10px #d977571a;opacity:0;transition:opacity .3s;z-index:0}.nav-pill:after{content:"";position:absolute;top:3px;left:15%;width:45%;height:28%;border-radius:50%;background:linear-gradient(180deg,#ffffffb3,#fff0);filter:blur(1px);opacity:0;transition:opacity .3s;z-index:1;pointer-events:none}.nav-pill:hover:before,.nav-pill:hover:after,.nav-pill.active:before,.nav-pill.active:after{opacity:1}.nav-pill:hover{animation-play-state:paused;transform:translateY(-3px);color:var(--primary)}.nav-pill.active{color:var(--primary);font-weight:600;animation-duration:2.8s}.nav-icon{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;transition:transform .2s}.nav-pill:hover .nav-icon{transform:scale(1.1)}.nav-pill.active .nav-icon{filter:drop-shadow(0 0 5px rgba(255,180,150,.5))}.nav-icon .dot{position:absolute;top:-3px;right:-5px;width:8px;height:8px;border-radius:50%;background:#ff6b6b;display:none;border:1.5px solid #fff;z-index:3}.nav-icon .dot.show{display:block}@media (prefers-reduced-motion: reduce){.nav-pill{animation:none}}}.guest-hint{background:var(--primary-light);color:var(--tag-text);border-radius:14px;padding:12px 18px;margin-bottom:16px;text-align:center;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px}.empty-state{text-align:center;padding:40px 20px;color:var(--text-light)}.empty-icon{margin-bottom:8px}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{height:16px;border-radius:8px;width:100%;background:linear-gradient(90deg,var(--border) 25%,var(--input-bg) 50%,var(--border) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite}.admin-table{width:100%;border-collapse:separate;border-spacing:0 6px;font-size:13px}.admin-table th{text-align:left;padding:10px 14px;font-weight:600;color:var(--text-light);font-size:12px}.admin-table td{padding:10px 14px;background:var(--card);vertical-align:middle}.admin-table tr td:first-child{border-radius:10px 0 0 10px}.admin-table tr td:last-child{border-radius:0 10px 10px 0}.admin-table tr:hover td{background:var(--primary-light)}.toggle{position:relative;width:46px;height:24px;border-radius:24px;background:var(--border);cursor:pointer;transition:.3s;flex-shrink:0}.toggle.on{background:var(--primary)}.toggle:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.3s;box-shadow:0 2px 4px #00000014}.toggle.on:after{left:25px}.theme-panel{position:fixed;top:56px;right:12px;background:var(--card);border-radius:20px;padding:16px;box-shadow:0 8px 32px var(--shadow-hover);z-index:300;display:none;width:260px}.theme-panel.show{display:block}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.theme-opt{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;cursor:pointer;transition:all .2s;font-size:12px;border:1px solid var(--border)}.theme-opt:hover{background:var(--primary-light);border-color:var(--primary)}.theme-dot{width:18px;height:18px;border-radius:50%;flex-shrink:0;border:2px solid var(--border)}.page{display:none}.page.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-title{font-size:18px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px;color:var(--text)}.article-card{background:var(--card);border-radius:20px;padding:16px;margin-bottom:14px;box-shadow:0 2px 12px var(--shadow);cursor:pointer;transition:all .25s;display:block;text-decoration:none;color:var(--text)}.article-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-hover)}.article-title{font-size:16px;font-weight:700;margin-bottom:6px}.article-summary{font-size:13px;color:var(--text-light);margin-bottom:8px;line-height:1.5}.article-meta{font-size:12px;color:var(--text-light);display:flex;gap:12px;flex-wrap:wrap}.note-card{background:var(--card);border-radius:16px;padding:14px 16px;margin-bottom:10px;box-shadow:0 2px 8px var(--shadow);border-left:3px solid var(--primary)}.vault-card{background:var(--card);border-radius:20px;padding:14px 16px;margin-bottom:10px;box-shadow:0 2px 8px var(--shadow);display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .25s}.vault-card:hover{transform:translateY(-2px)}.study-task{background:var(--card);border-radius:20px;padding:16px;margin-bottom:12px;box-shadow:0 2px 10px var(--shadow)}.comment-box{background:var(--input-bg);border-radius:14px;padding:12px;margin-top:10px}.comment-item{padding:8px 0;font-size:14px;border-bottom:1px solid var(--border)}.comment-item:last-child{border-bottom:none}.comment-input-row{display:flex;gap:8px;margin-top:10px}.comment-input-row input{flex:1;border-radius:20px;padding:8px 16px;font-size:13px}.loading-state{text-align:center;padding:40px 20px;color:var(--text-light);font-size:14px}.error-state{text-align:center;padding:40px 20px;color:var(--danger);font-size:14px}.moment-images{display:grid;gap:4px;margin-bottom:10px}.moment-images.g1{grid-template-columns:1fr}.moment-images.g2{grid-template-columns:repeat(2,1fr)}.moment-images.g3{grid-template-columns:repeat(3,1fr)}.moment-images.g4{grid-template-columns:repeat(2,1fr)}.moment-images.g5,.moment-images.g6,.moment-images.g7,.moment-images.g8,.moment-images.g9{grid-template-columns:repeat(3,1fr)}.moment-img{aspect-ratio:1;border-radius:12px;background:linear-gradient(135deg,var(--primary-light),var(--tag-bg));display:flex;align-items:center;justify-content:center;font-size:28px}.health-card{background:var(--card);border-radius:20px;padding:14px 16px;margin-bottom:10px;box-shadow:0 2px 8px var(--shadow);display:flex;gap:12px;align-items:flex-start}.progress-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;background:var(--primary)}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}@media (max-width: 375px){.app-container,.site-wrapper{padding:0 10px 76px}.profile-avatar{width:68px;height:68px}.profile-name{font-size:17px}.stats-row{gap:6px}.stat-card{padding:10px 6px;border-radius:12px}.stat-num{font-size:18px}.quick-circle{width:42px;height:42px}.feed-card{padding:14px;border-radius:16px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.bottom-tabs{padding-bottom:env(safe-area-inset-bottom);height:calc(60px + env(safe-area-inset-bottom))}.app-container,.site-wrapper{padding-bottom:calc(76px + env(safe-area-inset-bottom))}}