@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}:root{--accent:#7c5cff;--accent2:#00d9a6;--warn:#ff9f43;--danger:#ff5c7a;--xp:#ffd23f;--accent-text:#a98bff;--accent2-text:#00d9a6;--warn-text:#ff9f43;--xp-text:#ffd23f;--danger-text:#ff5c7a;--radius:18px;--bg:#0e1018;--bg-soft:#161a26;--bg-soft2:#1e2433;--line:#2a3140;--line-strong:#3a4254;--txt:#e8ecf5;--txt-dim:#9aa4b8;--txt-mute:#646e84;--bg-glow:#1a1f30;--sidebar-bg:linear-gradient(180deg,#13172160,#0e101880);--input-bg:#0a0c12;--note-bg:#1a1f2e;--note-line:#232a3a;--note-txt:#bcd;--track:#2a3140;--hover:#ffffff0a;--ghost-bg:#ffffff0d;--ghost-hover:#ffffff15;--pill-bg:#ffffff10;--bar-bg:#0e1018e6;--bar-bg2:#0e1018f2;--toast-bg:#fff;--toast-txt:#111;--star-off:#39414f;--nav-active:#fff;--shadow:0 8px 28px rgba(0,0,0,.35)}:root[data-theme=light]{--bg:#f4f6fb;--bg-soft:#ffffff;--bg-soft2:#eef1f8;--line:#dde2ee;--line-strong:#cfd5e4;--txt:#1a1f2e;--txt-dim:#566074;--txt-mute:#8a93a6;--bg-glow:#e7ebfa;--sidebar-bg:linear-gradient(180deg,#ffffffd0,#f4f6fbf2);--input-bg:#eef1f7;--note-bg:#fcfdff;--note-line:#dfe6f5;--note-txt:#7a8499;--track:#e2e6f1;--hover:rgba(20,24,40,.05);--ghost-bg:rgba(20,24,40,.045);--ghost-hover:rgba(20,24,40,.08);--pill-bg:rgba(20,24,40,.05);--bar-bg:#ffffffe6;--bar-bg2:#fffffff2;--toast-bg:#1e2433;--toast-txt:#fff;--star-off:#cdd3e0;--nav-active:var(--accent);--accent-text:#6a4bff;--accent2-text:#08856a;--warn-text:#a8650c;--xp-text:#8a7016;--danger-text:#cc2b4c;--shadow:0 10px 30px rgba(40,50,90,.12)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Pretendard,Apple SD Gothic Neo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 700px at 80% -10%,var(--bg-glow) 0%,var(--bg) 55%);color:var(--txt);min-height:100vh;-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .2s ease}button{font-family:inherit;cursor:pointer;border:none;color:inherit}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;gap:8px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 16px}.brand .logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--accent),#a98bff);color:#fff;display:grid;place-items:center;box-shadow:0 4px 14px #7c5cff55}.brand b{font-size:17px;letter-spacing:-.3px}.brand small{display:block;color:var(--txt-mute);font-size:11px;font-weight:500}.lvlcard{background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:6px}.lvlcard .row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--txt-dim)}.lvlcard .lvl{font-weight:800;font-size:14px;color:var(--txt)}.xpbar{height:8px;border-radius:8px;background:var(--track);margin-top:8px;overflow:hidden}.xpbar>i{display:block;height:100%;width:62%;border-radius:8px;background:linear-gradient(90deg,var(--xp),#ffb02e)}.xpcap{font-size:10.5px;color:var(--txt-mute);margin-top:5px;text-align:right}.nav{display:flex;flex-direction:column;gap:4px;margin-top:6px}.nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;color:var(--txt-dim);font-size:14px;font-weight:600;background:transparent;text-align:left;transition:.15s;text-decoration:none;cursor:pointer}.nav a .ic{width:22px;display:grid;place-items:center}.nav a:hover{background:var(--hover);color:var(--txt)}.nav a.active{background:linear-gradient(90deg,#7c5cff22,#7c5cff08);color:var(--nav-active);box-shadow:inset 0 0 0 1px #7c5cff44}.nav .badge{margin-left:auto;background:var(--danger);color:#fff;font-size:10.5px;font-weight:800;padding:1px 7px;border-radius:20px}.streak{margin-top:auto;background:linear-gradient(135deg,#ff9f4322,#ff5c7a18);border:1px solid #ff9f4333;border-radius:14px;padding:12px;text-align:center}.streak .flame{color:var(--warn-text);display:flex;justify-content:center;margin-bottom:2px}.streak b{font-size:15px}.streak small{display:block;color:var(--txt-dim);font-size:11px}.themebtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;border-radius:11px;background:var(--ghost-bg);border:1px solid var(--line);color:var(--txt-dim);font-size:13px;font-weight:600;margin-top:8px;transition:.15s}.themebtn:hover{background:var(--ghost-hover);color:var(--txt)}.main{padding:30px 38px 60px;max-width:1080px}.screen{animation:fade .35s ease}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pgtitle{font-size:25px;font-weight:800;letter-spacing:-.5px;margin-bottom:4px}.pgsub{color:var(--txt-dim);font-size:14px;margin-bottom:24px}.pgsub b{color:var(--accent2-text)}.grid{display:grid;gap:16px}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.card{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.card h3{font-size:15px;font-weight:700;margin-bottom:3px}.card .desc{color:var(--txt-mute);font-size:12.5px}.btn{padding:11px 18px;border-radius:12px;font-weight:700;font-size:14px;transition:.15s}.btn-primary{background:linear-gradient(135deg,var(--accent),#9b82ff);color:#fff;box-shadow:0 6px 18px #7c5cff44}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{background:var(--ghost-bg);color:var(--txt);border:1px solid var(--line)}.btn-ghost:hover{background:var(--ghost-hover)}.btn-success{background:linear-gradient(135deg,var(--accent2),#33e6bb);color:#062;box-shadow:0 6px 18px #00d9a644}.btn-block{width:100%;text-align:center}.btn-icon{display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn-block.btn-icon{display:flex}.empty{text-align:center;padding:40px}.empty-ic{color:var(--txt-mute);margin-bottom:2px}.h3-icon{display:inline-flex;align-items:center;gap:7px}.badge-icon{display:inline-flex;align-items:center;gap:5px}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:20px;font-size:13px;font-weight:600;background:var(--ghost-bg);border:1px solid var(--line);color:var(--txt-dim);transition:.15s}.chip:hover{border-color:var(--accent);color:var(--txt)}.chip.sel{background:var(--accent);border-color:var(--accent);color:#fff}.tag{display:inline-block;padding:3px 9px;border-radius:7px;font-size:11px;font-weight:700}.tag.calc{background:#ff9f4322;color:var(--warn-text)}.tag.concept{background:#ff5c7a22;color:var(--danger-text)}.tag.read{background:#7c5cff22;color:var(--accent-text)}.tag.time{background:#00d9a622;color:var(--accent2-text)}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(40px);background:var(--toast-bg);color:var(--toast-txt);padding:13px 22px;border-radius:14px;font-weight:700;font-size:14px;box-shadow:0 10px 30px #0008;opacity:0;transition:.35s;z-index:99;display:flex;gap:8px;align-items:center;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.hero{background:linear-gradient(120deg,#7c5cff22,#00d9a614);border:1px solid #7c5cff33;border-radius:22px;padding:26px;margin-bottom:22px;display:flex;justify-content:space-between;align-items:center}.hero h2{font-size:22px;letter-spacing:-.5px}.hero p{color:var(--txt-dim);margin-top:6px;font-size:14px}.loop{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.loopcard{background:var(--bg-soft2);border:1px solid var(--line);border-radius:16px;padding:18px;cursor:pointer;transition:.18s;position:relative;overflow:hidden}.loopcard:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow)}.loopcard .step{font-size:11px;font-weight:800;color:var(--accent2-text);letter-spacing:1px}.loopcard .em{color:var(--accent);margin:8px 0}.loopcard h4{font-size:15px}.loopcard small{color:var(--txt-mute);font-size:12px}.qrow{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.qrow:last-child{border-bottom:none}.qrow .qic{width:42px;height:42px;border-radius:12px;background:var(--bg-soft2);display:grid;place-items:center;color:var(--accent2-text);flex:none}.qrow .qmeta{flex:1}.qrow .qmeta b{font-size:14px}.qrow .qmeta small{display:block;color:var(--txt-mute);font-size:12px;margin-top:2px}.qrow .qpro{font-size:12px;font-weight:800;color:var(--xp-text)}.done{opacity:.5}.done .qmeta b{text-decoration:line-through}.camframe{aspect-ratio:4/3;border:2px dashed var(--line-strong);border-radius:18px;background:var(--input-bg);display:grid;place-items:center;text-align:center;color:var(--txt-mute);position:relative}.camframe .corner{position:absolute;width:26px;height:26px;border:3px solid var(--accent)}.c1{top:14px;left:14px;border-right:none;border-bottom:none;border-radius:8px 0 0}.c2{top:14px;right:14px;border-left:none;border-bottom:none;border-radius:0 8px 0 0}.c3{bottom:14px;left:14px;border-right:none;border-top:none;border-radius:0 0 0 8px}.c4{bottom:14px;right:14px;border-left:none;border-top:none;border-radius:0 0 8px}.ocrbox{background:var(--bg-soft2);border:1px solid var(--line);border-radius:12px;padding:14px;font-size:13.5px;line-height:1.7}.ocrbox .lbl{font-size:11px;font-weight:800;color:var(--accent2-text);letter-spacing:.5px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.handwrite{background:repeating-linear-gradient(var(--note-bg),var(--note-bg) 27px,var(--note-line) 28px);border:1px solid var(--line);border-radius:12px;padding:14px;min-height:150px;font-family:Comic Sans MS,cursive;color:var(--note-txt);font-size:15px;line-height:28px}.voicebar{display:flex;align-items:center;gap:12px;background:var(--bg-soft2);border:1px solid var(--line);border-radius:14px;padding:12px 16px}.wave{flex:1;display:flex;align-items:center;gap:3px;height:30px}.wave i{flex:1;background:var(--accent);border-radius:2px;opacity:.5;animation:w 1s infinite ease-in-out}@keyframes w{0%,to{height:20%}50%{height:90%}}.lock{display:flex;align-items:center;gap:10px;background:#ff5c7a10;border:1px dashed #ff5c7a44;border-radius:12px;padding:13px 16px;color:var(--danger-text);font-size:13px;font-weight:600}.cam-shot{width:100%;height:100%;object-fit:cover;border-radius:16px}.hand-shot{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:10px}.cam-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.cam-video,.cam-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cam-video{object-fit:cover}.cam-preview{object-fit:contain;background:#000}.cam-top{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;gap:12px;padding:16px;padding-top:max(16px,env(safe-area-inset-top));background:linear-gradient(#000a,transparent)}.cam-x{width:38px;height:38px;border-radius:50%;background:#fff2;color:#fff;display:grid;place-items:center;flex:none}.cam-hint{color:#fff;font-size:13px;font-weight:600;text-shadow:0 1px 4px #000}.cam-guide{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(82vw,560px);aspect-ratio:3/4;max-height:64vh;z-index:2;pointer-events:none}.cam-corner{position:absolute;width:30px;height:30px}.cam-corner.tl{top:0;left:0;border-top:3px solid #fff;border-left:3px solid #fff;border-radius:6px 0 0}.cam-corner.tr{top:0;right:0;border-top:3px solid #fff;border-right:3px solid #fff;border-radius:0 6px 0 0}.cam-corner.bl{bottom:0;left:0;border-bottom:3px solid #fff;border-left:3px solid #fff;border-radius:0 0 0 6px}.cam-corner.br{bottom:0;right:0;border-bottom:3px solid #fff;border-right:3px solid #fff;border-radius:0 0 6px}.cam-controls{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:24px 32px;padding-bottom:max(24px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#000a)}.cam-shutter{width:74px;height:74px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #0006,0 0 0 7px #fff;transition:transform .1s}.cam-shutter:active{transform:scale(.92)}.cam-side{width:48px;height:48px;border-radius:12px;background:#ffffff1a;color:#fff;display:grid;place-items:center;font-size:22px;cursor:pointer}.cam-review{justify-content:center;gap:14px}.cam-review .btn{min-width:130px;text-align:center}.cam-error{position:relative;z-index:3;color:#fff;text-align:center;padding:30px;max-width:340px}.cam-error p{color:#cbd2e0;font-size:14px;line-height:1.6;margin-top:10px}.cam-cropwrap{max-width:92vw;max-height:70vh;z-index:2}.cam-cropimg{display:block;max-width:92vw;max-height:70vh;object-fit:contain}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.item{display:flex;gap:16px;align-items:center;background:var(--bg-soft);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:12px;transition:.15s}.item:hover{border-color:var(--accent)}.item .thumb{width:74px;height:74px;border-radius:12px;background:var(--bg-soft2);flex:none;display:grid;place-items:center;font-size:26px;border:1px solid var(--line)}.item .info{flex:1}.item .info b{font-size:14.5px}.item .info .meta{color:var(--txt-mute);font-size:12px;margin-top:4px;display:flex;gap:8px;align-items:center}.stars{font-size:13px;letter-spacing:2px}.stars .on{color:var(--xp-text)}.stars .off{color:var(--star-off)}.twin-banner{display:flex;align-items:center;gap:10px;background:#7c5cff18;border:1px solid #7c5cff44;border-radius:12px;padding:12px 16px;font-size:13px;color:var(--accent-text);margin-bottom:18px;font-weight:600}.qbody{background:var(--bg-soft2);border:1px solid var(--line);border-radius:14px;padding:22px;font-size:16px;line-height:1.8;margin-bottom:18px}.answer{display:flex;gap:12px}.answer input{flex:1;background:var(--input-bg);border:1px solid var(--line);border-radius:12px;padding:14px 16px;color:var(--txt);font-size:15px;outline:none}.answer input:focus{border-color:var(--accent)}.recbtn{width:120px;height:120px;border-radius:50%;margin:10px auto 18px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--danger),#ff8aa0);box-shadow:0 0 #ff5c7a55;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #ff5c7a55}70%{box-shadow:0 0 0 22px #ff5c7a00}to{box-shadow:0 0 #ff5c7a00}}.timer{text-align:center;font-size:34px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:1px}.mdnote{background:var(--bg-soft2);border:1px solid var(--line);border-radius:14px;padding:20px;font-size:14px;line-height:1.85}.mdnote h4{color:var(--accent2-text);font-size:14px;margin:14px 0 6px}.mdnote h4:first-child{margin-top:0}.mdnote ul{padding-left:20px;color:var(--txt-dim)}.mdnote .badge-nograde{display:inline-block;background:#00d9a622;color:var(--accent2-text);font-size:11px;font-weight:800;padding:3px 10px;border-radius:8px;margin-bottom:12px}.ask{background:linear-gradient(120deg,#7c5cff22,#7c5cff08);border:1px solid #7c5cff44;border-radius:14px;padding:18px;margin-top:16px}.ask .qlabel{font-size:11px;font-weight:800;color:var(--accent-text);letter-spacing:1px;margin-bottom:8px}.ask p{font-size:15px;line-height:1.6}.boss{background:linear-gradient(120deg,#ff5c7a22,#ff9f4310);border:1px solid #ff5c7a44;border-radius:20px;padding:24px;display:flex;gap:22px;align-items:center;margin-bottom:22px}.boss .avatar{width:84px;height:84px;border-radius:20px;background:#ff5c7a22;display:grid;place-items:center;color:var(--danger-text);flex:none}.boss h3{font-size:13px;color:var(--danger-text);letter-spacing:1px;font-weight:800}.boss h2{font-size:21px;margin:4px 0 6px}.boss p{color:var(--txt-dim);font-size:13.5px}.hpbar{height:10px;border-radius:10px;background:var(--track);margin-top:12px;overflow:hidden;max-width:340px}.hpbar>i{display:block;height:100%;width:60%;background:linear-gradient(90deg,var(--danger),#ff9f43)}.bar{margin-bottom:16px}.bar .top{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.bar .top b{font-weight:700}.bar .top .pct{font-weight:800}.track{height:12px;border-radius:8px;background:var(--track);overflow:hidden}.track>i{display:block;height:100%;border-radius:8px}.legend{display:flex;gap:16px;font-size:12px;color:var(--txt-dim);margin-top:14px;flex-wrap:wrap}.legend span{display:inline-flex;align-items:center;gap:6px}.dot{width:10px;height:10px;border-radius:3px;display:inline-block}.m-topbar,.m-bottomnav{display:none}.m-topbar{position:fixed;top:0;left:0;right:0;height:56px;z-index:40;align-items:center;justify-content:space-between;padding:0 16px;background:var(--bar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.m-brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:16px}.m-logo{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--accent),#a98bff)}.m-status{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700}.m-lvl{background:var(--pill-bg);border:1px solid var(--line);padding:3px 9px;border-radius:20px;color:var(--txt-dim)}.m-theme{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;flex:none;background:var(--pill-bg);border:1px solid var(--line);color:var(--txt-dim)}.m-streak{color:var(--warn-text);display:inline-flex;align-items:center;gap:4px}.m-bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--bar-bg2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.m-tab{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 8px;text-decoration:none;color:var(--txt-mute);transition:.15s}.m-tab.active{color:var(--accent)}.m-ic{font-size:20px;line-height:1;position:relative;opacity:.5}.m-tab.active .m-ic{opacity:1}.m-lbl{font-size:10px;font-weight:700}.m-badge{position:absolute;top:-4px;right:-9px;background:var(--danger);color:#fff;font-size:9px;font-weight:800;min-width:14px;height:14px;border-radius:8px;display:grid;place-items:center;padding:0 3px}@media (max-width:767px){.app{grid-template-columns:1fr}.sidebar{display:none}.m-topbar,.m-bottomnav{display:flex}.main{padding:72px 16px 88px;max-width:100%}.pgtitle{font-size:22px}.g2,.g3,.loop{grid-template-columns:1fr}.hero{flex-direction:column;align-items:flex-start;gap:14px;padding:22px}.hero .btn{width:100%}.boss{flex-wrap:wrap;padding:18px;gap:14px}.boss .btn{width:100%}.boss .avatar{width:60px;height:60px;font-size:30px}}.spinner-wrap{display:flex;align-items:center;gap:10px;color:var(--accent2-text);font-size:14px;font-weight:600}.spinner{width:18px;height:18px;flex:none;border:2px solid #ffffff22;border-top-color:var(--accent2-text);border-radius:50%;display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--track);border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:var(--line-strong)}*::-webkit-scrollbar-track{background:transparent}html{scrollbar-color:var(--track) transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.btn:active{transform:translateY(1px)}.loopcard:active,.item:active{transform:translateY(0)}::selection{background:#7c5cff55;color:#fff}