:root,[data-theme=default]{--c-bg: #f0f2f5;--c-neu-bg: #e8ecf1;--c-text: #2a2a2a;--c-text-sub: #8a9099;--c-orange: #4a6cf7;--c-sky: #87CEEB;--c-white: #ffffff;--c-gray: #e0e5ec;--c-danger: #e64340;--c-success: #2ecc71;--c-warning: #f5a623;--c-fav: #f5a623;--c-neu-shadow-light: #ffffff;--c-neu-shadow-dark: #d1d9e6;--c-neu-inset: rgba(209, 217, 230, .55);--c-glass-bg: rgba(255, 255, 255, .5);--c-glass-border: rgba(255, 255, 255, .7);--c-overlay: rgba(17, 20, 28, .35);--font: "SF Pro Display", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "SF Mono", "JetBrains Mono", "Menlo", Consolas, monospace;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--nav-height: 44px;--tab-height: 64px;--primary: #4a6cf7;--primary-light: #eef1fe;--primary-dark: #d94f1f;--bg: #f0f2f5;--card: #ffffff;--text: #2a2a2a;--text-sub: #8a9099;--text-light: #c9ced8;--border: #eef0f3;--danger: #e64340;--success: #2ecc71;--warning: #f5a623;--shadow-sm: 0 3px 12px rgba(31, 35, 41, .04);--shadow: 0 4px 16px rgba(31, 35, 41, .05);--shadow-lg: 0 8px 32px rgba(31, 35, 41, .09);--radius-sm: 12px;--radius: 18px;--radius-lg: 24px;--radius-full: 999px}[data-theme=dark]{--c-bg: #1a1d23;--c-neu-bg: #242830;--c-text: #e0e0e0;--c-text-sub: #8890a0;--c-orange: #5b7cfa;--c-sky: #5dade2;--c-white: #2e3238;--c-gray: #33373e;--c-danger: #ff6b6b;--c-success: #2ecc71;--c-warning: #f5a623;--c-fav: #f5a623;--c-neu-shadow-light: #2e3238;--c-neu-shadow-dark: #16181c;--c-neu-inset: rgba(22, 24, 28, .6);--c-glass-bg: rgba(40, 44, 52, .6);--c-glass-border: rgba(255, 255, 255, .08);--c-overlay: rgba(0, 0, 0, .5);--primary: #5b7cfa;--primary-light: #20263a;--primary-dark: #3a54c9;--bg: #1a1d23;--card: #242830;--text: #e0e0e0;--text-sub: #8890a0;--text-light: #4a4f58;--border: #33373e;--danger: #ff6b6b;--success: #2ecc71;--warning: #f5a623;--shadow-sm: 0 3px 12px rgba(0, 0, 0, .25);--shadow: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--radius-sm: 12px;--radius: 18px;--radius-lg: 24px;--radius-full: 999px}[data-theme=warm]{--c-bg: #faf5f0;--c-neu-bg: #f5ede4;--c-text: #4a3f35;--c-text-sub: #9a8a7a;--c-orange: #5a6cf0;--c-sky: #7fb5c9;--c-white: #ffffff;--c-gray: #e8ddd2;--c-neu-shadow-light: #ffffff;--c-neu-shadow-dark: #e0d5c8;--c-neu-inset: rgba(224, 213, 200, .55);--c-glass-bg: rgba(255, 248, 240, .55);--c-glass-border: rgba(255, 255, 255, .75);--c-overlay: rgba(74, 63, 53, .35);--primary: #5a6cf0;--primary-light: #eef1fe;--primary-dark: #3a54c9;--bg: #faf5f0;--card: #fffdfa;--text: #4a3f35;--text-sub: #9a8a7a;--text-light: #d0c6ba;--border: #f0e7dc;--danger: #d94f3f;--success: #2ecc71;--warning: #f5a623;--shadow-sm: 0 3px 12px rgba(74, 63, 53, .05);--shadow: 0 4px 16px rgba(74, 63, 53, .07);--shadow-lg: 0 8px 32px rgba(74, 63, 53, .12);--radius-sm: 12px;--radius: 18px;--radius-lg: 24px;--radius-full: 999px}[data-theme=cool]{--c-bg: #eef3f8;--c-neu-bg: #e2eaf2;--c-text: #2c3e50;--c-text-sub: #7f8c9a;--c-orange: #4a6cf7;--c-sky: #5dade2;--c-white: #ffffff;--c-gray: #d4dfe9;--c-neu-shadow-light: #f8fafc;--c-neu-shadow-dark: #d0dae4;--c-neu-inset: rgba(208, 218, 228, .55);--c-glass-bg: rgba(248, 250, 252, .55);--c-glass-border: rgba(255, 255, 255, .75);--c-overlay: rgba(44, 62, 80, .35);--primary: #4a6cf7;--primary-light: #eef1fe;--primary-dark: #3a54c9;--bg: #eef3f8;--card: #fcfdff;--text: #2c3e50;--text-sub: #7f8c9a;--text-light: #c2cdd8;--border: #e8eef4;--danger: #e74c3c;--success: #1abc9c;--warning: #f5a623;--shadow-sm: 0 3px 12px rgba(44, 62, 80, .05);--shadow: 0 4px 16px rgba(44, 62, 80, .07);--shadow-lg: 0 8px 32px rgba(44, 62, 80, .12);--radius-sm: 12px;--radius: 18px;--radius-lg: 24px;--radius-full: 999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:calc(100vw / 375 * 16 * var(--font-scale, 1));-webkit-text-size-adjust:100%}@media (min-width: 768px){html{font-size:calc(16px * var(--font-scale, 1))}}body{font-family:var(--font);background:var(--c-bg);color:var(--c-text);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:background .4s,color .4s}#root{min-height:100vh}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit;-webkit-tap-highlight-color:transparent;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;outline:none;border:none;color:inherit}::-webkit-scrollbar{width:0;height:0}.bg-orb{position:fixed;border-radius:50%;filter:blur(3rem);z-index:0;pointer-events:none;transition:background .4s}.bg-orb.a{width:15rem;height:15rem;top:-5rem;right:-5rem;opacity:.3;background:radial-gradient(circle,var(--c-sky),transparent 70%)}.bg-orb.b{width:13rem;height:13rem;bottom:-5rem;left:-4rem;opacity:.15;background:radial-gradient(circle,var(--c-orange),transparent 70%)}.page{position:relative;z-index:1;padding-top:var(--nav-height);padding-bottom:calc(var(--tab-height) + 24px);min-height:100vh}.page-content{max-width:800px;margin:0 auto;padding:0 12px}@media (min-width: 768px){.page-content{padding:0 16px}.page{padding-bottom:0}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-height);background:var(--c-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--c-glass-border);display:flex;align-items:center;justify-content:center;padding:0 12px}.navbar-title{font-size:17px;font-weight:600;color:var(--c-text);letter-spacing:-.2px}.navbar-back{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0000000a;color:var(--c-text);transition:all .2s var(--ease-out-expo)}.navbar-back:active{background:#0000001a;transform:translateY(-50%) scale(.9)}.navbar-action{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:13px;font-weight:600;color:var(--c-orange);padding:6px 12px;border-radius:15px;background:#0000000a;transition:all .2s var(--ease-out-expo)}.navbar-action:active{transform:translateY(-50%) scale(.92)}.navbar-settings{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:var(--c-glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--c-glass-border);color:var(--c-text-sub);display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease-out-expo)}.navbar-settings svg{width:17px;height:17px}.navbar-settings:active{transform:translateY(-50%) scale(.9);color:var(--c-orange);border-color:var(--c-orange)}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:100;height:var(--tab-height);padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--c-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--c-glass-border);display:flex;align-items:flex-start;justify-content:space-around}@media (min-width: 768px){.tabbar{padding:8px 20% calc(8px + env(safe-area-inset-bottom))}}.tabbar-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:2px 12px;background:transparent;color:var(--c-text-sub);font-size:10px;font-weight:500;transition:color .25s var(--ease-out-expo);position:relative;min-width:64px}.tabbar-item .tab-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform .25s var(--ease-out-expo)}.tabbar-item .tab-icon svg{width:100%;height:100%}.tabbar-item.active{color:var(--c-orange)}.tabbar-item.active .tab-icon{transform:scale(1.15)}.tabbar-indicator{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:0;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--c-orange),color-mix(in srgb,var(--c-orange),#fff 42%));transition:width .25s ease}.tabbar-item.active .tabbar-indicator{width:20px}.tabbar-upload-wrap{display:flex;flex-direction:column;align-items:center;transform:translateY(-18px)}.tabbar-upload-btn{width:52px;height:52px;min-width:52px;border-radius:50%;background:linear-gradient(135deg,var(--c-orange),color-mix(in srgb,var(--c-orange),#fff 42%));box-shadow:0 6px 20px color-mix(in srgb,var(--c-orange),transparent 60%);border:3px solid var(--c-white);display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .2s var(--ease-out-expo);animation:tabFloat 2.6s ease-in-out infinite}.tabbar-upload-btn svg{width:24px;height:24px}.tabbar-upload-btn:active{transform:scale(.92)}.tabbar-upload-label{margin-top:3px;font-size:10px;font-weight:600;color:var(--c-text-sub);letter-spacing:.5px}@keyframes tabFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.brand{display:flex;flex-direction:column;align-items:center;gap:.5rem}.brand-icon{width:4.4rem;height:4.4rem;border-radius:1.2rem;background:var(--c-neu-bg);color:var(--c-orange);box-shadow:.4rem .4rem .8rem var(--c-neu-shadow-dark),-.4rem -.4rem .8rem var(--c-neu-shadow-light);display:flex;align-items:center;justify-content:center;transition:all .3s var(--ease-out-expo)}.brand-icon svg{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.brand-title{font-size:1.5rem;font-weight:800;letter-spacing:1px}.brand-sub{font-size:.72rem;color:var(--c-text-sub);letter-spacing:1px}.page-hero{padding:14px 4px 8px}.hero-title{font-size:1.5rem;font-weight:800;letter-spacing:-.5px}.hero-sub{margin-top:4px;font-size:.72rem;color:var(--c-text-sub)}.hero-row{display:flex;align-items:center;justify-content:space-between}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 22px;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;white-space:nowrap;letter-spacing:-.2px;transition:all .2s var(--ease-out-expo)}.btn:active{transform:scale(.95)}.btn-primary{background:linear-gradient(135deg,var(--c-orange),color-mix(in srgb,var(--c-orange),#fff 42%));color:#fff;font-weight:700;box-shadow:0 4px 15px color-mix(in srgb,var(--c-orange),transparent 70%)}.btn-primary:active{transform:scale(.95);box-shadow:inset .12rem .12rem .28rem #c8461480}.btn-primary:disabled{background:var(--c-gray);box-shadow:none;cursor:not-allowed;transform:none}.btn-danger{background:linear-gradient(135deg,var(--c-danger),#c0392b);color:#fff;font-weight:700;box-shadow:0 4px 15px #e74c3c4d}.btn-danger:active{transform:scale(.95)}.btn-outline{background:var(--c-neu-bg);color:var(--c-orange);box-shadow:.16rem .16rem .4rem var(--c-neu-shadow-dark),-.16rem -.16rem .4rem var(--c-neu-shadow-light)}.btn-outline:active{box-shadow:inset .12rem .12rem .28rem var(--c-neu-inset);color:var(--c-orange)}.btn-ghost{background:transparent;color:var(--c-text-sub);padding:8px 12px}.btn-ghost:active{background:var(--c-gray)}.btn-sm{padding:5px 14px;font-size:.72rem}.btn-lg{padding:14px 32px;font-size:.9rem}.btn-block{width:100%}.btn-icon{width:38px;height:38px;padding:0;border-radius:50%}.neu-btn{background:var(--c-neu-bg);color:var(--c-text);box-shadow:.2rem .2rem .45rem var(--c-neu-shadow-dark),-.2rem -.2rem .45rem var(--c-neu-shadow-light);border-radius:.85rem;padding:.7rem 1.1rem;font-size:.78rem;font-weight:600;transition:all .2s var(--ease-out-expo)}.neu-btn:active{box-shadow:inset .12rem .12rem .28rem var(--c-neu-inset);transform:scale(.96)}.neu-btn.active{background:linear-gradient(135deg,var(--c-orange),color-mix(in srgb,var(--c-orange),#fff 42%));color:#fff;box-shadow:.28rem .28rem .6rem color-mix(in srgb,var(--c-orange),transparent 65%),-.18rem -.18rem .45rem var(--c-neu-shadow-light)}.card{background:var(--c-white);border-radius:1rem;box-shadow:.3rem .3rem .7rem #1f23290d,-.1rem -.1rem .3rem #fff6;padding:16px}.neu-card{background:var(--c-neu-bg);border-radius:1rem;box-shadow:.22rem .22rem .5rem var(--c-neu-shadow-dark),-.22rem -.22rem .5rem var(--c-neu-shadow-light);transition:all .25s var(--ease-out-expo)}.neu-card:active{transform:scale(.98)}.glass{background:var(--c-glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--c-glass-border);border-radius:1rem}.search-bar{display:flex;align-items:center;gap:8px;padding:0 16px;height:44px;margin:4px 4px 12px;border-radius:22px;background:var(--c-neu-bg);box-shadow:inset .12rem .12rem .28rem var(--c-neu-inset),inset -.12rem -.12rem .28rem var(--c-neu-shadow-light);transition:all .2s var(--ease-out-expo)}.search-bar:focus-within{box-shadow:inset .12rem .12rem .28rem var(--c-neu-inset),0 0 0 2px color-mix(in srgb,var(--c-orange),transparent 85%)}.search-icon{flex-shrink:0;color:var(--c-text-sub);display:flex}.search-icon svg{width:16px;height:16px}.search-input{flex:1;border:none;background:transparent;font-size:.8rem;color:var(--c-text);user-select:text;-webkit-user-select:text}.search-input::placeholder{color:var(--c-text-sub);opacity:.7}.search-clear{background:none;color:var(--c-text-sub);padding:2px 4px;display:flex}.search-clear svg{width:15px;height:15px}.search-clear:active{transform:scale(.85);color:var(--c-orange)}.chip-bar{display:flex;align-items:center;gap:6px;margin:6px 4px 10px}.chip-scroll{flex:1;overflow-x:auto;display:flex;gap:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.chip-scroll::-webkit-scrollbar{display:none}.chip{flex-shrink:0;padding:6px 16px;border-radius:20px;background:var(--c-white);color:var(--c-text-sub);font-size:.72rem;font-weight:500;white-space:nowrap;box-shadow:.16rem .16rem .38rem var(--c-neu-shadow-dark),-.16rem -.16rem .38rem var(--c-neu-shadow-light);transition:all .2s var(--ease-out-expo)}.chip:active{transform:scale(.93)}.chip.active{background:linear-gradient(135deg,var(--c-orange),color-mix(in srgb,var(--c-orange),#fff 42%));color:#fff;font-weight:700;box-shadow:.2rem .2rem .45rem color-mix(in srgb,var(--c-orange),transparent 65%)}.cat-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;flex:1 1 0;min-width:0;padding:.5rem .4rem;border-radius:.85rem;background:var(--c-neu-bg);color:var(--c-text-sub);border:none;cursor:pointer;box-shadow:.18rem .18rem .42rem var(--c-neu-shadow-dark),-.18rem -.18rem .42rem var(--c-neu-shadow-light);transition:all .25s var(--ease-out-expo)}.cat-icon{width:1.2rem;height:1.2rem;display:flex;align-items:center;justify-content:center}.cat-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cat-name{font-size:.6rem;font-weight:600;white-space:nowrap;letter-spacing:.5px}.cat-chip:active{transform:scale(.92)}.cat-chip.active{color:#fff;background:linear-gradient(135deg,var(--c-orange),color-mix(in srgb,var(--c-orange),#fff 42%));box-shadow:.28rem .28rem .6rem color-mix(in srgb,var(--c-orange),transparent 65%),-.18rem -.18rem .45rem var(--c-neu-shadow-light)}.manage-btn{height:32px;padding:0 16px;border-radius:20px;font-size:.72rem;font-weight:600;color:var(--c-text-sub);background:var(--c-white);box-shadow:.16rem .16rem .38rem var(--c-neu-shadow-dark),-.16rem -.16rem .38rem var(--c-neu-shadow-light);transition:all .2s var(--ease-out-expo)}.manage-btn:active{transform:scale(.94)}.manage-btn.active{background:linear-gradient(135deg,var(--c-orange),color-mix(in srgb,var(--c-orange),#fff 42%));color:#fff;font-weight:700;box-shadow:.2rem .2rem .45rem color-mix(in srgb,var(--c-orange),transparent 65%)}.mode-btn{flex-shrink:0;margin-right:8px;padding:6px 16px;border-radius:20px;background:var(--c-white);color:var(--c-text-sub);font-size:.72rem;font-weight:500;cursor:pointer;box-shadow:.16rem .16rem .38rem var(--c-neu-shadow-dark),-.16rem -.16rem .38rem var(--c-neu-shadow-light);display:flex;align-items:center;gap:4px;transition:all .2s var(--ease-out-expo)}.mode-btn:active{transform:scale(.94);box-shadow:inset .12rem .12rem .28rem var(--c-neu-inset)}.mode-btn .caret{width:.55rem;height:.55rem;color:inherit}.mode-btn .caret svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.section{margin-top:10px}.section-head{display:flex;align-items:center;padding:4px 6px}.section-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:8px;flex-shrink:0}.section-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.section-title{font-size:.95rem;font-weight:700;flex:1}.section-count{font-size:.62rem;color:var(--c-text-sub)}.starred-section{margin-top:10px;border-left:4px solid var(--c-fav);border-radius:12px;padding:0 4px;background:linear-gradient(180deg,rgba(245,166,35,.12),var(--c-white))}.starred-head{display:flex;align-items:center;padding:6px}.starred-icon{width:28px;height:28px;border-radius:8px;margin-right:8px;background:#f5a62324;color:var(--c-fav);display:flex;align-items:center;justify-content:center;flex-shrink:0}.starred-icon svg{width:14px;height:14px;fill:var(--c-fav);stroke:none}.starred-title{font-size:.95rem;font-weight:700;flex:1}.note-card{background:var(--c-white);border-radius:.9rem;padding:16px 14px;margin-top:8px;box-shadow:.18rem .18rem .42rem #1f23290d,-.12rem -.12rem .3rem #ffffff80;cursor:pointer;display:block;transform:scale(1);transition:transform .15s var(--ease-out-expo),box-shadow .15s var(--ease-out-expo),background .15s}.note-card:active{transform:scale(.98)}.note-card.selected{background:color-mix(in srgb,var(--c-orange),transparent 94%);box-shadow:0 0 0 2px var(--c-orange),0 4px 14px color-mix(in srgb,var(--c-orange),transparent 88%)}.note-card-row{display:flex;align-items:flex-start}.note-card-check{width:22px;height:22px;border-radius:50%;flex-shrink:0;border:2px solid var(--c-gray);background:var(--c-white);color:#fff;display:flex;align-items:center;justify-content:center;margin-right:10px;margin-top:2px;transition:all .15s var(--ease-out-expo)}.note-card-check svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.note-card.selected .note-card-check{background:linear-gradient(135deg,var(--c-orange),color-mix(in srgb,var(--c-orange),#fff 42%));border-color:transparent}.note-card-main{flex:1;min-width:0}.note-title-row{display:flex;align-items:flex-start;justify-content:space-between}.note-title{font-size:1rem;font-weight:600;flex:1;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-star{display:inline-block;width:15px;height:15px;margin-right:5px;vertical-align:-2px;color:var(--c-fav)}.note-star svg{width:100%;height:100%;fill:var(--c-fav);stroke:none}.note-tag{flex-shrink:0;font-size:.62rem;padding:2px 8px;border-radius:12px;font-weight:600}.note-excerpt{margin-top:6px;font-size:.72rem;color:var(--c-text-sub);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.note-time{margin-top:8px;font-size:.62rem;color:var(--c-text-sub)}.manage-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:center;height:56px;padding:0 18px;background:var(--c-glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--c-glass-border);box-shadow:0 -4px 14px #1f232914}.manage-select-all{font-size:.8rem;font-weight:600;color:var(--c-orange)}.manage-count{flex:1;text-align:center;font-size:.72rem;color:var(--c-text-sub)}.manage-delete{height:40px;padding:0 24px;border-radius:20px;background:linear-gradient(135deg,var(--c-danger),#c0392b);color:#fff;font-size:.8rem;font-weight:600;transition:all .2s var(--ease-out-expo)}.manage-delete:disabled{background:var(--c-gray);color:var(--c-text-sub);cursor:not-allowed}.manage-delete:active:not(:disabled){transform:scale(.95)}.tag{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-full);font-size:.62rem;font-weight:500}.tag svg{width:.8rem;height:.8rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:11px;font-weight:600;background:var(--c-danger);color:#fff}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;align-items:flex-end;justify-content:center}.sheet-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--c-overlay);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:fadeIn .25s var(--ease-out-expo)}.sheet-panel{position:relative;width:100%;max-width:500px;background:var(--c-glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--c-glass-border);border-radius:1.4rem 1.4rem 0 0;padding:10px 20px calc(20px + env(safe-area-inset-bottom));box-sizing:border-box;animation:sheetUp .4s var(--ease-out-expo);max-height:86vh;overflow-y:auto}@keyframes sheetUp{0%{transform:translateY(105%)}to{transform:translateY(0)}}.sheet-handle{width:40px;height:5px;border-radius:3px;background:var(--c-gray);margin:6px auto 4px;flex-shrink:0}.sheet-title{text-align:center;font-size:.95rem;font-weight:700;padding:6px 0 14px}.sheet-list-item{display:flex;align-items:center;justify-content:space-between;padding:14px 8px;font-size:.95rem;font-weight:600;color:var(--c-text);border-bottom:1px solid rgba(0,0,0,.04);cursor:pointer;transition:background .2s,transform .15s var(--ease-out-expo);border-radius:8px}.sheet-list-item:active{transform:scale(.98);background:color-mix(in srgb,var(--c-orange),transparent 95%)}.sheet-list-item .check{width:.95rem;height:.95rem;color:var(--c-orange);display:flex;align-items:center}.sheet-list-item .check svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.sheet-list-item.active{color:var(--c-orange)}@media (min-width: 769px){.sheet-panel{width:min(30rem,92vw);border-radius:1.4rem;margin-bottom:1.5rem;box-shadow:0 1.2rem 2.8rem #0003}}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.drawer-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--c-overlay);animation:fadeIn .25s var(--ease-out-expo)}.drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(88%,23rem);background:var(--c-white);border-left:1px solid var(--c-glass-border);padding:1.5rem;overflow-y:auto;animation:drawerIn .4s var(--ease-out-expo);box-shadow:-.3rem 0 2rem #0000000f}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem}.drawer-title{font-size:1.1rem;font-weight:700}.drawer-close{width:2rem;height:2rem;border-radius:50%;background:#0000000f;color:var(--c-text-sub);display:flex;align-items:center;justify-content:center;transition:transform .2s var(--ease-out-expo)}.drawer-close:active{transform:scale(.88) rotate(90deg)}.drawer-close svg{width:.9rem;height:.9rem;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.72rem;font-weight:500;color:var(--c-text-sub);margin-bottom:6px}.input-neu{width:100%;padding:0 14px;height:44px;background:var(--c-neu-bg);color:var(--c-text);border-radius:12px;font-size:.8rem;box-shadow:inset .12rem .12rem .28rem var(--c-neu-inset),inset -.12rem -.12rem .28rem var(--c-neu-shadow-light);transition:all .2s var(--ease-out-expo)}.input-neu:focus{box-shadow:inset .12rem .12rem .28rem var(--c-neu-inset),0 0 0 2px color-mix(in srgb,var(--c-orange),transparent 85%)}.select-neu{width:100%;padding:0 14px;height:44px;background:var(--c-neu-bg);color:var(--c-text);border-radius:12px;font-size:.8rem;box-shadow:inset .12rem .12rem .28rem var(--c-neu-inset),inset -.12rem -.12rem .28rem var(--c-neu-shadow-light);-webkit-appearance:none;-moz-appearance:none;appearance:none}.textarea-neu{width:100%;padding:12px 14px;background:var(--c-neu-bg);color:var(--c-text);border-radius:12px;font-size:.78rem;line-height:1.7;box-shadow:inset .12rem .12rem .28rem var(--c-neu-inset),inset -.12rem -.12rem .28rem var(--c-neu-shadow-light);resize:vertical;min-height:120px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:1.5px solid var(--c-glass-border);border-radius:12px;font-size:14px;color:var(--c-text);background:var(--c-neu-bg);transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--c-orange);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-orange),transparent 92%)}.tab-switch{display:flex;background:var(--c-neu-bg);border-radius:10px;padding:3px;box-shadow:inset .1rem .1rem .24rem var(--c-neu-inset);margin-bottom:14px}.tab-switch button{flex:1;text-align:center;padding:9px 0;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;background:transparent;color:var(--c-text-sub);transition:all .2s var(--ease-out-expo)}.tab-switch button.active{background:var(--c-white);color:var(--c-orange);box-shadow:.14rem .14rem .32rem var(--c-neu-shadow-dark),-.14rem -.14rem .32rem var(--c-neu-shadow-light)}.toast-container{position:fixed;left:0;right:0;bottom:calc(var(--tab-height) + 16px);z-index:1000;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{position:relative;transform:translateY(1rem);background:#2a2a2ae0;color:#fff;font-size:.75rem;padding:.55rem 1.1rem;border-radius:1rem;opacity:0;pointer-events:none;transition:all .3s var(--ease-out-expo);max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.toast.show{opacity:1;transform:translateY(0)}.loading{display:flex;align-items:center;justify-content:center;padding:48px 20px;color:var(--c-text-sub);font-size:.78rem}.spinner{width:22px;height:22px;border:2.5px solid var(--c-gray);border-top-color:var(--c-orange);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 28px;color:var(--c-text-sub);text-align:center}.empty-state .title{font-size:1rem;font-weight:600;color:var(--c-text);margin:12px 0 6px}.empty-state .desc{font-size:.72rem;line-height:1.5}.empty-state .icon{width:3.2rem;height:3.2rem;color:var(--c-gray);margin-bottom:16px;display:flex}.empty-state .icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.dropzone{border:2px dashed var(--c-neu-shadow-dark);border-radius:1.2rem;padding:56px 20px;text-align:center;background:var(--c-white);cursor:pointer;transition:all .2s var(--ease-out-expo);margin:0 4px;box-shadow:.18rem .18rem .42rem #1f23290a}.dropzone:active{transform:scale(.98)}.dropzone.drag{border-color:var(--c-orange);background:color-mix(in srgb,var(--c-orange),transparent 96%);box-shadow:0 4px 20px color-mix(in srgb,var(--c-orange),transparent 90%);transform:scale(1.01)}.dropzone-icon{width:4.4rem;height:4.4rem;border-radius:1.2rem;margin:0 auto 20px;background:var(--c-neu-bg);color:var(--c-orange);box-shadow:.25rem .25rem .55rem var(--c-neu-shadow-dark),-.25rem -.25rem .55rem var(--c-neu-shadow-light);display:flex;align-items:center;justify-content:center}.dropzone-icon svg{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dropzone-title{font-size:1rem;font-weight:600;color:var(--c-text);margin-bottom:6px}.dropzone-hint{font-size:.72rem;color:var(--c-text-sub)}.preview-card{border-radius:1rem;overflow:hidden;background:var(--c-white);box-shadow:.2rem .2rem .5rem #1f23290f;margin-bottom:16px}.preview-card img{width:100%;max-height:320px;object-fit:contain}.step-card{background:var(--c-white);border-radius:1rem;padding:20px;box-shadow:.18rem .18rem .42rem #1f23290a}.step-item{display:flex;align-items:center;gap:12px;padding:6px 0;transition:opacity .3s}.step-item.dim{opacity:.35}.step-dot{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--c-gray);color:var(--c-text-sub);font-size:12px;transition:all .3s var(--ease-out-expo)}.step-dot svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.step-dot.done{background:linear-gradient(135deg,var(--c-success),#27ae60);color:#fff}.step-dot.current{background:var(--c-neu-bg);color:var(--c-orange);box-shadow:inset .12rem .12rem .28rem var(--c-neu-inset)}.step-dot .mini-spinner{width:12px;height:12px;border:2px solid color-mix(in srgb,var(--c-orange),transparent 75%);border-top-color:var(--c-orange);border-radius:50%;animation:spin .7s linear infinite}.step-label{font-size:.8rem;color:var(--c-text-sub)}.step-label.done{color:var(--c-text);font-weight:600}.step-label.current{color:var(--c-text)}.step-done-msg{text-align:center;margin-top:10px;color:var(--c-success);font-size:.95rem;font-weight:500}.detail-card{background:var(--c-white);border-radius:1rem;padding:16px 14px;margin:10px 0;box-shadow:.2rem .2rem .5rem #1f23290d}.detail-title{font-size:1.2rem;font-weight:700;line-height:1.4;flex:1;margin-right:8px;letter-spacing:-.3px}.favorite-btn{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:var(--c-neu-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:.14rem .14rem .32rem var(--c-neu-shadow-dark),-.14rem -.14rem .32rem var(--c-neu-shadow-light);color:var(--c-text-sub);transition:all .2s var(--ease-out-expo)}.favorite-btn:active{transform:scale(.9);color:var(--c-fav)}.favorite-btn.on{color:var(--c-fav);background:#f5a62324;box-shadow:.14rem .14rem .32rem #f5a6234d}.favorite-btn svg{width:20px;height:20px;fill:currentColor;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.favorite-btn svg.is-off{fill:none}.detail-tags{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;align-items:center}.detail-time{font-size:.62rem;color:var(--c-text-sub);align-self:center}.detail-img-wrap{position:relative;margin-top:14px;height:160px;border-radius:12px;overflow:hidden;cursor:pointer}.detail-img-wrap img{width:100%;height:100%;object-fit:cover}.detail-img-badge{position:absolute;right:8px;bottom:8px;background:#00000080;color:#fff;font-size:.62rem;padding:4px 12px;border-radius:20px}.action-grid{display:flex;flex-wrap:wrap;margin-bottom:12px;background:var(--c-white);border-radius:1rem;padding:16px 6px 8px;box-shadow:.2rem .2rem .5rem #1f23290d}.action-item{flex:0 0 33.333%;display:flex;flex-direction:column;align-items:center;margin-bottom:12px;cursor:pointer}.action-icon{width:50px;height:50px;border-radius:14px;background:var(--c-neu-bg);color:var(--c-orange);display:flex;align-items:center;justify-content:center;box-shadow:.16rem .16rem .36rem var(--c-neu-shadow-dark),-.16rem -.16rem .36rem var(--c-neu-shadow-light);transition:all .2s var(--ease-out-expo)}.action-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.action-item:active .action-icon{transform:scale(.9);box-shadow:inset .12rem .12rem .28rem var(--c-neu-inset)}.action-icon.danger{color:var(--c-danger)}.action-icon.active{background:linear-gradient(135deg,var(--c-orange),color-mix(in srgb,var(--c-orange),#fff 42%));color:#fff;box-shadow:.24rem .24rem .5rem color-mix(in srgb,var(--c-orange),transparent 65%)}.action-label{margin-top:6px;font-size:.62rem;font-weight:500;color:var(--c-text-sub)}.action-label.danger{color:var(--c-danger)}.content-card{background:var(--c-white);border-radius:1rem;padding:20px 16px;font-size:.95rem;line-height:1.9;box-shadow:.2rem .2rem .5rem #1f23290d;margin-bottom:60px}.content-raw{white-space:pre-wrap;word-break:break-all}.fab-ai{position:fixed;right:16px;bottom:28px;z-index:50;display:flex;align-items:center;gap:6px;padding:10px 22px;border-radius:30px;background:linear-gradient(135deg,var(--c-orange),color-mix(in srgb,var(--c-orange),#fff 42%));color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:0 6px 24px color-mix(in srgb,var(--c-orange),transparent 60%);transition:all .2s var(--ease-out-expo)}.fab-ai:active{transform:scale(.93)}.fab-ai svg{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.full-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;align-items:flex-end;justify-content:center}.full-sheet-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--c-overlay);animation:fadeIn .25s var(--ease-out-expo)}.full-sheet-panel{position:relative;width:100%;max-width:500px;height:76vh;background:var(--c-bg);border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow:hidden;animation:sheetUp .4s var(--ease-out-expo)}.full-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;background:var(--c-glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--c-glass-border)}.full-sheet-title{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:700}.full-sheet-title svg{width:1.1rem;height:1.1rem;fill:none;stroke:var(--c-orange);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.full-sheet-collapse{display:flex;align-items:center;gap:3px;font-size:.72rem;color:var(--c-text-sub);cursor:pointer;transition:transform .2s var(--ease-out-expo)}.full-sheet-collapse:active{transform:scale(.94)}.full-sheet-collapse svg{width:.8rem;height:.8rem;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.full-sheet-body{flex:1;overflow-y:auto;padding:12px 14px 8px;min-height:0}.chat-empty{text-align:center;padding-top:32px}.chat-empty .bot-icon{width:52px;height:52px;margin:0 auto 12px;border-radius:16px;background:var(--c-neu-bg);color:var(--c-orange);box-shadow:.22rem .22rem .5rem var(--c-neu-shadow-dark),-.22rem -.22rem .5rem var(--c-neu-shadow-light);display:flex;align-items:center;justify-content:center}.chat-empty .bot-icon svg{width:1.6rem;height:1.6rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chat-empty .hint{color:var(--c-text-sub);font-size:.72rem;margin-bottom:16px}.chat-suggestion{background:var(--c-white);border:1px solid var(--c-glass-border);border-radius:12px;padding:10px 14px;margin-bottom:8px;font-size:.72rem;color:var(--c-text);cursor:pointer;transition:all .2s var(--ease-out-expo)}.chat-suggestion:active{transform:scale(.97);border-color:var(--c-orange);color:var(--c-orange)}.chat-row{display:flex;margin-bottom:16px}.chat-row.user{flex-direction:row-reverse}.chat-avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0;background:var(--c-neu-bg);color:var(--c-orange);box-shadow:.12rem .12rem .3rem var(--c-neu-shadow-dark),-.12rem -.12rem .3rem var(--c-neu-shadow-light);display:flex;align-items:center;justify-content:center}.chat-avatar svg{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chat-bubble{max-width:75%;margin:0 10px;padding:10px 14px;border-radius:14px;font-size:.8rem;line-height:1.7;word-break:break-word;background:var(--c-white);color:var(--c-text);box-shadow:.14rem .14rem .32rem #1f23290a}.chat-row.user .chat-bubble{background:linear-gradient(135deg,var(--c-orange),color-mix(in srgb,var(--c-orange),#fff 42%));color:#fff;border-top-right-radius:6px}.chat-row.bot .chat-bubble{border-top-left-radius:6px}.chat-input-bar{display:flex;gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--c-glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--c-glass-border)}.chat-input{flex:1;height:40px;border-radius:20px;background:var(--c-neu-bg);color:var(--c-text);padding:0 14px;font-size:.8rem;user-select:text;-webkit-user-select:text;box-shadow:inset .12rem .12rem .28rem var(--c-neu-inset)}.chat-send{height:40px;padding:0 18px;border-radius:20px;background:linear-gradient(135deg,var(--c-orange),color-mix(in srgb,var(--c-orange),#fff 42%));color:#fff;font-size:.8rem;font-weight:600;transition:all .2s var(--ease-out-expo)}.chat-send:disabled{background:var(--c-gray);color:var(--c-text-sub);cursor:not-allowed}.chat-send:active:not(:disabled){transform:scale(.94)}.mm-loading,.mm-empty{text-align:center;padding:48px;color:var(--c-text-sub);font-size:.8rem}.mm-empty{padding-top:32px}.mm-node{display:flex;align-items:center;padding:8px 0;cursor:pointer;border-radius:8px}.mm-node .mm-toggle{width:18px;text-align:center;color:var(--c-text-sub);font-size:.62rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.mm-node .mm-toggle svg{width:.7rem;height:.7rem;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.mm-node .mm-dot{width:8px;height:8px;border-radius:50%;background:var(--c-orange);flex-shrink:0;margin:0 5px}.mm-node .mm-label{font-size:.8rem;line-height:1.4}.mm-node.root .mm-label{background:linear-gradient(135deg,var(--c-orange),color-mix(in srgb,var(--c-orange),#fff 42%));color:#fff;border-radius:20px;padding:9px 16px;font-weight:700;box-shadow:.24rem .24rem .5rem color-mix(in srgb,var(--c-orange),transparent 70%)}.mm-node.root{margin:4px 0 10px}.edit-sheet-panel,.export-sheet-panel{position:relative;width:100%;max-width:500px;background:var(--c-glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--c-glass-border);border-radius:20px 20px 0 0;padding:10px 20px calc(20px + env(safe-area-inset-bottom));box-sizing:border-box;max-height:86vh;overflow-y:auto;animation:sheetUp .4s var(--ease-out-expo)}@media (min-width: 769px){.edit-sheet-panel,.export-sheet-panel{width:min(30rem,92vw);border-radius:1.4rem;margin-bottom:1.5rem}}.export-item{display:flex;align-items:center;padding:12px 14px;margin-bottom:8px;background:var(--c-white);border-radius:.9rem;cursor:pointer;box-shadow:.14rem .14rem .32rem #1f23290a;transition:all .2s var(--ease-out-expo)}.export-item:active{transform:scale(.98)}.export-item.disabled{opacity:.5;cursor:not-allowed}.export-icon{width:42px;height:42px;border-radius:12px;flex-shrink:0;background:var(--c-neu-bg);color:var(--c-orange);box-shadow:.14rem .14rem .3rem var(--c-neu-shadow-dark),-.14rem -.14rem .3rem var(--c-neu-shadow-light);display:flex;align-items:center;justify-content:center;margin-right:12px}.export-icon svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.export-name{font-size:.95rem;font-weight:600}.export-desc{font-size:.72rem;color:var(--c-text-sub);margin-top:2px}.btn-cancel{width:100%;height:48px;border-radius:14px;background:var(--c-neu-bg);color:var(--c-text-sub);font-size:.95rem;font-weight:600;margin-top:2px;box-shadow:.14rem .14rem .32rem var(--c-neu-shadow-dark),-.14rem -.14rem .32rem var(--c-neu-shadow-light);transition:all .2s var(--ease-out-expo)}.btn-cancel:active{transform:scale(.97);box-shadow:inset .12rem .12rem .28rem var(--c-neu-inset)}.stat-grid{display:flex;gap:10px;margin-top:14px}.stat-card{flex:1;text-align:center;border-radius:.9rem;background:var(--c-white);padding:16px 0;box-shadow:.2rem .2rem .45rem #1f23290d}.stat-num{font-size:1.6rem;font-weight:800;line-height:1.1}.stat-label{margin-top:4px;font-size:.72rem;color:var(--c-text-sub)}.review-start-btn{margin-top:14px}.progress-row{display:flex;align-items:center;gap:10px;margin:10px 0}.progress-track{flex:1;height:6px;border-radius:3px;overflow:hidden;background:var(--c-gray);box-shadow:inset .1rem .1rem .2rem var(--c-neu-inset)}.progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--c-orange),color-mix(in srgb,var(--c-orange),#fff 42%));transition:width .3s var(--ease-out-expo)}.progress-text{font-size:.72rem;color:var(--c-text-sub);flex-shrink:0}.flashcard-wrap{perspective:800px;height:340px;margin:0}.flashcard-3d{position:relative;width:100%;height:100%;transition:transform .5s var(--ease-out-expo);transform-style:preserve-3d;cursor:pointer}.flashcard-3d.flipped{transform:rotateY(180deg)}.flashcard-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:1rem;padding:22px 18px;display:flex;flex-direction:column;background:var(--c-white);box-shadow:.3rem .3rem .7rem var(--c-neu-shadow-dark),-.3rem -.3rem .7rem var(--c-neu-shadow-light)}.flashcard-face.back{transform:rotateY(180deg)}.flashcard-tag{align-self:flex-start;font-size:.62rem;font-weight:700;padding:4px 12px;border-radius:999px;margin-bottom:12px}.flashcard-body{flex:1;overflow-y:auto;font-size:1.05rem;line-height:1.8;word-break:break-word}.flashcard-hint{text-align:center;font-size:.72rem;color:var(--c-text-sub);margin-top:6px}.flashcard-hint svg{width:.75rem;height:.75rem;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-1px;margin-right:2px}.rating-row{display:flex;gap:8px;margin-top:16px;opacity:0;transform:translateY(10px);transition:opacity .25s var(--ease-out-expo),transform .25s var(--ease-out-expo);pointer-events:none}.rating-row.show{opacity:1;transform:translateY(0);pointer-events:auto}.rating-btn{flex:1;height:48px;border-radius:12px;color:#fff;font-size:.95rem;font-weight:700;box-shadow:.16rem .16rem .36rem #1f232926;transition:all .2s var(--ease-out-expo)}.rating-btn:active{transform:scale(.93);box-shadow:inset .12rem .12rem .28rem #00000040}.guide-card{margin-top:28px;padding:36px 24px;text-align:center;border-radius:1.1rem;background:linear-gradient(160deg,var(--c-white),rgba(135,206,235,.12));box-shadow:.3rem .3rem .7rem #1f23290f}.guide-icon{width:4rem;height:4rem;margin:0 auto 10px;border-radius:1.1rem;background:var(--c-neu-bg);color:var(--c-orange);box-shadow:.25rem .25rem .55rem var(--c-neu-shadow-dark),-.25rem -.25rem .55rem var(--c-neu-shadow-light);display:flex;align-items:center;justify-content:center}.guide-icon svg{width:1.9rem;height:1.9rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.guide-title{font-size:1.2rem;font-weight:800}.guide-desc{margin-top:8px;font-size:.72rem;color:var(--c-text-sub);line-height:1.7}.guide-steps{display:flex;align-items:flex-start;justify-content:center;margin:22px 0 10px}.guide-step{display:flex;flex-direction:column;align-items:center}.guide-step-num{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--c-orange),color-mix(in srgb,var(--c-orange),#fff 42%));color:#fff;font-size:1rem;font-weight:700;line-height:32px;box-shadow:0 5px 12px color-mix(in srgb,var(--c-orange),transparent 70%)}.guide-step-label{margin-top:6px;font-size:.62rem;color:var(--c-text-sub)}.guide-arrow{margin:8px 10px 0;color:var(--c-gray);font-size:1rem;font-weight:700}.review-note-item{background:var(--c-white);border-radius:.9rem;padding:14px 16px;margin-bottom:10px;cursor:pointer;box-shadow:.18rem .18rem .42rem #1f23290d;transition:transform .15s var(--ease-out-expo),box-shadow .15s}.review-note-item:active{transform:scale(.98)}.review-note-head{display:flex;align-items:center;justify-content:space-between}.review-note-title{flex:1;font-size:.95rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}.review-note-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.review-del-btn{width:30px;height:30px;border-radius:50%;background:#e643401a;color:var(--c-danger);display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease-out-expo)}.review-del-btn:active{transform:scale(.88)}.review-del-btn svg{width:.95rem;height:.95rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.session-done-icon{width:4.2rem;height:4.2rem;margin:0 auto 8px;border-radius:1.1rem;background:linear-gradient(135deg,var(--c-success),#27ae60);color:#fff;box-shadow:.3rem .3rem .6rem #2ecc7159;display:flex;align-items:center;justify-content:center}.session-done-icon svg{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.session-stats{display:flex;margin:22px 0}.session-stat{flex:1;text-align:center}.session-stat-num{font-size:1.6rem;font-weight:800;line-height:1.2}.session-stat-label{font-size:.72rem;color:var(--c-text-sub)}.hero-card{margin:8px 4px;padding:22px 18px;border-radius:1.1rem;background:var(--c-neu-bg);box-shadow:.22rem .22rem .5rem var(--c-neu-shadow-dark),-.22rem -.22rem .5rem var(--c-neu-shadow-light);display:flex;align-items:center}.hero-avatar{width:52px;height:52px;border-radius:16px;background:var(--c-neu-bg);color:var(--c-orange);box-shadow:.25rem .25rem .55rem var(--c-neu-shadow-dark),-.25rem -.25rem .55rem var(--c-neu-shadow-light);display:flex;align-items:center;justify-content:center;margin-right:14px;flex-shrink:0}.hero-avatar svg{width:1.6rem;height:1.6rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hero-name{font-size:1.1rem;font-weight:800}.hero-desc{margin-top:4px;font-size:.72rem;color:var(--c-text-sub)}.review-banner{display:flex;align-items:center;justify-content:space-between;margin:14px 4px 0;padding:14px 16px;border-radius:.9rem;background:var(--c-white);cursor:pointer;box-shadow:.18rem .18rem .42rem #1f23290d;transition:transform .15s var(--ease-out-expo)}.review-banner:active{transform:scale(.98)}.review-banner-icon{width:40px;height:40px;border-radius:12px;margin-right:12px;flex-shrink:0;background:color-mix(in srgb,var(--c-orange),transparent 90%);color:var(--c-orange);display:flex;align-items:center;justify-content:center}.review-banner-icon svg{width:1.4rem;height:1.4rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dist-title-row{display:flex;align-items:baseline;justify-content:space-between;margin:20px 4px 8px}.dist-title{font-size:1rem;font-weight:700}.dist-sub{font-size:.72rem;color:var(--c-text-sub)}.dist-row{display:flex;align-items:center;padding:10px 14px;margin-bottom:8px;background:var(--c-white);border-radius:.9rem;box-shadow:.18rem .18rem .42rem #1f23290d}.dist-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:10px;flex-shrink:0}.dist-icon svg{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dist-name{font-size:.8rem;width:58px;flex-shrink:0}.dist-track{flex:1;height:10px;background:var(--c-gray);border-radius:5px;overflow:hidden;margin:0 10px;box-shadow:inset .08rem .08rem .18rem var(--c-neu-inset)}.dist-fill{height:100%;border-radius:5px;transition:width .4s var(--ease-out-expo)}.dist-count{font-size:.8rem;font-weight:700;width:24px;text-align:right;flex-shrink:0}.logout-btn{margin-top:20px;background:var(--c-white);color:var(--c-danger);font-weight:500;border-radius:.9rem;box-shadow:.18rem .18rem .42rem #1f23290d}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--c-bg);padding:20px;position:relative}.login-wrap{width:100%;max-width:420px;position:relative;z-index:1}.login-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:36px}.login-brand .brand-icon{width:72px;height:72px;border-radius:20px;margin-bottom:18px}.login-brand .brand-icon svg{width:2.1rem;height:2.1rem}.login-card{background:var(--c-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--c-glass-border);border-radius:1.25rem;padding:28px 24px;box-shadow:.5rem .5rem 1.1rem var(--c-neu-shadow-dark),-.5rem -.5rem 1.1rem var(--c-neu-shadow-light)}.input-neu-row{display:flex;align-items:center;gap:10px;padding:0 16px;height:52px;border-radius:14px;margin-bottom:14px;background:var(--c-neu-bg);box-shadow:.18rem .18rem .38rem var(--c-neu-shadow-dark),-.18rem -.18rem .38rem var(--c-neu-shadow-light);transition:box-shadow .2s var(--ease-out-expo)}.input-neu-row.focus{box-shadow:inset .18rem .18rem .38rem var(--c-neu-inset),inset -.18rem -.18rem .38rem var(--c-neu-shadow-light)}.input-neu-row .field-icon{width:18px;height:18px;color:var(--c-text-sub);flex-shrink:0;display:flex}.input-neu-row .field-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.input-neu-row input{flex:1;border:none;background:transparent;font-size:.95rem;color:var(--c-text);outline:none;user-select:text;-webkit-user-select:text}.input-neu-row input::placeholder{color:var(--c-text-sub);opacity:.7}.submit-btn{width:100%;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--c-orange),color-mix(in srgb,var(--c-orange),#fff 42%));color:#fff;font-size:1rem;font-weight:700;letter-spacing:2px;box-shadow:.35rem .35rem .7rem color-mix(in srgb,var(--c-orange),transparent 65%);transition:all .15s var(--ease-out-expo)}.submit-btn:active{transform:scale(.97);box-shadow:inset .14rem .14rem .3rem #c8461466}.submit-btn:disabled{background:var(--c-gray);box-shadow:none;cursor:not-allowed}.switch-link{text-align:center;margin-top:22px;background:none;color:var(--c-orange);font-size:.85rem;font-weight:500}.captcha-wrap{margin-bottom:14px;display:flex;justify-content:center;border-radius:14px;overflow:hidden}.captcha-container iframe{max-width:100%}.captcha-error{margin-bottom:14px;padding:12px 16px;border-radius:12px;text-align:center;background:var(--c-danger-bg, rgba(220, 80, 80, .1));color:var(--c-danger);font-size:.85rem}.markdown-body{font-size:.95rem;line-height:1.8;color:var(--c-text)}.markdown-body h1{font-size:1.5em;margin:20px 0 10px;padding-bottom:8px;border-bottom:1px solid var(--c-gray)}.markdown-body h2{font-size:1.3em;margin:18px 0 10px}.markdown-body h3{font-size:1.15em;margin:16px 0 8px}.markdown-body strong{color:var(--c-orange);font-weight:600}.markdown-body ul,.markdown-body ol{padding-left:24px;margin:8px 0}.markdown-body li{margin:3px 0}.markdown-body code{background:var(--c-neu-bg);padding:2px 6px;border-radius:4px;font-size:.9em;color:var(--c-danger);font-family:var(--font-mono)}.markdown-body pre{background:var(--c-text);color:var(--c-bg);padding:16px;border-radius:1rem;overflow-x:auto;margin:12px 0}.markdown-body pre code{background:transparent;color:inherit;padding:0}.markdown-body blockquote{border-left:4px solid var(--c-orange);padding:8px 16px;margin:12px 0;background:color-mix(in srgb,var(--c-orange),transparent 96%);border-radius:0 .85rem .85rem 0;color:var(--c-text-sub)}.markdown-body table{width:100%;border-collapse:collapse;margin:12px 0;font-size:.72rem}.markdown-body th,.markdown-body td{border:1px solid var(--c-gray);padding:8px 12px;text-align:left}.markdown-body th{background:var(--c-neu-bg);font-weight:600}.markdown-body hr{border:none;height:1px;background:var(--c-gray);margin:20px 0}.markdown-body p{margin:8px 0}.markdown-body img{border-radius:10px;margin:8px 0}.chat-bubble .markdown-body,.flashcard-body .markdown-body{font-size:inherit;line-height:inherit}.chat-bubble .markdown-body>:first-child,.flashcard-body .markdown-body>:first-child{margin-top:0}.chat-bubble .markdown-body>:last-child,.flashcard-body .markdown-body>:last-child{margin-bottom:0}.chat-bubble .markdown-body h1{font-size:1.25em}.chat-bubble .markdown-body h2{font-size:1.15em}.chat-bubble .markdown-body h3{font-size:1.05em}.chat-bubble .markdown-body pre,.flashcard-body .markdown-body pre{padding:12px}.latex-block{text-align:center;margin:16px 0;padding:12px;background:var(--c-neu-bg);border-radius:12px;box-shadow:inset .1rem .1rem .24rem var(--c-neu-inset)}.latex-block img{max-width:100%}.latex-inline{vertical-align:middle;display:inline;margin:0 2px}.fade-in{animation:fadeIn .3s var(--ease-out-expo)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.rotate-spin{animation:spin .8s linear infinite}.swap-spin{animation:swapSpin .45s var(--ease-out-expo)}@keyframes swapSpin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.content-switch{animation:contentSwitch .35s var(--ease-out-expo)}@keyframes contentSwitch{0%{opacity:.35;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.settings-section{display:flex;flex-direction:column;gap:.5rem}.settings-section-title{font-size:.7rem;font-weight:600;color:var(--c-text-sub);text-transform:uppercase;letter-spacing:1px}.option-row{display:flex;gap:.35rem;flex-wrap:wrap}.opt-btn{padding:.45rem .7rem;border-radius:.6rem;cursor:pointer;border:none;font-size:.75rem;font-weight:600;color:var(--c-text-sub);font-family:var(--font);background:var(--c-neu-bg);box-shadow:.15rem .15rem .35rem var(--c-neu-shadow-dark),-.15rem -.15rem .35rem var(--c-neu-shadow-light);transition:all .2s var(--ease-out-expo)}.opt-btn:active{transform:scale(.94)}.opt-btn.active{background:#87ceeb40;color:var(--c-text);box-shadow:inset .12rem .12rem .28rem var(--c-neu-shadow-dark),inset -.12rem -.12rem .28rem var(--c-neu-shadow-light)}.color-picker-row{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.color-label{font-size:.7rem;color:var(--c-text-sub);width:1.8rem;flex-shrink:0}.color-dot{width:1.5rem;height:1.5rem;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .2s;box-shadow:0 .1rem .3rem #0000001a}.color-dot:hover,.color-dot.sel{border-color:var(--c-orange);transform:scale(1.15)}