.student-glass-page{background:radial-gradient(80% 50% at 10% 0,#fffbf5e6 0%,#0000 55%),radial-gradient(60% 40% at 90% 10%,#dbeafe59 0%,#0000 50%),linear-gradient(165deg,#f8f6f2 0%,#eef2f7 42%,#e8edf2 100%);min-height:calc(100vh - 3.5rem)}.glass-panel{-webkit-backdrop-filter:blur(28px)saturate(165%);backdrop-filter:blur(28px)saturate(165%);background:#ffffff7a;border:1px solid #ffffffb8;border-radius:1.375rem;transition:box-shadow .25s,transform .25s,border-color .25s;position:relative;box-shadow:inset 0 1px #ffffffeb,0 .5px #ffffff73,0 12px 40px #0f172a0d,0 2px 10px #0f172a08}.glass-panel:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,#ffffff6b 0%,#ffffff0f 42%,#0000 68%);position:absolute;inset:0}.glass-panel--interactive:hover{border-color:#ffffffe0;box-shadow:inset 0 1px #fffffff2,0 16px 48px #0f172a12,0 4px 14px #0f172a0a}.glass-panel__inner{z-index:1;position:relative}.glass-stat{-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%);background:#ffffff70;border:1px solid #ffffffad;border-radius:1.25rem;padding:1.375rem 1.5rem;transition:box-shadow .22s,transform .22s;position:relative;box-shadow:inset 0 1px #ffffffe6,0 8px 28px #0f172a0a}.glass-stat:hover{box-shadow:inset 0 1px #fffffff2,0 12px 36px #0f172a0f}.glass-stat__icon{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff8c;border:1px solid #ffffffbf;border-radius:1rem;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;display:flex;box-shadow:inset 0 1px #ffffffe6}.glass-stat__icon--primary{color:#2563eb;background:#dbeafe73;border-color:#bae6fd8c}.glass-stat__icon--success{color:#059669;background:#d1fae573;border-color:#a7f3d08c}.glass-stat__icon--amber{color:#d97706;background:#fef3c773;border-color:#fde68a8c}.glass-stat__icon--pink{color:#db2777;background:#fce7f373;border-color:#fbcfe88c}.glass-page-header{-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);background:#ffffff80;border:1px solid #ffffffb8;border-radius:1.125rem;align-items:center;gap:.75rem;padding:.75rem 1.375rem;display:inline-flex;box-shadow:inset 0 1px #ffffffeb,0 8px 24px #0f172a0a}.glass-page-header__icon{color:#2563eb}.glass-chip{letter-spacing:.01em;color:#334155;-webkit-backdrop-filter:blur(14px)saturate(150%);backdrop-filter:blur(14px)saturate(150%);cursor:pointer;background:#ffffff6b;border:1px solid #ffffffa6;border-radius:1rem;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:.875rem 1.25rem;font-size:1.0625rem;font-weight:600;transition:background .2s,border-color .2s,box-shadow .2s,color .2s;display:flex;box-shadow:inset 0 1px #ffffffe0}.glass-chip:hover{background:#ffffff94;border-color:#ffffffd1}.glass-chip.is-active{color:#1e40af;background:#dbeafe8c;border-color:#bae6fdb3;box-shadow:inset 0 1px #fffffff2,0 0 0 1px #93c5fd26,0 6px 20px #93c5fd1f}.glass-chip__count{color:#64748bd9;margin-top:.25rem;font-size:.8125rem;font-weight:500}.glass-chip.is-active .glass-chip__count{color:#1e40afb8}.glass-badge{white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #0000;border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.glass-badge--neutral{color:#475569;background:#f1f5f9bf;border-color:#e2e8f0cc}.glass-badge--amber{color:#b45309;background:#fef3c7a6;border-color:#fde68a99}.glass-badge--success{color:#047857;background:#d1fae5a6;border-color:#a7f3d099}.glass-btn{letter-spacing:.01em;color:#1e40af;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#dbeafe8c;border:1px solid #bae6fda6;border-radius:.875rem;justify-content:center;align-items:center;gap:.5rem;padding:.6875rem 1.75rem;font-size:1rem;font-weight:600;transition:background .2s,box-shadow .2s,transform .15s;display:inline-flex;box-shadow:inset 0 1px #ffffffe6,0 4px 14px #93c5fd1a}.glass-btn:hover{background:#bfdbfea6;box-shadow:inset 0 1px #fffffff2,0 6px 20px #93c5fd29}.glass-btn:active{transform:scale(.98)}.glass-btn--block{width:100%}.glass-media{background:#f1f5f999;border:1px solid #fff9;border-radius:1rem;overflow:hidden;box-shadow:0 4px 16px #0f172a0f}.glass-empty{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff61;border:1px solid #ffffffa6;border-radius:1.375rem;padding:5rem 2rem}.glass-empty__icon{color:#64748ba6;background:#ffffff8c;border:1px solid #ffffffbf;border-radius:9999px;justify-content:center;align-items:center;width:5.5rem;height:5.5rem;margin:0 auto 1.25rem;display:flex}.glass-progress-item{background:#ffffff61;border:1px solid #ffffff8c;border-radius:.875rem;justify-content:space-between;align-items:center;padding:.875rem 1rem;display:flex}.glass-progress-item--primary{background:#dbeafe59;border-color:#bae6fd73}.glass-progress-item--amber{background:#fef3c759;border-color:#fde68a73}.glass-progress-item--success{background:#d1fae559;border-color:#a7f3d073}.glass-highlight-panel{-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);background:#fffbeb6b;border:1px solid #fde68a73;border-radius:1.375rem;box-shadow:inset 0 1px #ffffffd9,0 8px 28px #d977060f}.glass-achievement-card{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff85;border:1px solid #ffffffb3;border-radius:1rem;padding:1rem;box-shadow:inset 0 1px #ffffffe0}.glass-achievement-card__badge{background:#fef3c78c;border:1px solid #fde68a80;border-radius:9999px;justify-content:center;align-items:center;width:4rem;height:4rem;margin:0 auto .5rem;display:flex}.glass-select{color:#334155;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff8c;border:1px solid #ffffffb8;border-radius:.75rem;outline:none;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 1px #ffffffe6}.glass-select:focus{border-color:#bae6fdbf;box-shadow:inset 0 1px #fffffff2,0 0 0 3px #bae6fd33}.glass-timeline-node{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff9e;border:1px solid #ffffffc7;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:transform .2s;display:flex;box-shadow:inset 0 1px #ffffffeb}.glass-timeline-line{background:linear-gradient(#cbd5e1cc,#0000);width:1px;position:absolute;top:3rem;bottom:0;left:1.25rem}.glass-timeline-card{-webkit-backdrop-filter:blur(18px)saturate(155%);backdrop-filter:blur(18px)saturate(155%);cursor:pointer;background:#ffffff6b;border:1px solid #ffffffad;border-radius:1.125rem;flex:1;padding:1rem 1.125rem;transition:box-shadow .22s,transform .22s;box-shadow:inset 0 1px #ffffffe0}.glass-timeline-card:hover{box-shadow:inset 0 1px #fffffff2,0 10px 32px #0f172a0f}.glass-timeline-card__tag{color:#334155;background:#ffffffa6;border:1px solid #fffc;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.glass-summary-card__overlay{background:linear-gradient(#0000 45%,#0f172a8c 100%);position:absolute;inset:0}.glass-loading-spinner{border:3px solid #bae6fd59;border-top-color:#3b82f6;border-radius:9999px;width:5rem;height:5rem;animation:.8s linear infinite glass-spin}@keyframes glass-spin{to{transform:rotate(360deg)}}.dark .student-glass-page{background:radial-gradient(80% 50% at 10% 0,#1e293b80 0%,#0000 55%),radial-gradient(60% 40% at 90% 10%,#1e3a8a26 0%,#0000 50%),linear-gradient(165deg,#12171d 0%,#151c24 42%,#1a2129 100%)}.dark .glass-panel,.dark .glass-stat,.dark .glass-page-header,.dark .glass-empty,.dark .glass-timeline-card,.dark .glass-achievement-card{background:#1a21298c;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0a,0 12px 40px #00000040}.dark .glass-panel:before{background:linear-gradient(145deg,#ffffff0f 0%,#0000 42%)}.dark .glass-chip{color:#cbd5e1;background:#242b348c;border-color:#ffffff14}.dark .glass-chip.is-active{color:#93c5fd;background:#1e3a8a59;border-color:#3b82f640}.dark .glass-chip__count{color:#94a3b8d9}.dark .glass-chip.is-active .glass-chip__count{color:#93c5fdb8}.dark .glass-btn{color:#93c5fd;background:#1e3a8a59;border-color:#3b82f640}.dark .glass-btn:hover{background:#1e3a8a7a}.dark .glass-select{color:#e2e8f0;background:#242b348c;border-color:#ffffff14}.dark .glass-highlight-panel{background:#2d231459;border-color:#d9770633}.dark .glass-progress-item{background:#242b3473;border-color:#ffffff0f}.dark .glass-progress-item--primary{background:#1d4ed829;border-color:#60a5fa38}.dark .glass-progress-item--amber{background:#d9770624;border-color:#fbbf2438}.dark .glass-progress-item--success{background:#05966924;border-color:#34d39938}.dark .glass-badge--neutral{color:#cbd5e1;background:#94a3b824;border-color:#94a3b840}.dark .glass-badge--amber{color:#fbbf24;background:#d9770629;border-color:#fbbf244d}.dark .glass-badge--success{color:#34d399;background:#05966929;border-color:#34d3994d}.dark .glass-stat__icon{background:#242c3699;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff0d}.dark .glass-stat__icon--primary{color:#93c5fd;background:#1d4ed82e;border-color:#60a5fa42}.dark .glass-stat__icon--success{color:#34d399;background:#05966929;border-color:#34d39942}.dark .glass-stat__icon--amber{color:#fbbf24;background:#d9770629;border-color:#fbbf2442}.dark .glass-stat__icon--pink{color:#f9a8d4;background:#db277729;border-color:#f9a8d442}.dark .glass-page-header__icon{color:#93c5fd}.dark .glass-media{background:#242c3699;border-color:#ffffff14}.dark .glass-empty__icon{color:#94a3b8cc;background:#242c3699;border-color:#ffffff1a}.dark .glass-timeline-node{background:#242c36b8;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff0d}.dark .glass-timeline-line{background:linear-gradient(#94a3b859,#0000)}.dark .glass-timeline-card__tag{color:#cbd5e1;background:#242c36b8;border-color:#ffffff1f}.dark .glass-achievement-card__badge{background:#d9770629;border-color:#fbbf243d}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (width>=640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (width>=768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (width>=1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (width>=1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (width>=1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.app-btn-primary-visual{color:var(--btn-primary-ink);background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);box-shadow:var(--btn-primary-shadow);transition:background .2s,box-shadow .2s,transform .15s}.app-btn-primary-visual:hover:not(:disabled){background:var(--btn-primary-bg-hover);box-shadow:var(--btn-primary-shadow-hover)}.app-btn-primary-visual:active:not(:disabled){transform:scale(.98)}.app-btn-primary{cursor:pointer;color:var(--btn-primary-ink);background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);box-shadow:var(--btn-primary-shadow);border-radius:.875rem;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:background .2s,box-shadow .2s,transform .15s;display:inline-flex}.app-btn-primary:hover:not(:disabled){background:var(--btn-primary-bg-hover);box-shadow:var(--btn-primary-shadow-hover)}.app-btn-primary:active:not(:disabled){transform:scale(.98)}.app-btn-primary:disabled{opacity:.5;cursor:not-allowed}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-2{left:.5rem;right:.5rem}.inset-y-0{top:0;bottom:0}.-bottom-12{bottom:-3rem}.-bottom-4{bottom:-1rem}.-left-12{left:-3rem}.-left-16{left:-4rem}.-left-4{left:-1rem}.-left-8{left:-2rem}.-right-12{right:-3rem}.-right-16{right:-4rem}.-right-4{right:-1rem}.-right-8{right:-2rem}.-top-4{top:-1rem}.-top-8{top:-2rem}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-3{bottom:.75rem}.bottom-4{bottom:1rem}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.left-4{left:1rem}.left-8{left:2rem}.right-0{right:0}.right-1{right:.25rem}.right-3{right:.75rem}.right-4{right:1rem}.right-8{right:2rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-12{top:3rem}.top-16{top:4rem}.top-20{top:5rem}.top-4{top:1rem}.isolate{isolation:isolate}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.order-3{order:3}.col-span-1{grid-column:span 1/span 1}.col-span-12{grid-column:span 12/span 12}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.-ml-1{margin-left:-.25rem}.-ml-4{margin-left:-1rem}.-mt-4{margin-top:-1rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-1\.5{margin-right:.375rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.box-border{box-sizing:border-box}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[5\/4\]{aspect-ratio:5/4}.h-0\.5{height:.125rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[240px\]{height:240px}.h-\[calc\(100dvh-3\.5rem\)\]{height:calc(100dvh - 3.5rem)}.h-\[calc\(100vh-120px\)\]{height:calc(100vh - 120px)}.h-\[calc\(100vh-3\.5rem\)\]{height:calc(100vh - 3.5rem)}.h-\[calc\(100vh-56px\)\]{height:calc(100vh - 56px)}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-32{max-height:8rem}.max-h-64{max-height:16rem}.max-h-96{max-height:24rem}.max-h-\[520px\]{max-height:520px}.max-h-\[800px\]{max-height:800px}.max-h-\[88vh\]{max-height:88vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[calc\(100vh-250px\)\]{max-height:calc(100vh - 250px)}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-\[100dvh\]{min-height:100dvh}.min-h-\[240px\]{min-height:240px}.min-h-\[3\.5rem\]{min-height:3.5rem}.min-h-\[calc\(100dvh-3\.5rem\)\]{min-height:calc(100dvh - 3.5rem)}.min-h-\[inherit\]{min-height:inherit}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-32{width:8rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[520px\]{width:520px}.w-\[9\.5rem\]{width:9.5rem}.w-\[calc\(100vw-2rem\)\]{width:calc(100vw - 2rem)}.w-full{width:100%}.min-w-0{min-width:0}.min-w-2{min-width:.5rem}.min-w-56{min-width:14rem}.min-w-\[200px\]{min-width:200px}.min-w-\[45px\]{min-width:45px}.min-w-\[680px\]{min-width:680px}.min-w-\[7\.5rem\]{min-width:7.5rem}.min-w-\[720px\]{min-width:720px}.min-w-\[760px\]{min-width:760px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[1000px\]{max-width:1000px}.max-w-\[100px\]{max-width:100px}.max-w-\[1280px\]{max-width:1280px}.max-w-\[1400px\]{max-width:1400px}.max-w-\[1440px\]{max-width:1440px}.max-w-\[1600px\]{max-width:1600px}.max-w-\[1800px\]{max-width:1800px}.max-w-\[420px\]{max-width:420px}.max-w-\[72px\]{max-width:72px}.max-w-\[78\%\]{max-width:78%}.max-w-\[85\%\]{max-width:85%}.max-w-\[90px\]{max-width:90px}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-45{--tw-rotate:-45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.animate-bounce{animation:1s infinite bounce}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.2s ease-out forwards fade-in}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:1s cubic-bezier(0,0,.2,1) infinite ping}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-crosshair{cursor:crosshair}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-y-2{row-gap:.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(243 244 246/var(--tw-divide-opacity,1))}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:16px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:12px}.rounded-b-full{border-bottom-right-radius:9999px;border-bottom-left-radius:9999px}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[0\.5px\]{border-width:.5px}.border-b{border-bottom-width:1px}.border-b-4{border-bottom-width:4px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-blue-100{--tw-border-opacity:1;border-color:rgb(219 234 254/var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-border{border-color:var(--color-border)}.border-current{border-color:currentColor}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-900{--tw-border-opacity:1;border-color:rgb(17 24 39/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-pink-400{--tw-border-opacity:1;border-color:rgb(244 114 182/var(--tw-border-opacity,1))}.border-primary{border-color:var(--color-primary)}.border-purple-200{--tw-border-opacity:1;border-color:rgb(233 213 255/var(--tw-border-opacity,1))}.border-purple-600{--tw-border-opacity:1;border-color:rgb(147 51 234/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-slate-700{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/15{border-color:#ffffff26}.border-white\/30{border-color:#ffffff4d}.border-white\/90{border-color:#ffffffe6}.border-t-transparent{border-top-color:#0000}.bg-\[rgba\(11\,31\,58\,0\.92\)\]{background-color:#0b1f3aeb}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-600{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/25{background-color:#00000040}.bg-black\/40{background-color:#0006}.bg-black\/45{background-color:#00000073}.bg-black\/50{background-color:#00000080}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-danger{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-danger-muted{background-color:var(--color-danger-muted)}.bg-danger\/40{background-color:#dc262666}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(224 231 255/var(--tw-bg-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.bg-museum-blue{background-color:var(--color-primary)}.bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.bg-pink-100{--tw-bg-opacity:1;background-color:rgb(252 231 243/var(--tw-bg-opacity,1))}.bg-pink-400{--tw-bg-opacity:1;background-color:rgb(244 114 182/var(--tw-bg-opacity,1))}.bg-primary{background-color:var(--color-primary)}.bg-primary-muted{background-color:var(--color-primary-muted)}.bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.bg-purple-600{--tw-bg-opacity:1;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-400{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-surface{background-color:var(--color-surface)}.bg-surface-muted{background-color:var(--color-surface-muted)}.bg-surface-page{background-color:var(--color-surface-page)}.bg-transparent{background-color:#0000}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/50{background-color:#ffffff80}.bg-white\/70{background-color:#ffffffb3}.bg-white\/95{background-color:#fffffff2}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-opacity-50{--tw-bg-opacity:.5}.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top, var(--tw-gradient-stops))}.from-amber-50{--tw-gradient-from:#fffbeb var(--tw-gradient-from-position);--tw-gradient-to:#fffbeb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/40{--tw-gradient-from:#0006 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-50{--tw-gradient-from:#eff6ff var(--tw-gradient-from-position);--tw-gradient-to:#eff6ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-50{--tw-gradient-from:#f9fafb var(--tw-gradient-from-position);--tw-gradient-to:#f9fafb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-900{--tw-gradient-from:#111827 var(--tw-gradient-from-position);--tw-gradient-to:#11182700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500{--tw-gradient-from:#22c55e var(--tw-gradient-from-position);--tw-gradient-to:#22c55e00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-600{--tw-gradient-from:#16a34a var(--tw-gradient-from-position);--tw-gradient-to:#16a34a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-400{--tw-gradient-from:#f472b6 var(--tw-gradient-from-position);--tw-gradient-to:#f472b600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary{--tw-gradient-from:var(--color-primary) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-50{--tw-gradient-from:#fef2f2 var(--tw-gradient-from-position);--tw-gradient-to:#fef2f200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-900{--tw-gradient-from:#0f172a var(--tw-gradient-from-position);--tw-gradient-to:#0f172a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-black\/10{--tw-gradient-to:#0000001a var(--tw-gradient-to-position)}.to-emerald-600{--tw-gradient-to:#059669 var(--tw-gradient-to-position)}.to-gray-100{--tw-gradient-to:#f3f4f6 var(--tw-gradient-to-position)}.to-gray-800{--tw-gradient-to:#1f2937 var(--tw-gradient-to-position)}.to-green-700{--tw-gradient-to:#15803d var(--tw-gradient-to-position)}.to-indigo-50{--tw-gradient-to:#eef2ff var(--tw-gradient-to-position)}.to-indigo-600{--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)}.to-orange-50{--tw-gradient-to:#fff7ed var(--tw-gradient-to-position)}.to-pink-50{--tw-gradient-to:#fdf2f8 var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)}.to-primary-hover{--tw-gradient-to:var(--color-primary-hover) var(--tw-gradient-to-position)}.to-slate-800{--tw-gradient-to:#1e293b var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-amber-500{fill:#f59e0b}.fill-blue-500{fill:#3b82f6}.fill-green-500{fill:#22c55e}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-12{padding:3rem}.p-16{padding:4rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-10{padding-bottom:2.5rem}.pb-3{padding-bottom:.75rem}.pl-0{padding-left:0}.pl-0\.5{padding-left:.125rem}.pl-12{padding-left:3rem}.pl-9{padding-left:2.25rem}.pr-0{padding-right:0}.pr-1{padding-right:.25rem}.pr-12{padding-right:3rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pr-9{padding-right:2.25rem}.pt-2\.5{padding-top:.625rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.leading-5{line-height:1.25rem}.leading-7{line-height:1.75rem}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-amber-600\/85{color:#d97706d9}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-500\/80{color:#3b82f6cc}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-900{--tw-text-opacity:1;color:rgb(30 58 138/var(--tw-text-opacity,1))}.text-danger{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-deep-blue{color:var(--color-ink)}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-600\/85{color:#059669d9}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-900{--tw-text-opacity:1;color:rgb(20 83 45/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-ink{color:var(--color-ink)}.text-ink-muted{color:var(--color-ink-muted)}.text-museum-blue{color:var(--color-primary)}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-pink-400{--tw-text-opacity:1;color:rgb(244 114 182/var(--tw-text-opacity,1))}.text-pink-600{--tw-text-opacity:1;color:rgb(219 39 119/var(--tw-text-opacity,1))}.text-primary{color:var(--color-primary)}.text-primary-hover{color:var(--color-primary-hover)}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-purple-700{--tw-text-opacity:1;color:rgb(126 34 206/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-red-900{--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500\/85{color:#64748bd9}.text-transparent{color:#0000}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_1px_0_rgba\(255\,255\,255\,0\.4\)_inset\]{--tw-shadow:0 1px 0 #fff6 inset;--tw-shadow-colored:inset 0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-float{--tw-shadow:var(--shadow-float);--tw-shadow-colored:var(--shadow-float);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-soft{--tw-shadow:var(--shadow-soft);--tw-shadow-colored:var(--shadow-soft);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\[width\]{transition-property:width;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-\[2600ms\]{transition-duration:2.6s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.page-enter{animation:.2s ease-out forwards fade-in}@keyframes explore-ambient-breathe{0%,to{transform:scale(1)translate(0,0)}50%{transform:scale(1.07)translate(1.2%,-1.4%)}}.explore-ambient-breathe{transform-origin:50%;animation:11s ease-in-out infinite explore-ambient-breathe}.explore-ambient-breathe-delay{transform-origin:50%;animation:15s ease-in-out infinite reverse explore-ambient-breathe}@keyframes showcase-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.showcase-progress-fill{transform-origin:0;animation:linear forwards showcase-progress}.showcase-navigator{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.showcase-navigator__frame{transition:width .12s ease-out,height .12s ease-out,transform .12s ease-out;box-shadow:inset 0 0 0 1px #ffffffa6}@media (hover:none) and (pointer:coarse){.showcase-navigator__frame{background:#2563eb47;border-width:3px}.showcase-stage{touch-action:pan-y}}.showcase-slide{opacity:0;z-index:1;pointer-events:none;transition:opacity .7s ease-in-out}.showcase-slide__thumb{filter:blur(14px);transition:opacity .3s;transform:scale(1.06)}.showcase-slide--active{opacity:1;z-index:2;pointer-events:auto}.explore-is-scrolling .showcase-slide{transition-duration:0s}.explore-is-scrolling .explore-ambient-breathe,.explore-is-scrolling .explore-ambient-breathe-delay,.explore-is-scrolling .showcase-progress-fill{animation-play-state:paused}.explore-is-scrolling .explore-header-glass{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#fffffff0}html.dark.explore-is-scrolling .explore-header-glass{background-color:#1a2129f0}@media (prefers-reduced-motion:reduce){.showcase-slide{transition-duration:0s}.showcase-progress-fill{animation:none;transform:scaleX(1)}.page-enter{opacity:1;animation:none;transform:none}}@supports (-webkit-touch-callout:none){.explore-header-glass,.explore-filter-panel,.explore-glass-search,.explore-glass-chip{-webkit-backdrop-filter:none;backdrop-filter:none}.explore-header-glass{background-color:#fffffff0}html.dark .explore-header-glass{background-color:#1a2129f0}.explore-ambient-breathe,.explore-ambient-breathe-delay{animation:none}}:root{--color-primary:#1d4ed8;--color-primary-hover:#1e40af;--color-primary-muted:#1d4ed824;--btn-primary-bg:linear-gradient(180deg, #43567e 0%, #2e3f60 100%);--btn-primary-bg-hover:linear-gradient(180deg, #4d6290 0%, #35486d 100%);--btn-primary-ink:#f6f8fc;--btn-primary-border:#6c82ac73;--btn-primary-shadow:0 1px 0 #ffffff29 inset, 0 6px 16px #1e2a4238;--btn-primary-shadow-hover:0 1px 0 #fff3 inset, 0 8px 22px #1e2a4247;--btn-glass-bg:#ffffff8c;--btn-glass-bg-hover:#ffffffb8;--btn-glass-ink:#3c4a63;--btn-glass-border:#ffffffb8;--btn-glass-shadow:0 1px 0 #ffffffe6 inset, 0 4px 12px #0f172a0d;--color-ink:#0f172a;--color-ink-muted:#64748b;--color-surface:#fff;--color-surface-page:#dde2e8;--color-surface-muted:#e2e5ea;--color-surface-hover:#d8dde3;--color-border:#d5dae0;--color-accent-warm:#c4a882;--color-sidebar-dark:#0f172a;--color-sidebar-dark-hover:#1e293b;--color-success-muted:#ecfdf5;--color-danger-muted:#fef2f2;--color-warning-muted:#fffbeb;--shadow-soft:0 1px 2px #0f172a0a, 0 2px 8px #0f172a0d;--shadow-float:0 4px 16px #0f172a14;--shadow-pressed:0 1px 2px #0f172a14;color:var(--color-ink);background-color:var(--color-surface-page);font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-weight:400;line-height:1.5}.dark{--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-muted:#3b82f624;--btn-primary-bg:linear-gradient(180deg, #f5f8fd 0%, #dde6f3 100%);--btn-primary-bg-hover:linear-gradient(180deg, #fff 0%, #e8eef8 100%);--btn-primary-ink:#1d2940;--btn-primary-border:#ffffff8c;--btn-primary-shadow:0 1px 0 #ffffff80 inset, 0 6px 18px #00000061;--btn-primary-shadow-hover:0 1px 0 #fff9 inset, 0 8px 24px #00000070;--btn-glass-bg:#242c369e;--btn-glass-bg-hover:#2d3640c7;--btn-glass-ink:#cdd7e4;--btn-glass-border:#ffffff1f;--btn-glass-shadow:0 1px 0 #ffffff0f inset, 0 4px 12px #00000047;--color-ink:#e8edf2;--color-ink-muted:#94a3b8;--color-surface:#1a2129;--color-surface-page:#12171d;--color-surface-muted:#242b34;--color-surface-hover:#2d3640;--color-border:#343d48;--color-success-muted:#05966926;--color-danger-muted:#dc262626;--color-warning-muted:#d9770626;--shadow-soft:0 1px 2px #0003, 0 2px 8px #00000040;--shadow-float:0 4px 16px #00000059;--shadow-pressed:0 1px 2px #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-surface-page);min-height:100vh;color:var(--color-ink);margin:0;transition:background-color .2s,color .2s}#root{min-height:100vh}.placeholder\:text-ink-muted::placeholder{color:var(--color-ink-muted)}.last\:mb-0:last-child{margin-bottom:0}.focus-within\:border-primary:focus-within{border-color:var(--color-primary)}.focus-within\:border-white\/40:focus-within{border-color:#fff6}.focus-within\:text-ink:focus-within{color:var(--color-ink)}.focus-within\:text-white:focus-within{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus-within\:ring-white\/10:focus-within{--tw-ring-color:#ffffff1a}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-blue-500:hover{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.hover\:border-primary:hover{border-color:var(--color-primary)}.hover\:border-white\/30:hover{border-color:#ffffff4d}.hover\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\:bg-amber-700:hover{--tw-bg-opacity:1;background-color:rgb(180 83 9/var(--tw-bg-opacity,1))}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-danger-muted:hover{background-color:var(--color-danger-muted)}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-green-100:hover{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.hover\:bg-green-50:hover{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bg-primary-hover:hover{background-color:var(--color-primary-hover)}.hover\:bg-primary-muted:hover{background-color:var(--color-primary-muted)}.hover\:bg-purple-100:hover{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.hover\:bg-purple-50:hover{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:rgb(126 34 206/var(--tw-bg-opacity,1))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-slate-700:hover{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.hover\:bg-surface-hover:hover{background-color:var(--color-surface-hover)}.hover\:bg-surface-muted:hover{background-color:var(--color-surface-muted)}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:from-green-700:hover{--tw-gradient-from:#15803d var(--tw-gradient-from-position);--tw-gradient-to:#15803d00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-green-800:hover{--tw-gradient-to:#166534 var(--tw-gradient-to-position)}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:text-gray-800:hover{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.hover\:text-ink:hover{color:var(--color-ink)}.hover\:text-ink-muted:hover{color:var(--color-ink-muted)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:shadow-float:hover{--tw-shadow:var(--shadow-float);--tw-shadow-colored:var(--shadow-float);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.hover\:shadow-soft:hover{--tw-shadow:var(--shadow-soft);--tw-shadow-colored:var(--shadow-soft);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus\:border-purple-500:focus{--tw-border-opacity:1;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.active\:scale-\[0\.98\]:active{--tw-scale-x:.98;--tw-scale-y:.98;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.99\]:active{--tw-scale-x:.99;--tw-scale-y:.99;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:active\:scale-100:active:disabled{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:-translate-x-1{--tw-translate-x:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:-translate-y-0\.5{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-1{--tw-translate-x:.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-ink{color:var(--color-ink)}.group:hover .group-hover\:text-primary{color:var(--color-primary)}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:shadow-float{--tw-shadow:var(--shadow-float);--tw-shadow-colored:var(--shadow-float);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.group:hover .group-hover\:ring-\[8px\]{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.group:hover .group-hover\:ring-inset{--tw-ring-inset:inset}.group:hover .group-hover\:ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.dark\:bg-surface:is(.dark *){background-color:var(--color-surface)}.group:hover .dark\:group-hover\:ring-surface:is(.dark *){--tw-ring-color:var(--color-surface)}@media (width>=640px){.sm\:inset-x-3{left:.75rem;right:.75rem}.sm\:bottom-auto{bottom:auto}.sm\:top-3{top:.75rem}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:hidden{display:none}.sm\:h-\[320px\]{height:320px}.sm\:w-\[132px\]{width:132px}.sm\:max-w-\[120px\]{max-width:120px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-1{gap:.25rem}.sm\:space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.sm\:rounded-lg{border-radius:.5rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:pt-6{padding-top:1.5rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (width>=768px){.md\:order-2{order:2}.md\:order-3{order:3}.md\:ml-0{margin-left:0}.md\:block{display:block}.md\:h-\[400px\]{height:400px}.md\:w-\[156px\]{width:156px}.md\:w-auto{width:auto}.md\:flex-shrink-0{flex-shrink:0}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1024px){.lg\:static{position:static}.lg\:sticky{position:sticky}.lg\:top-6{top:1.5rem}.lg\:z-auto{z-index:auto}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-9{grid-column:span 9/span 9}.lg\:mb-6{margin-bottom:1.5rem}.lg\:mt-1{margin-top:.25rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-\[440px\]{height:440px}.lg\:w-16{width:4rem}.lg\:w-56{width:14rem}.lg\:flex-1{flex:1}.lg\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:justify-center{justify-content:center}.lg\:gap-3{gap:.75rem}.lg\:gap-4{gap:1rem}.lg\:gap-5{gap:1.25rem}.lg\:gap-6{gap:1.5rem}.lg\:gap-8{gap:2rem}.lg\:space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.lg\:p-6{padding:1.5rem}.lg\:p-8{padding:2rem}.lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}.lg\:px-3{padding-left:.75rem;padding-right:.75rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-sm{font-size:.875rem;line-height:1.25rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}.lg\:shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.lg\:transition-all{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}}.\[\&\>\*\]\:flex-shrink-0>*{flex-shrink:0}@media (width>=1024px){.lg\:\[\&_\.brand-logo__copy\]\:hidden .brand-logo copy{display:none}}.\[\&_button\]\:whitespace-nowrap button{white-space:nowrap}.\[\&_h1\]\:mb-2 h1{margin-bottom:.5rem}.\[\&_h1\]\:text-2xl h1{font-size:1.5rem;line-height:2rem}.\[\&_h1\]\:text-xl h1{font-size:1.25rem;line-height:1.75rem}.\[\&_h1\]\:font-bold h1{font-weight:700}.\[\&_h2\]\:mb-2 h2{margin-bottom:.5rem}.\[\&_h2\]\:text-lg h2{font-size:1.125rem;line-height:1.75rem}.\[\&_h2\]\:text-xl h2{font-size:1.25rem;line-height:1.75rem}.\[\&_h2\]\:font-bold h2{font-weight:700}.\[\&_h3\]\:text-lg h3{font-size:1.125rem;line-height:1.75rem}.\[\&_h3\]\:font-bold h3{font-weight:700}.\[\&_img\]\:my-3 img{margin-top:.75rem;margin-bottom:.75rem}.\[\&_img\]\:max-w-full img{max-width:100%}.\[\&_img\]\:rounded-lg img{border-radius:.5rem}.\[\&_ol\]\:list-decimal ol{list-style-type:decimal}.\[\&_ol\]\:pl-6 ol{padding-left:1.5rem}.\[\&_p\]\:mb-2 p{margin-bottom:.5rem}.\[\&_ul\]\:list-disc ul{list-style-type:disc}.\[\&_ul\]\:pl-6 ul{padding-left:1.5rem}.brand-logo{align-items:center;gap:12px;display:inline-flex}.brand-logo--center{text-align:center;flex-direction:column;gap:10px}.brand-logo__icon{-o-object-fit:contain;object-fit:contain;flex-shrink:0;display:block}.brand-logo__icon--sm{width:36px;height:36px}.brand-logo__icon--md{width:48px;height:48px}.brand-logo__icon--lg{width:64px;height:64px}.brand-logo__icon--xl{width:80px;height:80px}.brand-logo__copy{min-width:0}.brand-logo__title{letter-spacing:.08em;color:var(--color-ink,#0b1f3a);margin:0;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-weight:700;line-height:1.2}.brand-logo__title--sm{font-size:16px}.brand-logo__title--md{font-size:20px}.brand-logo__title--lg{font-size:24px}.brand-logo__title--light{color:#fff;text-shadow:0 1px 8px #00000073}.brand-logo__subtitle{letter-spacing:.04em;color:var(--color-ink-muted,#64748b);margin:2px 0 0;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-weight:400;line-height:1.4}.brand-logo__subtitle--sm{font-size:11px}.brand-logo__subtitle--md{font-size:12px}.brand-logo__subtitle--light{color:#ffffffe0;text-shadow:0 1px 6px #00000059}.brand-logo__subtitle--portal{color:var(--color-primary,#1d4ed8);font-weight:500}.brand-logo__subtitle--portal-light{color:#bfdbfef2}.brand-logo__subtitle--admin{color:#ffffff8c}.art-slideshow{z-index:0;background:#f3efe6;position:fixed;inset:0;overflow:hidden}.art-slideshow-wall{background:radial-gradient(80% 60% at 50% 40%,#faf8f4 0%,#f0ebe2 55%,#e8e2d6 100%);position:absolute;inset:0}.art-slide{opacity:0;pointer-events:none;position:absolute;inset:0}.art-slide--base{opacity:1;z-index:1}.art-slide--overlay{opacity:0;z-index:2;transition:opacity 2.4s ease-in-out}.art-slide--overlay.is-visible{opacity:1}.art-slide-frame{position:absolute;inset:0;overflow:hidden}.art-slide-frame img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;display:block}.art-slideshow-caption{z-index:5;pointer-events:none;position:absolute;bottom:max(72px,8vh);left:max(32px,4vw)}.art-slide-caption-title{color:#fff;letter-spacing:.14em;text-shadow:0 1px 8px #0000008c,0 2px 24px #00000059;margin:0;font-size:16px;font-weight:600}.art-slide-caption-artist{color:#ffffffe0;letter-spacing:.08em;text-shadow:0 1px 8px #0000008c,0 2px 20px #0000004d;margin:6px 0 0;font-size:13px}.art-slideshow-veil{z-index:4;pointer-events:none;background:radial-gradient(38% 52% at 50% 48%,#ffffffd1 0%,#ffffff59 45%,#fff0 72%),linear-gradient(#ffffff73 0%,#0000 16% 84%,#ffffff80 100%);position:absolute;inset:0}.art-slideshow-dots{z-index:5;pointer-events:none;gap:8px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.art-slideshow-dot{background:#ffffff59;border-radius:50%;width:6px;height:6px;transition:background .5s,transform .5s;box-shadow:0 1px 4px #00000040}.art-slideshow-dot.is-active{background:#ffffffeb;transform:scale(1.2)}.art-slideshow-dot.is-next{background:#fff9}@media (width<=768px){.art-slide-caption-title{font-size:14px}.art-slide-caption-artist{font-size:12px}}@media (prefers-reduced-motion:reduce){.art-slide--overlay{transition:none}}.login-page{--btn-primary-bg:linear-gradient(180deg, #43567e 0%, #2e3f60 100%);--btn-primary-bg-hover:linear-gradient(180deg, #4d6290 0%, #35486d 100%);--btn-primary-ink:#f6f8fc;--btn-primary-border:#6c82ac73;--btn-primary-shadow:0 1px 0 #ffffff29 inset, 0 6px 16px #1e2a4238;--btn-primary-shadow-hover:0 1px 0 #fff3 inset, 0 8px 22px #1e2a4247;flex-direction:column;min-height:100dvh;display:flex;position:relative}.login-brand{z-index:20;pointer-events:auto;position:fixed;top:24px;left:24px}.login-center{z-index:10;pointer-events:none;flex:1;justify-content:center;align-items:center;padding:96px 20px 72px;display:flex;position:relative}.login-center__inner{pointer-events:auto;width:100%;max-width:28rem}.login-panel{-webkit-backdrop-filter:blur(32px)saturate(175%);backdrop-filter:blur(32px)saturate(175%);background:#ffffff61;border:1px solid #ffffffad;border-radius:1.625rem;padding:2.25rem 2rem 2rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffeb,0 18px 48px #0f172a24,0 4px 16px #0f172a0f}.login-panel:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(155deg,#ffffff6b 0%,#0000 48%);position:absolute;inset:0}.login-panel>*{z-index:1;position:relative}@media (width>=640px){.login-panel{border-radius:1.75rem;padding:2.5rem 2.25rem 2.125rem}}.login-panel__header{text-align:center;margin-bottom:1.75rem}.login-panel__title{letter-spacing:.02em;color:#0f172af0;text-shadow:0 1px #ffffff73;margin:0;font-size:1.5rem;font-weight:700}.login-panel__modes{gap:.5rem;margin-bottom:1.375rem;display:flex}.login-panel__mode-chip{flex:1}.login-panel__mode-chip:not(.app-btn-primary-visual){color:#334155eb!important;background:#ffffff57!important;border:1px solid #ffffff94!important;box-shadow:inset 0 1px #ffffffd1!important}.login-panel__error{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fef2f2b8;border:1px solid #fca5a58c;border-radius:.875rem;margin-bottom:1.25rem;padding:.875rem 1rem}.login-panel__error p{text-align:center;color:#b91c1c;margin:0;font-size:.8125rem;font-weight:500}.login-panel__form{flex-direction:column;gap:1.125rem;display:flex}.login-panel__field-grid{grid-template-columns:1fr 1fr;gap:.875rem;display:grid}.login-panel__label{color:#1e293beb;align-items:center;margin-bottom:.5rem;font-size:.8125rem;font-weight:600;display:flex}.login-panel__label svg{color:#1d4ed8d1;flex-shrink:0;margin-right:.375rem}.login-panel__select,.login-panel__input{width:100%;font-size:.875rem;line-height:1.4;transition:border-color .2s,box-shadow .2s,background-color .2s;box-shadow:inset 0 1px #ffffffbf;color:#0f172af0!important;background:#ffffff75!important;border:1px solid #ffffff9e!important;border-radius:.875rem!important;padding:.8125rem .9375rem!important}.login-panel__select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.25rem}.login-panel__select:focus,.login-panel__input:focus{outline:none;box-shadow:inset 0 1px #ffffffd9,0 0 0 3px #1d4ed81f;background:#ffffff94!important;border-color:#1d4ed873!important}.login-panel__select:disabled{opacity:.55;cursor:not-allowed}.login-panel__input::placeholder{color:#64748bb8}.login-panel__submit{width:100%;margin-top:.25rem;border-radius:.875rem!important;padding:.9375rem 1rem!important;font-size:1rem!important}.login-panel__demo{border-top:1px solid #ffffff7a;margin-top:1.75rem;padding-top:1.375rem}.login-panel__demo-title{letter-spacing:.06em;text-transform:uppercase;text-align:center;color:#475569e0;margin:0 0 .75rem;font-size:.6875rem;font-weight:600}.login-panel__demo-card{background:#ffffff47;border:1px solid #ffffff85;border-radius:.9375rem;padding:.875rem 1rem;box-shadow:inset 0 1px #ffffffb8}.login-panel__demo-row{color:#334155e6;justify-content:space-between;align-items:center;gap:.75rem;margin:0;font-size:.75rem;display:flex}.login-panel__demo-row+.login-panel__demo-row{margin-top:.375rem}.login-panel__demo-value{color:#0f172aeb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:600}.login-panel__demo-hint{color:#475569e0;border-top:1px solid #ffffff6b;margin:.75rem 0 0;padding-top:.75rem;font-size:.6875rem;line-height:1.5}.login-footer{z-index:20;text-align:center;pointer-events:auto;position:fixed;bottom:14px;left:0;right:0}.login-footer a{color:#ffffffbf;text-shadow:0 1px 6px #00000073;font-size:12px;text-decoration:none;transition:color .2s}.login-footer a:hover{color:#fff}.login-lang-switch{z-index:20;pointer-events:auto;position:fixed;top:24px;right:24px}@supports (-webkit-touch-callout:none){.login-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffffd1}.login-panel__select,.login-panel__input{background:#ffffffc7}.login-panel__demo-card{background:#ffffff9e}}@media (width<=640px){.login-brand{top:16px;left:16px}.login-lang-switch{top:16px;right:16px}.login-center{padding:88px 16px 64px}.login-panel{border-radius:1.375rem;padding:1.75rem 1.25rem 1.5rem}.login-panel__field-grid{grid-template-columns:1fr}}.student-mobile-page-heading{border-bottom:1px solid var(--color-border,#e2e8f0e6);background:var(--color-surface,#fff);padding:.625rem 1rem .75rem}.student-mobile-page-heading--glass{-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);background:#ffffff6b;border-bottom-color:#ffffff59}.dark .student-mobile-page-heading{background:var(--color-surface,#1a2129);border-bottom-color:#ffffff14}.dark .student-mobile-page-heading--glass{background:#1a212973;border-bottom-color:#ffffff14}.student-mobile-page-heading__title{letter-spacing:-.02em;color:var(--color-ink,#0f172a);margin:0;font-size:1.0625rem;font-weight:600;line-height:1.3}.student-mobile-page-heading__subtitle{color:#64748beb;margin:.25rem 0 0;font-size:.75rem;line-height:1.45}.dark .student-mobile-page-heading__title{color:#e8edf2}.dark .student-mobile-page-heading__subtitle{color:#94a3b8eb}.dark .explore-header-glass{background:#161c24d1!important;border-bottom-color:#ffffff1a!important}.dark .explore-header-glass .text-ink-muted{color:#cbd5e1!important}.dark .explore-header-glass .text-ink{color:#f8fafc!important}.dark .explore-header-glass span[class*=bg-ink]{background-color:#f8fafcbf!important}@supports (-webkit-touch-callout:none){.student-mobile-page-heading--glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffffff0}.dark .student-mobile-page-heading--glass{background:#1a2129f5}}.explore-filter-panel{-webkit-backdrop-filter:blur(28px)saturate(165%);backdrop-filter:blur(28px)saturate(165%);background:#ffffff7a;border:1px solid #ffffffb8;border-radius:1.375rem;padding:1.625rem 1.75rem;display:none;position:relative;box-shadow:inset 0 1px #ffffffeb,0 .5px #ffffff73,0 12px 40px #0f172a0d,0 2px 10px #0f172a08}@media (width>=768px){.explore-filter-panel{display:block}}.explore-filter-mobile{display:block}@media (width>=768px){.explore-filter-mobile{display:none}}.explore-filter-mobile__bar{align-items:stretch;gap:.5rem;display:flex}.explore-filter-mobile__bar .explore-glass-search{flex:1;min-width:0}.explore-filter-mobile__count{margin-top:.625rem}.explore-filter-toggle{-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%);letter-spacing:.02em;color:#475569;cursor:pointer;background:#ffffff85;border:1px solid #ffffffc7;border-radius:.875rem;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.125rem;min-width:3.5rem;padding:.5rem .625rem;font-size:.6875rem;font-weight:600;transition:background .2s,border-color .2s,color .2s,transform .18s;display:inline-flex;position:relative;box-shadow:inset 0 1px #fffffff2,0 4px 14px #0f172a0a}.explore-filter-toggle:active{transform:scale(.98)}.explore-filter-toggle.has-active{color:#1e40af;background:#dbeafe73;border-color:#bae6fdbf}.explore-filter-toggle__badge{color:#fff;background:#2563eb;border-radius:9999px;justify-content:center;align-items:center;min-width:1rem;height:1rem;padding:0 .25rem;font-size:.625rem;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:.3125rem;right:.3125rem;box-shadow:0 1px 3px #2563eb59}.explore-filter-drawer{z-index:60;pointer-events:none;visibility:hidden;position:fixed;inset:0;overflow:hidden}.explore-filter-drawer.is-open{pointer-events:auto;visibility:visible}.explore-filter-drawer__backdrop{opacity:0;cursor:pointer;background:#0f172a61;border:none;transition:opacity .28s;position:absolute;inset:0}.explore-filter-drawer.is-open .explore-filter-drawer__backdrop{opacity:1}.explore-filter-drawer__panel{-webkit-overflow-scrolling:touch;background:#fffffffa;border-left:1px solid #fffc;flex-direction:column;width:min(20.5rem,88vw);transition:transform .32s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-12px 0 40px #0f172a1f}.explore-filter-drawer.is-open .explore-filter-drawer__panel{transform:translate(0,0)}.explore-filter-drawer__header{border-bottom:1px solid #e2e8f0cc;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1rem .875rem;display:flex}.explore-filter-drawer__title{letter-spacing:-.01em;color:#1e293b;margin:0;font-size:1rem;font-weight:600}.explore-filter-drawer__close{color:#64748b;cursor:pointer;background:#f1f5f9e6;border:none;border-radius:.625rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition:background .2s,color .2s;display:inline-flex}.explore-filter-drawer__close:active{color:#334155;background:#e2e8f0f2}.explore-filter-drawer__body{flex-direction:column;flex:1;gap:1.25rem;min-height:0;padding:1rem 1rem 1.25rem;display:flex;overflow-y:auto}.explore-filter-drawer__body .explore-filter-group{grid-template-columns:1fr;align-items:start;gap:.625rem}.explore-filter-drawer__footer{padding:.875rem 1rem calc(.875rem + env(safe-area-inset-bottom,0px));background:#f8fafcf5;border-top:1px solid #e2e8f0cc;flex-shrink:0;align-items:center;gap:.625rem;display:flex}.explore-filter-drawer__reset,.explore-filter-drawer__done{cursor:pointer;border-radius:.75rem;flex:1;min-height:2.75rem;font-size:.9375rem;font-weight:600;transition:background .2s,border-color .2s,opacity .2s}.explore-filter-drawer__reset{color:#64748b;background:#fffffff2;border:1px solid #e2e8f0f2}.explore-filter-drawer__reset:disabled{opacity:.45;cursor:not-allowed}.explore-filter-drawer__done{color:#1e40af;background:#dbeafea6;border:1px solid #93c5fd8c}.explore-filter-drawer__done:active,.explore-filter-drawer__reset:not(:disabled):active{transform:scale(.99)}@media (width>=768px){.explore-filter-drawer{display:none}}.dark .explore-filter-toggle{color:#e2e8f0e0;background:#ffffff0f;border-color:#ffffff1a}.dark .explore-filter-toggle.has-active{color:#93c5fd;background:#1e3a8a52;border-color:#3b82f659}.dark .explore-filter-drawer__panel{background:#1a2129fa;border-left-color:#ffffff14}.dark .explore-filter-drawer__header,.dark .explore-filter-drawer__footer{border-color:#ffffff14}.dark .explore-filter-drawer__title{color:#e2e8f0}.dark .explore-filter-drawer__close{color:#94a3b8;background:#ffffff14}.dark .explore-filter-drawer__footer{background:#141a21f5}.dark .explore-filter-drawer__reset{color:#94a3b8;background:#ffffff0f;border-color:#ffffff1a}.dark .explore-filter-drawer__done{color:#93c5fd;background:#1e3a8a61;border-color:#3b82f647}@media (prefers-reduced-motion:reduce){.explore-filter-drawer__backdrop,.explore-filter-drawer__panel{transition:none}.explore-filter-drawer.is-open .explore-filter-drawer__panel{transform:none}}.explore-filter-panel:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,#ffffff6b 0%,#ffffff0f 42%,#0000 68%);position:absolute;inset:0}.explore-filter-panel__inner{z-index:1;flex-direction:column;gap:1.125rem;display:flex;position:relative}.explore-filter-top{flex-direction:column;gap:.875rem;display:flex}@media (width>=640px){.explore-filter-top{flex-direction:row;align-items:center;gap:1.25rem}}.explore-glass-search{-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%);background:#ffffff85;border:1px solid #ffffffc7;border-radius:.875rem;flex:1;align-items:center;gap:.625rem;min-width:0;padding:.6875rem 1rem;transition:border-color .22s,box-shadow .22s;display:flex;position:relative;box-shadow:inset 0 1px #fffffff2,0 4px 14px #0f172a0a}.explore-glass-search:focus-within{border-color:#bae6fdbf;box-shadow:inset 0 1px #fffffffa,0 0 0 3px #bae6fd38,0 6px 18px #93c5fd1a}.explore-glass-search__icon{color:#64748bb8;flex-shrink:0}.explore-glass-search__input{letter-spacing:.01em;color:#1e293b;background:0 0;border:none;outline:none;width:100%;font-size:.9375rem;font-weight:400}.explore-glass-search__input::placeholder{color:#64748b94}.explore-filter-count{letter-spacing:.04em;color:#475569b8;white-space:nowrap;flex-shrink:0;font-size:.8125rem;font-weight:400}.explore-filter-group{grid-template-columns:4.5rem minmax(0,1fr);align-items:center;gap:.75rem 1rem;display:grid}@media (width>=640px){.explore-filter-group{grid-template-columns:4.75rem minmax(0,1fr)}}.explore-filter-group__label{letter-spacing:.06em;color:#475569d1;white-space:nowrap;font-size:.8125rem;font-weight:500}.explore-filter-chips{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.explore-glass-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.02em;color:#334155e0;white-space:nowrap;cursor:pointer;background:#ffffff57;border:1px solid #ffffff9e;border-radius:.6875rem;justify-content:center;align-items:center;gap:.375rem;min-height:2rem;padding:.4375rem .9375rem;font-size:.8125rem;font-weight:400;transition:background .22s,border-color .22s,box-shadow .22s,color .22s,transform .18s;display:inline-flex;box-shadow:inset 0 1px #ffffffbf,0 2px 6px #0f172a08}.explore-glass-chip:hover{color:#1e293b;background:#ffffff85;border-color:#ffffffd1}.explore-glass-chip:active{transform:scale(.98)}.explore-glass-chip.is-active{color:#334155;background:#ffffffc7;border-color:#bae6fdb8;font-weight:500;box-shadow:inset 0 1px #fffffffa,0 0 0 1px #bfdbfe73,0 0 14px #93c5fd24,0 4px 12px #93c5fd14}.explore-glass-chip__icon{opacity:.72}.explore-glass-chip.is-active .explore-glass-chip__icon{opacity:.88;color:#475569e6}.dark .explore-filter-panel{background:#1a212985;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff14,0 12px 40px #00000038}.dark .explore-filter-panel:before{background:linear-gradient(145deg,#ffffff14 0%,#0000 48%)}.dark .explore-glass-search{background:#ffffff0f;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff0f}.dark .explore-glass-search:focus-within{border-color:#93c5fd59;box-shadow:inset 0 1px #ffffff14,0 0 0 3px #93c5fd1f}.dark .explore-glass-search__icon{color:#94a3b8bf}.dark .explore-glass-search__input{color:#e8edf2}.dark .explore-glass-search__input::placeholder{color:#94a3b88c}.dark .explore-filter-count,.dark .explore-filter-group__label{color:#94a3b8d1}.dark .explore-glass-chip{color:#e2e8f0e0;background:#ffffff0d;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff0a}.dark .explore-glass-chip:hover{color:#f1f5f9;background:#ffffff17;border-color:#ffffff24}.dark .explore-glass-chip.is-active{color:#f8fafc;background:#ffffff1f;border-color:#93c5fd61;box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #93c5fd38,0 0 16px #60a5fa1a}@media (prefers-reduced-motion:reduce){.explore-glass-chip{transition:none}}@supports (-webkit-touch-callout:none){.explore-filter-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffffff5}.explore-glass-search,.explore-filter-toggle{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffffeb}.explore-glass-chip{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffffe6}.explore-filter-drawer__panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.dark .explore-filter-panel{background:#1a2129f5}.dark .explore-glass-search,.dark .explore-filter-toggle{background:#1e252eeb}.dark .explore-glass-chip{background:#242c36e6}.dark .explore-filter-drawer__panel{background:#1a2129}}.tasks-glass-page{background:0 0;min-height:calc(100dvh - 3.5rem);position:relative}.tasks-page-container{max-width:72rem;margin:0 auto;padding:1rem 1rem 2rem}@media (width>=1024px){.tasks-page-container{padding:1.25rem 1.5rem 2.5rem}}.tasks-page-header{margin-bottom:1rem}@media (width>=1024px){.tasks-page-header{margin-bottom:1.25rem}}.tasks-page-heading{border-bottom:1px solid #ffffff73;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding-bottom:.875rem;display:none}@media (width>=640px){.tasks-page-heading{display:flex}}.tasks-page-heading__icon{color:#2563ebd1;background:#dbeafe61;border:1px solid #bae6fd73;border-radius:.6875rem;flex-shrink:0;justify-content:center;align-items:center;width:2.375rem;height:2.375rem;display:flex;box-shadow:inset 0 1px #ffffffe6}.tasks-page-heading__title{letter-spacing:-.02em;color:#1e293b;margin-bottom:.2rem;font-size:1.25rem;font-weight:600;line-height:1.25}@media (width>=640px){.tasks-page-heading__title{font-size:1.375rem}}.tasks-page-heading__subtitle{color:#64748beb;font-size:.8125rem;line-height:1.45}.tasks-control-panel{-webkit-backdrop-filter:blur(28px)saturate(170%);backdrop-filter:blur(28px)saturate(170%);background:#ffffff7a;border:1px solid #ffffffb8;border-radius:1.375rem;flex-direction:column;gap:.875rem;padding:1.125rem 1.125rem 1rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffffff2,0 10px 32px #0f172a0d}@media (width>=640px){.tasks-control-panel{gap:1rem;padding:1.25rem 1.375rem 1.125rem}}.tasks-control-panel:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(155deg,#ffffff61 0%,#0000 52%);position:absolute;inset:0}.tasks-control-panel__progress{z-index:1;width:100%;position:relative}.tasks-control-panel__stats{letter-spacing:-.01em;color:#334155;margin-bottom:.625rem;font-size:.9375rem;font-weight:600}.tasks-control-panel__progress-bar{background:#e2e8f0a6;border-radius:9999px;height:.5625rem;overflow:hidden;box-shadow:inset 0 1px 2px #0f172a0a}.tasks-control-panel__progress-fill{border-radius:inherit;background:linear-gradient(90deg,#3b82f6b8,#60a5fad1);height:100%;transition:width .8s;box-shadow:0 0 12px #3b82f62e}.tasks-control-panel__filter-row{z-index:1;display:flex;position:relative}@media (width>=768px){.tasks-control-panel__filter-row{display:none}}.tasks-filter-toggle{color:#475569;cursor:pointer;background:#ffffff85;border:1px solid #ffffffc7;border-radius:.75rem;align-items:center;gap:.4375rem;padding:.5625rem .875rem;font-size:.875rem;font-weight:600;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.tasks-filter-toggle.has-active{color:#1e40af;background:#dbeafe73;border-color:#93c5fd8c}.tasks-filter-toggle__badge{color:#fff;background:#2563eb;border-radius:9999px;justify-content:center;align-items:center;min-width:1.125rem;height:1.125rem;padding:0 .25rem;font-size:.6875rem;font-weight:700;display:inline-flex}.tasks-segment--desktop{display:none}@media (width>=768px){.tasks-segment--desktop{display:flex}}.tasks-segment{z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff5c;border:1px solid #ffffff94;border-radius:9999px;flex-wrap:wrap;gap:.3125rem;width:100%;padding:.375rem;position:relative;box-shadow:inset 0 1px #ffffffe0}.tasks-segment--drawer{border-radius:1rem;grid-template-columns:1fr;padding:.375rem;display:grid}.tasks-segment__btn{color:#64748beb;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9999px;flex:1;justify-content:center;align-items:center;gap:.4375rem;padding:.6875rem 1rem;font-size:.875rem;font-weight:600;transition:background .2s ease-out,color .2s ease-out,border-color .2s ease-out;display:inline-flex}.tasks-segment--drawer .tasks-segment__btn{border-radius:.75rem;justify-content:flex-start}.tasks-segment__btn.is-active{color:#1e3a8a;background:#ffffffc7;border-color:#93c5fd73;box-shadow:inset 0 1px #fffffffa}.tasks-segment__count{background:#f1f5f9b8;border-radius:9999px;justify-content:center;align-items:center;min-width:1.375rem;height:1.375rem;padding:0 .375rem;font-size:.75rem;font-weight:700;display:inline-flex}.tasks-filter-drawer{z-index:60;pointer-events:none;position:fixed;inset:0;overflow:hidden}.tasks-filter-drawer__backdrop{opacity:0;cursor:pointer;pointer-events:none;background:#0f172a61;border:none;transition:opacity .28s;position:absolute;inset:0}.tasks-filter-drawer__backdrop.is-visible{opacity:1;pointer-events:auto}.tasks-filter-drawer__panel{pointer-events:auto;background:#fffffffa;border-left:1px solid #e2e8f0e6;flex-direction:column;width:min(20rem,88vw);transition:transform .32s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-12px 0 40px #0f172a1f}.tasks-filter-drawer__panel.is-open{transform:translate(0,0)}.tasks-filter-drawer[aria-hidden=false]{pointer-events:auto}.tasks-filter-drawer__header{border-bottom:1px solid #e2e8f0cc;justify-content:space-between;align-items:center;padding:1rem;display:flex}.tasks-filter-drawer__header h2{color:#1e293b;margin:0;font-size:1rem;font-weight:600}.tasks-filter-drawer__close{color:#64748b;cursor:pointer;background:#f1f5f9e6;border:none;border-radius:.625rem;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.tasks-filter-drawer__body{flex:1;padding:1rem;overflow-y:auto}.tasks-filter-drawer__footer{padding:.875rem 1rem calc(.875rem + env(safe-area-inset-bottom,0px));border-top:1px solid #e2e8f0cc}.tasks-filter-drawer__done{cursor:pointer;width:100%;min-height:2.75rem;color:var(--btn-primary-ink);background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);box-shadow:var(--btn-primary-shadow);border-radius:.875rem;font-size:.9375rem;font-weight:600;transition:background .2s,box-shadow .2s,transform .15s}.tasks-filter-drawer__done:hover{background:var(--btn-primary-bg-hover)}.tasks-filter-drawer__done:active{transform:scale(.98)}@media (width>=768px){.tasks-filter-drawer{display:none}}.tasks-body{flex-direction:column;gap:1rem;display:flex}@media (width>=1024px){.tasks-body{flex-direction:row;align-items:flex-start;gap:1.25rem}}.tasks-main{flex-direction:column;flex:1;gap:1rem;min-width:0;display:flex}.tasks-sidebar{flex-direction:column;flex-shrink:0;gap:.875rem;width:17.5rem;display:none}@media (width>=1024px){.tasks-sidebar{display:flex}}.tasks-sections{flex-direction:column;gap:1.25rem;display:flex}.tasks-section__title{letter-spacing:.06em;text-transform:none;color:#475569d9;margin-bottom:.625rem;padding-left:.125rem;font-size:.8125rem;font-weight:600}.tasks-list{flex-direction:column;gap:.875rem;display:flex}.tasks-list--grid{grid-template-columns:1fr;gap:.875rem;display:grid}@media (width>=640px){.tasks-list--grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tasks-art-card{-webkit-backdrop-filter:blur(26px)saturate(165%);backdrop-filter:blur(26px)saturate(165%);cursor:pointer;background:#ffffff61;border:1px solid #ffffff9e;border-radius:1.5rem;transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe0,0 8px 28px #0f172a0a}.tasks-art-card:hover{border-color:#ffffffc7;transform:translateY(-2px);box-shadow:inset 0 1px #fffffff0,0 14px 36px #0f172a0f}.tasks-art-card--focus{border-color:#93c5fd73;box-shadow:inset 0 1px #fffffff0,0 12px 36px #3b82f614}.tasks-art-card__inner{flex-direction:column;gap:.875rem;padding:1rem;display:flex}@media (width>=640px){.tasks-art-card__inner{flex-direction:row;align-items:stretch;gap:1.125rem;padding:1.125rem}}.tasks-art-card__inner--focus{flex-direction:column;gap:0;padding:0}@media (width>=768px){.tasks-art-card__inner--focus{flex-direction:row;gap:0}}.tasks-art-card__media{background:#f1f5f959;border:1px solid #ffffff80;border-radius:1.125rem;flex-shrink:0;width:100%;overflow:hidden}@media (width>=640px){.tasks-art-card__media{width:10rem}}.tasks-art-card__media--focus{aspect-ratio:16/10;border:none;border-radius:0;width:100%}@media (width>=768px){.tasks-art-card__media--focus{aspect-ratio:auto;border-radius:0;width:42%;min-height:14rem}}.tasks-art-card__media img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;min-height:8.5rem;transition:transform .5s cubic-bezier(.22,1,.36,1)}.tasks-art-card__media--focus img{min-height:100%}.tasks-art-card:hover .tasks-art-card__media img{transform:scale(1.03)}.tasks-art-card__body{flex-direction:column;flex:1;min-width:0;display:flex}.tasks-art-card__inner--focus .tasks-art-card__body{padding:1rem 1.125rem 1.125rem}@media (width>=768px){.tasks-art-card__inner--focus .tasks-art-card__body{padding:1.25rem 1.375rem}}.tasks-list--grid .tasks-art-card__inner{flex-direction:column}.tasks-list--grid .tasks-art-card__media{aspect-ratio:4/3;width:100%}.tasks-art-card__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#2563ebbf;margin-bottom:.25rem;font-size:.6875rem;font-weight:700}.tasks-art-card__header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.5rem;display:flex}.tasks-art-card__title{letter-spacing:-.015em;color:#0f172a;margin-bottom:.2rem;font-size:1.0625rem;font-weight:600;line-height:1.35}.tasks-art-card--focus .tasks-art-card__title{font-size:1.25rem}.tasks-art-card__artist{color:#64748beb;font-size:.8125rem}.tasks-art-card__note{color:#64748be0;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:.875rem;font-size:.8125rem;line-height:1.55;display:-webkit-box;overflow:hidden}.tasks-art-card--focus .tasks-art-card__note{-webkit-line-clamp:3;font-size:.875rem}.tasks-art-card__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;display:flex}.tasks-art-card__meta{color:#64748bd9;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.75rem;font-weight:500;display:flex}.tasks-art-card__meta-item{align-items:center;gap:.3rem;display:flex}.tasks-art-card__meta-dot{background:#64748b73;border-radius:9999px;width:.375rem;height:.375rem}.tasks-status-badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:.3rem;padding:.3rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.tasks-status-badge--neutral{color:#64748b;background:#f1f5f98c;border:1px solid #e2e8f0a6}.tasks-status-badge--amber{color:#b45309;background:#fef3c76b;border:1px solid #fde68a73}.tasks-status-badge--success{color:#047857;background:#d1fae56b;border:1px solid #a7f3d073}.tasks-action-btn{cursor:pointer;color:var(--btn-primary-ink);background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);box-shadow:var(--btn-primary-shadow);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;padding:.5625rem 1.25rem;font-size:.8125rem;font-weight:600;transition:background .2s,box-shadow .2s,transform .15s;display:inline-flex}.tasks-action-btn--focus{border-radius:.875rem;padding:.6875rem 1.5rem;font-size:.875rem}.tasks-action-btn:hover{background:var(--btn-primary-bg-hover);box-shadow:var(--btn-primary-shadow-hover)}.tasks-action-btn:active{transform:scale(.98)}.tasks-sidebar-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff6b;border:1px solid #ffffffa6;border-radius:1.125rem;padding:1rem 1.125rem;box-shadow:inset 0 1px #ffffffe0}.tasks-sidebar-card--link{text-align:left;cursor:pointer;align-items:center;gap:.75rem;width:100%;transition:transform .2s,border-color .2s;display:flex}.tasks-sidebar-card--link:hover{border-color:#ffffffd1;transform:translateY(-1px)}.tasks-sidebar-card__header{align-items:center;gap:.5rem;margin-bottom:.625rem;display:flex}.tasks-sidebar-card__icon{color:#64748bb3;flex-shrink:0}.tasks-sidebar-card__icon--success{color:#10b981bf}.tasks-sidebar-card__heading{color:#334155;margin:0;font-size:.875rem;font-weight:600}.tasks-sidebar-card__body{flex:1;min-width:0}.tasks-sidebar-card__label{color:#64748b;margin-bottom:.125rem;font-size:.6875rem;font-weight:600;display:block}.tasks-sidebar-card__title{color:#1e293b;font-size:.875rem;font-weight:600;line-height:1.35;display:block}.tasks-sidebar-card__meta{color:#64748bc7;margin-top:.125rem;font-size:.75rem;display:block}.tasks-sidebar-card__arrow{color:#64748b8c;flex-shrink:0}.tasks-sidebar-tips{color:#475569e0;flex-direction:column;gap:.5rem;margin:0;padding-left:1.125rem;font-size:.8125rem;line-height:1.5;display:flex}.tasks-sidebar-links{flex-direction:column;gap:.5rem;display:flex}.tasks-sidebar-link{color:#475569;cursor:pointer;background:#ffffff52;border:1px solid #ffffff8c;border-radius:.75rem;align-items:center;gap:.5rem;width:100%;padding:.625rem .875rem;font-size:.8125rem;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.tasks-sidebar-link:hover{color:#1e293b;background:#ffffff8c}.tasks-recent-strip--mobile{margin-top:.25rem;display:flex}@media (width>=1024px){.tasks-recent-strip--mobile{display:none}}.tasks-recent-strip{text-align:left;cursor:pointer;background:#ffffff5c;border:1px solid #ffffff9e;border-radius:1.125rem;align-items:center;gap:.875rem;width:100%;padding:.875rem 1.125rem;transition:transform .2s ease-out;display:flex;box-shadow:inset 0 1px #ffffffe0}.tasks-recent-strip:hover{transform:translateY(-1px)}.tasks-recent-strip__icon{color:#10b981bf;flex-shrink:0}.tasks-recent-strip__body{flex-wrap:wrap;flex:1;align-items:baseline;gap:.375rem .75rem;min-width:0;display:flex}.tasks-recent-strip__label{color:#64748b;font-size:.75rem;font-weight:600}.tasks-recent-strip__title{color:#1e293b;font-size:.9375rem;font-weight:600}.tasks-recent-strip__date{color:#64748bc7;font-size:.75rem}.tasks-recent-strip__arrow{color:#64748b8c;flex-shrink:0}.tasks-empty{text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff52;border:1px solid #ffffff94;border-radius:1.5rem;padding:2.5rem 1.5rem}.tasks-empty__icon{color:#64748b80;background:#ffffff7a;border:1px solid #ffffffa6;border-radius:9999px;justify-content:center;align-items:center;width:4rem;height:4rem;margin:0 auto 1rem;display:flex}.tasks-empty__title{color:#475569;margin-bottom:.375rem;font-size:1.0625rem;font-weight:600}.tasks-empty__subtitle,.tasks-empty__hint{color:#64748bc7;font-size:.875rem;line-height:1.5}.tasks-empty__hint{max-width:20rem;margin-top:.5rem;margin-left:auto;margin-right:auto}.tasks-empty__actions{flex-wrap:wrap;justify-content:center;gap:.625rem;margin-top:1.25rem;display:flex}.tasks-empty__link{cursor:pointer;color:var(--btn-primary-ink);background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);box-shadow:var(--btn-primary-shadow);border-radius:.75rem;align-items:center;gap:.4375rem;padding:.5625rem 1.125rem;font-size:.8125rem;font-weight:600;transition:background .2s,transform .15s;display:inline-flex}.tasks-empty__link:hover{background:var(--btn-primary-bg-hover)}.tasks-empty__link--muted{color:var(--btn-glass-ink);background:var(--btn-glass-bg);border-color:var(--btn-glass-border);box-shadow:var(--btn-glass-shadow)}.tasks-empty__link--muted:hover{background:var(--btn-glass-bg-hover)}.dark .tasks-glass-page{background:0 0}.dark .tasks-control-panel,.dark .tasks-art-card,.dark .tasks-sidebar-card,.dark .tasks-recent-strip,.dark .tasks-empty{background:#1e2630b8;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff0f,0 10px 32px #0000002e}.dark .tasks-control-panel:before{background:linear-gradient(155deg,#ffffff0f 0%,#0000 52%)}.dark .tasks-page-heading__title,.dark .tasks-art-card__title,.dark .tasks-sidebar-card__title,.dark .tasks-recent-strip__title{color:#e8edf2}.dark .tasks-page-heading__subtitle,.dark .tasks-art-card__artist,.dark .tasks-art-card__note,.dark .tasks-art-card__meta,.dark .tasks-section__title,.dark .tasks-recent-strip__label,.dark .tasks-recent-strip__date{color:#94a3b8eb}.dark .tasks-control-panel__stats{color:#dbeafe}.dark .tasks-filter-toggle{color:#cbd5e1;background:#ffffff0f;border-color:#ffffff1f}.dark .tasks-filter-toggle.has-active{color:#bfdbfe;background:#1d4ed82e;border-color:#60a5fa47}.dark .tasks-segment{background:#ffffff0d;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff0a}.dark .tasks-segment__btn{color:#cbd5e1eb}.dark .tasks-segment__btn.is-active{color:#dbeafe;background:#ffffff1a;border-color:#60a5fa47;box-shadow:inset 0 1px #ffffff14}.dark .tasks-segment__count{color:#e2e8f0;background:#ffffff14}.dark .tasks-empty__title{color:#e2e8f0}.dark .tasks-empty__subtitle,.dark .tasks-empty__hint{color:#94a3b8eb}.dark .tasks-empty__icon{color:#94a3b8bf;background:#ffffff0f;border-color:#ffffff1a}.dark .tasks-filter-drawer__panel{background:#161c24fa;border-left-color:#ffffff14}.dark .tasks-filter-drawer__header h2{color:#e2e8f0}.dark .tasks-filter-drawer__header,.dark .tasks-filter-drawer__footer{border-color:#ffffff1a}.dark .tasks-filter-drawer__close{color:#cbd5e1;background:#ffffff14}.dark .tasks-status-badge--neutral{color:#cbd5e1;background:#94a3b824;border-color:#94a3b840}.dark .tasks-status-badge--amber{color:#fbbf24;background:#d9770629;border-color:#fbbf244d}.dark .tasks-status-badge--success{color:#34d399;background:#05966929;border-color:#34d3994d}.dark .tasks-art-card__eyebrow{color:#93c5fde6}.dark .tasks-page-heading__icon{color:#93c5fd;background:#1d4ed82e;border-color:#60a5fa42;box-shadow:inset 0 1px #ffffff0f}.dark .tasks-control-panel__progress-bar{background:#ffffff1a;box-shadow:inset 0 1px 2px #00000040}.dark .tasks-sidebar-card__heading,.dark .tasks-sidebar-card__title{color:#e8edf2}.dark .tasks-sidebar-card__label,.dark .tasks-sidebar-card__meta,.dark .tasks-sidebar-card__icon,.dark .tasks-sidebar-card__arrow,.dark .tasks-sidebar-tips{color:#94a3b8eb}.dark .tasks-sidebar-link{color:#cbd5e1;background:#ffffff0f;border-color:#ffffff1f}.dark .tasks-sidebar-link:hover{color:#e8edf2;background:#ffffff1f}@supports (-webkit-touch-callout:none){.tasks-control-panel,.tasks-art-card,.tasks-sidebar-card{-webkit-backdrop-filter:none;backdrop-filter:none}.tasks-control-panel{background:#fffffff5}.tasks-art-card{background:#fffffff0}.dark .tasks-control-panel,.dark .tasks-art-card{background:#1a2129f5}}.task-detail-page{background:0 0;min-height:calc(100dvh - 3.5rem);position:relative}.task-detail-container{max-width:72rem;margin:0 auto;padding:1rem 1rem 2rem}@media (width>=1024px){.task-detail-container{padding:1.25rem 1.5rem 2.5rem}}.task-detail-back{color:#475569eb;-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);cursor:pointer;background:#ffffff7a;border:1px solid #ffffffb8;border-radius:.75rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:background .2s,color .2s,transform .15s;display:inline-flex;box-shadow:inset 0 1px #ffffffe6}.task-detail-back:hover{color:#1e293b;background:#ffffff9e}.task-detail-back svg{transition:transform .2s}.task-detail-back:hover svg{transform:translate(-2px)}.task-detail-layout{flex-direction:column;gap:1rem;display:flex}@media (width>=1024px){.task-detail-layout{flex-direction:row;align-items:flex-start;gap:1.25rem}}.task-detail-main{flex:1.2;min-width:0}.task-detail-sidebar{flex-direction:column;flex:.8;gap:1rem;min-width:0;display:flex}@media (width>=1024px){.task-detail-sidebar{max-width:26rem}}.task-detail-art-card{-webkit-backdrop-filter:blur(28px)saturate(165%);backdrop-filter:blur(28px)saturate(165%);background:#ffffff6b;border:1px solid #ffffffb8;border-radius:1.375rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffeb,0 12px 40px #0f172a0d}.task-detail-art-card:before{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(155deg,#ffffff59 0%,#0000 52%);position:absolute;inset:0}.task-detail-art-card__media{aspect-ratio:4/3;background:#0f172ae0;position:relative;overflow:hidden}.task-detail-art-card__media img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.task-detail-art-card__media-overlay{pointer-events:none;background:linear-gradient(#0000 55%,#0f172a47);position:absolute;inset:0}.task-detail-art-card__body{z-index:2;padding:1.25rem 1.375rem 1.375rem;position:relative}@media (width>=640px){.task-detail-art-card__body{padding:1.5rem 1.625rem 1.625rem}}.task-detail-art-card__header{flex-direction:column;gap:.875rem;display:flex}@media (width>=640px){.task-detail-art-card__header{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:1rem}}.task-detail-art-card__title{letter-spacing:-.02em;color:#0f172a;margin:0 0 .375rem;font-size:1.625rem;font-weight:700;line-height:1.25}@media (width>=640px){.task-detail-art-card__title{font-size:2rem}}.task-detail-art-card__meta{color:#64748beb;margin:0;font-size:.9375rem;line-height:1.5}.task-detail-deadline-chip{color:#1e40af;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#dbeafe8c;border:1px solid #bae6fda6;border-radius:9999px;flex-shrink:0;align-items:center;gap:.375rem;padding:.4375rem .875rem;font-size:.8125rem;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffffe0}.task-detail-progress{border-top:1px solid #ffffff8c;margin-top:1.125rem;padding-top:1.125rem}.task-detail-progress__row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.task-detail-progress__item{color:#475569eb;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;display:inline-flex}.task-detail-progress__item--success{color:#047857}.task-detail-panel{-webkit-backdrop-filter:blur(24px)saturate(165%);backdrop-filter:blur(24px)saturate(165%);background:#ffffff70;border:1px solid #ffffffb8;border-radius:1.25rem;padding:1.25rem 1.375rem;position:relative;box-shadow:inset 0 1px #ffffffe6,0 8px 28px #0f172a0a}.task-detail-panel--accent{background:#dbeafe61;border-color:#bae6fd8c}.task-detail-panel__header{align-items:center;gap:.75rem;margin-bottom:.875rem;display:flex}.task-detail-panel__icon{color:#fff;background:linear-gradient(#3b82f6 0%,#2563eb 100%);border-radius:.875rem;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex;box-shadow:inset 0 1px #ffffff40,0 4px 12px #2563eb47}.task-detail-panel__title{letter-spacing:-.01em;color:#0f172a;margin:0;font-size:1.125rem;font-weight:700}.task-detail-panel__text{color:#334155;white-space:pre-line;margin:0;font-size:.9375rem;line-height:1.65}.task-detail-requirements{flex-direction:column;gap:.625rem;display:flex}.task-detail-requirement-item{color:#334155;align-items:flex-start;gap:.625rem;font-size:.9375rem;line-height:1.55;display:flex}.task-detail-requirement-item__dot{background:#3b82f6bf;border-radius:9999px;flex-shrink:0;width:.375rem;height:.375rem;margin-top:.55rem}.task-detail-actions{flex-direction:column;gap:.75rem;display:flex}.task-detail-primary-btn{cursor:pointer;width:100%;color:var(--btn-primary-ink);background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);box-shadow:var(--btn-primary-shadow);border-radius:.875rem;justify-content:center;align-items:center;gap:.625rem;padding:.9375rem 1.25rem;font-size:1rem;font-weight:600;transition:background .2s,box-shadow .2s,transform .15s;display:flex}.task-detail-primary-btn:hover{background:var(--btn-primary-bg-hover);box-shadow:var(--btn-primary-shadow-hover)}.task-detail-primary-btn:active{transform:scale(.98)}.task-detail-hint{text-align:center;color:#64748be0;border-top:1px solid #ffffff80;margin:0;padding-top:.75rem;font-size:.875rem;line-height:1.5}.task-detail-completed{text-align:center;border-top:1px solid #ffffff80;padding-top:.75rem}.task-detail-completed__icon{color:#059669;margin:0 auto .625rem}.task-detail-completed__text{color:#047857;margin:0;font-size:1rem;font-weight:700}.dark .task-detail-back{color:#cbd5e1eb;background:#1e26309e;border-color:#ffffff1a}.dark .task-detail-back:hover{color:#e8edf2;background:#242c36b8}.dark .task-detail-art-card,.dark .task-detail-panel{background:#1e2630ad;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff0f,0 10px 32px #0000002e}.dark .task-detail-art-card:before{background:linear-gradient(155deg,#ffffff0f 0%,#0000 52%)}.dark .task-detail-panel--accent{background:#1d4ed82e;border-color:#60a5fa38}.dark .task-detail-art-card__title,.dark .task-detail-panel__title{color:#e8edf2}.dark .task-detail-art-card__meta,.dark .task-detail-panel__text,.dark .task-detail-requirement-item,.dark .task-detail-hint{color:#cbd5e1e0}.dark .task-detail-progress{border-top-color:#ffffff14}.dark .task-detail-deadline-chip{color:#bfdbfe;background:#2563eb38;border-color:#60a5fa47}.dark .task-detail-hint,.dark .task-detail-completed{border-top-color:#ffffff14}.dark .task-detail-progress__item{color:#cbd5e1e0}.dark .task-detail-progress__item--success,.dark .task-detail-completed__text,.dark .task-detail-completed__icon{color:#34d399}@supports (-webkit-touch-callout:none){.task-detail-back,.task-detail-art-card,.task-detail-panel,.task-detail-deadline-chip{-webkit-backdrop-filter:none;backdrop-filter:none}.task-detail-back{background:#fffffff0}.task-detail-art-card{background:#fffffff5}.task-detail-panel{background:#fffffff0}.task-detail-panel--accent{background:#dbeafeeb}.dark .task-detail-back,.dark .task-detail-art-card,.dark .task-detail-panel{background:#1a2129f5}.dark .task-detail-panel--accent{background:#1d4ed847}}.appreciate-shell{flex-direction:column;width:100%;max-width:100%;height:calc(100dvh - 3.5rem);min-height:0;display:flex;overflow:hidden}.appreciate-toolbar{-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);background:#ffffff73;border-bottom:1px solid #ffffff59;flex-shrink:0;grid-template-rows:auto auto;grid-template-columns:2.25rem 1fr;align-items:start;gap:.5rem .625rem;padding:.625rem .75rem;display:grid}@media (width>=1024px){.appreciate-toolbar{flex-direction:row;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}}.dark .appreciate-toolbar{background:#1a21296b;border-bottom-color:#ffffff14}.appreciate-toolbar__back{width:2.25rem;height:2.25rem;color:var(--color-ink-muted);cursor:pointer;background:#ffffff8c;border:1px solid #e2e8f0cc;border-radius:.625rem;flex-shrink:0;grid-area:1/1;justify-content:center;align-items:center;display:inline-flex}.dark .appreciate-toolbar__back{background:#242c369e;border-color:#ffffff1f}.appreciate-toolbar__back-label{display:none}@media (width>=1024px){.appreciate-toolbar__back{background:0 0;border:none;gap:.375rem;width:auto;height:auto;padding:.25rem 0;font-size:.875rem;font-weight:500}.appreciate-toolbar__back-label{display:inline}}.appreciate-toolbar__title{grid-area:1/2;min-width:0}@media (width>=1024px){.appreciate-toolbar__title{text-align:center;flex:1}}.appreciate-toolbar__title h1{color:var(--color-ink);word-break:break-word;margin:0;font-size:.9375rem;font-weight:600;line-height:1.35}.appreciate-toolbar__title p{color:var(--color-ink-muted);word-break:break-word;margin:.2rem 0 0;font-size:.75rem;line-height:1.4}@media (width>=1024px){.appreciate-toolbar__title h1{text-overflow:ellipsis;white-space:nowrap;word-break:normal;font-size:1rem;overflow:hidden}.appreciate-toolbar__title p{text-overflow:ellipsis;white-space:nowrap;word-break:normal;overflow:hidden}}.appreciate-toolbar__actions{flex-shrink:0;grid-area:2/2;display:flex}@media (width>=1024px){.appreciate-toolbar__actions{grid-area:auto;justify-content:flex-end;min-width:7.5rem}}.appreciate-toolbar__summary-btn{border:1px solid var(--btn-primary-border);background:var(--btn-primary-bg);width:100%;color:var(--btn-primary-ink);white-space:nowrap;cursor:pointer;box-shadow:var(--btn-primary-shadow);border-radius:.75rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;transition:background .2s,box-shadow .2s,transform .15s}.appreciate-toolbar__summary-btn:hover{background:var(--btn-primary-bg-hover);box-shadow:var(--btn-primary-shadow-hover)}.appreciate-toolbar__summary-btn:active{transform:scale(.98)}@media (width>=1024px){.appreciate-toolbar__summary-btn{border-radius:.75rem;width:auto;padding:.5rem 1rem;font-size:.875rem}}.appreciate-stage{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}@media (width>=1024px){.appreciate-stage{flex-direction:row}}.appreciate-canvas{border-bottom:1px solid #ffffff59;flex:none;justify-content:center;align-items:center;height:clamp(12rem,38dvh,20rem);min-height:0;padding:.5rem .625rem;display:flex;position:relative;overflow:hidden}@media (width<=767px){.appreciate-toolbar{grid-template-rows:auto;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.5rem .625rem}.appreciate-toolbar__back{width:2rem;height:2rem}.appreciate-toolbar__title{grid-area:1/2}.appreciate-toolbar__title h1,.appreciate-toolbar__title p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.appreciate-toolbar__actions{grid-area:1/3}.appreciate-toolbar__summary-btn{border-radius:.625rem;width:auto;padding:.4rem .625rem;font-size:.75rem}.appreciate-canvas,.appreciate-canvas--panorama{height:clamp(9rem,28dvh,14rem)}.appreciate-canvas__tool-btn{border-radius:.625rem;width:2rem;height:2rem}}@media (width>=768px) and (width<=1023px){.appreciate-stage{grid-template-rows:minmax(12rem,44%) minmax(0,1fr);display:grid}.appreciate-toolbar{flex-direction:row;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.appreciate-toolbar__back{grid-area:auto}.appreciate-toolbar__title{text-align:center;flex:1;grid-area:auto}.appreciate-toolbar__actions{grid-area:auto}.appreciate-toolbar__summary-btn{width:auto;padding:.5rem .875rem}.appreciate-canvas{width:100%;height:auto;padding:.75rem 1rem}.appreciate-canvas--panorama{height:auto}.appreciate-chat{width:100%;min-height:0}}@media (width>=1024px){.appreciate-canvas{border-bottom:none;flex:1;height:auto;padding:1.25rem 1.5rem}.appreciate-canvas--panorama{min-height:0}.appreciate-canvas__viewport--panorama{justify-content:center}}.dark .appreciate-canvas{border-bottom-color:#ffffff14}.appreciate-canvas__tools{z-index:10;flex-direction:column;gap:.375rem;display:flex;position:absolute;top:.625rem;right:.625rem}@media (width>=1024px){.appreciate-canvas__tools{gap:.5rem;top:1rem;right:1rem}}.appreciate-canvas__tool-btn{-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);cursor:pointer;background:#ffffff85;border:1px solid #ffffffb8;border-radius:.75rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:background .2s,box-shadow .2s;display:flex;box-shadow:inset 0 1px #ffffffeb,0 4px 14px #0f172a0f}.appreciate-canvas__tool-btn:hover{background:#ffffffad;box-shadow:inset 0 1px #fffffff2,0 6px 18px #0f172a14}.dark .appreciate-canvas__tool-btn{background:#242c369e;border-color:#ffffff24;box-shadow:inset 0 1px #ffffff14,0 4px 14px #00000047}.dark .appreciate-canvas__tool-btn:hover{background:#2d3640c7;box-shadow:inset 0 1px #ffffff1a,0 6px 18px #00000057}@media (width>=1024px){.appreciate-canvas__tool-btn{border-radius:.75rem;width:2.5rem;height:2.5rem}}.appreciate-canvas__viewport{-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:auto}.appreciate-canvas__viewport--panorama{justify-content:flex-start}.appreciate-canvas__frame{background:#fff;flex-shrink:0;position:relative;box-shadow:0 8px 28px #0f172a1a}.appreciate-canvas__frame--panorama{max-width:none}.dark .appreciate-canvas__frame{background:#1a2129}.appreciate-canvas__frame img{-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.appreciate-canvas__thumb{filter:blur(10px);clip-path:inset(0);pointer-events:none;position:absolute;inset:0}.appreciate-canvas__zoom-label{color:var(--color-ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff85;border:1px solid #ffffffb8;border-radius:.5rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;position:absolute;bottom:.625rem;left:.625rem;box-shadow:inset 0 1px #ffffffe6,0 2px 8px #0f172a0f}.dark .appreciate-canvas__zoom-label{background:#242c36b8;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff0f,0 2px 8px #0000004d}.appreciate-chat{-webkit-backdrop-filter:blur(28px)saturate(165%);backdrop-filter:blur(28px)saturate(165%);background:#ffffff61;flex-direction:column;flex:1;min-height:0;display:flex}@media (width>=1024px){.appreciate-chat{border-left:1px solid #ffffff73;flex:0 0 clamp(18rem,34vw,26rem);width:clamp(18rem,34vw,26rem);min-width:18rem}}.dark .appreciate-chat{background:#1a21297a;border-color:#ffffff14}.appreciate-chat__messages{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:.75rem;overflow-y:auto}@media (width>=1024px){.appreciate-chat__messages{padding:1rem 1.25rem}}.appreciate-message{flex-direction:column;align-items:flex-start;gap:.375rem;margin-bottom:.875rem;display:flex}.appreciate-message--student{align-items:flex-end}@media (width>=1024px){.appreciate-message{flex-direction:row;align-items:flex-start;gap:.625rem;margin-bottom:1rem}.appreciate-message--student{flex-direction:row-reverse;align-items:flex-start}}.appreciate-message__meta{align-items:center;gap:.5rem;display:flex}.appreciate-message--student .appreciate-message__meta{flex-direction:row-reverse}.appreciate-message__avatar{width:1.75rem!important;height:1.75rem!important}@media (width>=1024px){.appreciate-message__avatar{width:2.5rem!important;height:2.5rem!important}}.appreciate-message__sender{color:var(--color-ink-muted);margin:0;font-size:.6875rem;font-weight:600}.appreciate-message__body{width:100%;min-width:0}.appreciate-message--student .appreciate-message__body{text-align:right}@media (width>=1024px){.appreciate-message__body{flex:1;width:auto}}.appreciate-message__bubble{box-sizing:border-box;text-align:left;word-break:break-word;border-radius:.875rem;width:100%;padding:.625rem .875rem;font-size:.875rem;line-height:1.55;display:block}@media (width>=1024px){.appreciate-message__bubble{width:auto;max-width:92%;display:inline-block}}.appreciate-message__bubble--student{color:#1e3a8a;-webkit-backdrop-filter:blur(14px)saturate(155%);backdrop-filter:blur(14px)saturate(155%);background:#dbeafe94;border:1px solid #bae6fdad;box-shadow:inset 0 1px #ffffffe0,0 4px 14px #93c5fd1f}.appreciate-message__bubble--ai{color:#0f172a;-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);background:#ffffff85;border:1px solid #ffffffb8;box-shadow:inset 0 1px #ffffffeb,0 4px 14px #0f172a0a}.dark .appreciate-message__bubble--student{color:#bfdbfe;background:#2563eb38;border-color:#60a5fa47;box-shadow:inset 0 1px #ffffff0f,0 4px 14px #0f172a33}.dark .appreciate-message__bubble--ai{color:#e8edf2;background:#242c368c;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff0f,0 4px 14px #0f172a2e}.appreciate-message__time{color:var(--color-ink-muted);margin:.25rem 0 0;font-size:.6875rem}.appreciate-message__typing{align-items:flex-start;gap:.5rem;margin-bottom:.875rem;display:flex}@media (width>=1024px){.appreciate-message__typing{gap:.625rem;margin-bottom:1rem}}.appreciate-message__typing-bubble{-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);background:#ffffff85;border:1px solid #ffffffb8;border-radius:.875rem;padding:.75rem 1rem;box-shadow:inset 0 1px #ffffffeb,0 4px 14px #0f172a0a}.dark .appreciate-message__typing-bubble{background:#242c368c;border-color:#ffffff1a}.appreciate-message__typing-dots{gap:.375rem;display:flex}.appreciate-message__typing-dots span{background:#1d4ed8a6;border-radius:9999px;width:.375rem;height:.375rem;animation:1s ease-in-out infinite appreciate-bounce}.appreciate-message__typing-dots span:nth-child(2){animation-delay:.15s}.appreciate-message__typing-dots span:nth-child(3){animation-delay:.3s}@keyframes appreciate-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.appreciate-chat__composer{padding:.75rem .875rem calc(.75rem + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(24px)saturate(165%);backdrop-filter:blur(24px)saturate(165%);background:#ffffff6b;border-top:1px solid #ffffff73;flex-shrink:0}.dark .appreciate-chat__composer{background:#141a217a;border-top-color:#ffffff14}.appreciate-chat__composer-row{align-items:flex-end;gap:.5rem;display:flex}.appreciate-chat__input-wrap{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff8c;border:1px solid #ffffffb8;border-radius:.875rem;flex:1;min-width:0;padding:0 .75rem;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 1px #ffffffe6}.appreciate-chat__input-wrap:focus-within{border-color:#93c5fdbf;box-shadow:inset 0 1px #fffffff2,0 0 0 3px #93c5fd2e}.dark .appreciate-chat__input-wrap{background:#242c368c;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff0a}.dark .appreciate-chat__input-wrap:focus-within{border-color:#60a5fa73;box-shadow:inset 0 1px #ffffff0f,0 0 0 3px #3b82f626}.appreciate-chat__input{width:100%;color:var(--color-ink);background:0 0;border:none;outline:none;padding:.5rem .25rem;font-size:.875rem}.appreciate-chat__input::placeholder{color:var(--color-ink-muted)}.appreciate-chat__icon-btn{cursor:pointer;border-radius:.875rem;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:background .2s,box-shadow .2s,transform .15s;display:flex}.appreciate-chat__icon-btn:disabled{opacity:.45;cursor:not-allowed}.appreciate-chat__icon-btn--mic{border:1px solid var(--btn-primary-border);background:var(--btn-primary-bg);color:var(--btn-primary-ink);box-shadow:var(--btn-primary-shadow)}.appreciate-chat__icon-btn--mic:not(:disabled):hover{background:var(--btn-primary-bg-hover);box-shadow:var(--btn-primary-shadow-hover)}.appreciate-chat__icon-btn--send{border:1px solid var(--btn-glass-border);background:var(--btn-glass-bg);color:var(--btn-glass-ink);box-shadow:var(--btn-glass-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.appreciate-chat__icon-btn--send:not(:disabled):hover{background:var(--btn-glass-bg-hover)}.appreciate-chat__icon-btn--send:not(:disabled):active,.appreciate-chat__icon-btn--mic:not(:disabled):active{transform:scale(.96)}.appreciate-chat__icon-btn--recording{color:#fff;background:linear-gradient(#ef4444 0%,#dc2626 100%);border-color:#fca5a580;animation:1.2s ease-in-out infinite appreciate-pulse}.appreciate-chat__icon-btn--transcribing{color:#fff;cursor:wait;background:linear-gradient(#f59e0b 0%,#d97706 100%);border-color:#fde68a80}@keyframes appreciate-pulse{0%,to{opacity:1}50%{opacity:.75}}.appreciate-realtime{-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);background:#ffffff7a;border:1px solid #ffffffb8;border-radius:1rem;margin-bottom:.75rem;padding:.875rem;box-shadow:inset 0 1px #ffffffe6}.appreciate-realtime--available{background:#ffffff8f;border-color:#ffffffc7}.appreciate-realtime--connected{border-color:var(--btn-primary-border)}.appreciate-realtime__header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.appreciate-realtime__status{align-items:center;gap:.625rem;min-width:0;display:flex}.appreciate-realtime__status-icon{width:2.375rem;height:2.375rem;color:var(--btn-glass-ink);background:#ffffff9e;border:1px solid #ffffffbf;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.appreciate-realtime__status-icon--connected{color:var(--btn-primary-ink);background:var(--btn-primary-bg);border-color:var(--btn-primary-border)}.appreciate-realtime__status-icon--connecting{color:#fff;background:linear-gradient(#f59e0b 0%,#d97706 100%);border-color:#fde68a73}.appreciate-realtime__pulse{animation:1.2s ease-in-out infinite appreciate-pulse}.appreciate-realtime__spin{animation:.9s linear infinite appreciate-realtime-spin}@keyframes appreciate-realtime-spin{to{transform:rotate(360deg)}}.appreciate-realtime__status-text{min-width:0}.appreciate-realtime__status-title{color:#0f172a;margin:0;font-size:.8125rem;font-weight:600}.appreciate-realtime__status-subtitle{color:#64748be6;white-space:nowrap;text-overflow:ellipsis;margin:.125rem 0 0;font-size:.6875rem;overflow:hidden}.appreciate-realtime__controls{flex-shrink:0;align-items:center;gap:.375rem;display:flex}.appreciate-realtime__control-btn{color:#334155;cursor:pointer;background:#ffffff94;border:1px solid #ffffffb8;border-radius:.6875rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:background .2s,box-shadow .2s;display:flex}.appreciate-realtime__control-btn:hover:not(:disabled){background:#ffffffc7}.appreciate-realtime__control-btn:disabled{opacity:.45;cursor:not-allowed}.appreciate-realtime__start-btn{border:1px solid var(--btn-primary-border);background:var(--btn-primary-bg);min-height:2.25rem;color:var(--btn-primary-ink);white-space:nowrap;cursor:pointer;box-shadow:var(--btn-primary-shadow);border-radius:.6875rem;justify-content:center;align-items:center;gap:.375rem;padding:.45rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.appreciate-realtime__start-btn:hover:not(:disabled){background:var(--btn-primary-bg-hover)}.appreciate-realtime__start-btn:disabled{opacity:.6;cursor:wait}.appreciate-realtime__control-btn--muted,.appreciate-realtime__control-btn--end{color:var(--btn-glass-ink);border-color:var(--btn-glass-border);background:var(--btn-glass-bg)}.appreciate-realtime__control-btn--primary{color:var(--btn-primary-ink);border-color:var(--btn-primary-border);background:var(--btn-primary-bg)}.appreciate-realtime__control-btn--danger{color:#dc2626;background:#fef2f2b8;border-color:#fecacaa6}.appreciate-realtime__error{color:#dc2626;margin:.625rem 0 0;font-size:.75rem}.appreciate-realtime__settings{grid-template-columns:1fr 1fr;gap:.625rem;margin-top:.875rem;display:grid}.appreciate-realtime__field{color:#475569eb;flex-direction:column;gap:.375rem;font-size:.75rem;display:flex}.appreciate-realtime__field--full{grid-column:1/-1}.appreciate-realtime__select{color:#0f172a;background:#ffffffb8;border:1px solid #ffffffb8;border-radius:.6875rem;width:100%;padding:.5rem .625rem;font-size:.8125rem}.appreciate-realtime__range{width:100%;accent-color:var(--color-primary)}.appreciate-realtime__mode-toggle{background:#ffffff8c;border:1px solid #ffffffb8;border-radius:.75rem;grid-template-columns:1fr 1fr;gap:.375rem;padding:.25rem;display:grid}.appreciate-realtime__mode-btn{color:#475569eb;cursor:pointer;background:0 0;border:none;border-radius:.5625rem;padding:.5rem .625rem;font-size:.8125rem;font-weight:600}.appreciate-realtime__mode-btn.is-active{color:var(--btn-primary-ink);background:var(--btn-primary-bg);border:none;box-shadow:0 2px 8px #0f172a29}.appreciate-realtime__checkbox-row{background:#ffffff9e;border:1px solid #ffffffb8;border-radius:.75rem;flex-direction:row;justify-content:space-between;align-items:center;padding:.625rem .75rem}.appreciate-realtime__checkbox-label{align-items:center;gap:.375rem;display:inline-flex}.appreciate-realtime__apply-btn{border:1px solid var(--btn-primary-border);background:var(--btn-primary-bg);color:var(--btn-primary-ink);cursor:pointer;box-shadow:var(--btn-primary-shadow);border-radius:.75rem;padding:.625rem .875rem;font-size:.8125rem;font-weight:600;transition:background .2s,transform .15s}.appreciate-realtime__apply-btn:hover{background:var(--btn-primary-bg-hover)}.appreciate-realtime__apply-btn:active{transform:scale(.98)}.appreciate-realtime__talk-btn{border:1px solid var(--btn-primary-border);background:var(--btn-primary-bg);width:100%;color:var(--btn-primary-ink);cursor:pointer;box-shadow:var(--btn-primary-shadow);border-radius:.875rem;justify-content:center;align-items:center;gap:.75rem;margin-top:.75rem;padding:.875rem 1rem;transition:transform .15s,box-shadow .2s;display:flex}.appreciate-realtime__talk-btn.is-active{box-shadow:var(--btn-primary-shadow-hover);transform:scale(1.01)}.appreciate-realtime__talk-btn.is-muted{color:#fff;background:linear-gradient(#64748b 0%,#475569 100%);border-color:#94a3b873}.appreciate-realtime__talk-btn:disabled{opacity:.7;cursor:wait}.appreciate-realtime__talk-icon{background:#7f8ca03d;border-radius:9999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.appreciate-realtime__talk-btn.is-active .appreciate-realtime__talk-icon{animation:1.2s ease-in-out infinite appreciate-pulse}.appreciate-realtime__talk-copy{flex-direction:column;align-items:flex-start;line-height:1.3;display:flex}.appreciate-realtime__talk-title{font-size:.9375rem;font-weight:700}.appreciate-realtime__talk-subtitle{opacity:.85;font-size:.75rem}@media (width<=480px){.appreciate-chat__messages{padding:.625rem}.appreciate-chat__composer{padding:.5rem .625rem calc(.5rem + env(safe-area-inset-bottom,0px))}.appreciate-chat__icon-btn{border-radius:.75rem;width:2.375rem;height:2.375rem}.appreciate-realtime{border-radius:.875rem;margin-bottom:.5rem;padding:.625rem}.appreciate-realtime__header{gap:.375rem}.appreciate-realtime__status{gap:0}.appreciate-realtime__status-icon{display:none}.appreciate-realtime__status-title{font-size:.75rem}.appreciate-realtime__status-subtitle{max-width:7.75rem;font-size:.625rem}.appreciate-realtime__controls{gap:.25rem}.appreciate-realtime__control-btn{border-radius:.625rem;width:2rem;height:2rem}.appreciate-realtime__settings{grid-template-columns:1fr;gap:.5rem;margin-top:.625rem}.appreciate-realtime__field--full{grid-column:1}.appreciate-realtime__talk-btn{border-radius:.75rem;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem}.appreciate-realtime__talk-icon{width:2rem;height:2rem}.appreciate-realtime__talk-title{font-size:.8125rem}.appreciate-realtime__talk-subtitle{display:none}}.dark .appreciate-realtime{background:#1e26309e;border-color:#ffffff1a}.dark .appreciate-realtime__status-title{color:#e8edf2}.dark .appreciate-realtime__status-subtitle,.dark .appreciate-realtime__field{color:#cbd5e1e0}.dark .appreciate-realtime__control-btn,.dark .appreciate-realtime__select,.dark .appreciate-realtime__checkbox-row,.dark .appreciate-realtime__mode-toggle{color:#e8edf2;background:#242c36b8;border-color:#ffffff1a}.dark .appreciate-realtime__mode-btn{color:#cbd5e1e0}.dark .appreciate-realtime__mode-btn.is-active{color:var(--btn-primary-ink)}.dark .appreciate-realtime__status-icon{color:var(--btn-glass-ink);background:#242c36b8;border-color:#ffffff1f}.dark .appreciate-realtime__status-icon--connecting{color:#fff}.dark .appreciate-realtime__error{color:#f87171}.dark .appreciate-realtime__control-btn--muted,.dark .appreciate-realtime__control-btn--end{color:var(--btn-glass-ink);background:var(--btn-glass-bg);border-color:var(--btn-glass-border)}.dark .appreciate-realtime__control-btn--danger{color:#f87171;background:#dc26262e;border-color:#f871714d}.dark .appreciate-realtime--available{background:#1e26309e;border-color:#ffffff1f}@supports (-webkit-touch-callout:none){.appreciate-toolbar,.appreciate-chat,.appreciate-chat__composer{-webkit-backdrop-filter:none;backdrop-filter:none}.appreciate-toolbar,.appreciate-chat{background:#fffffff0}.appreciate-message__bubble--student,.appreciate-message__bubble--ai,.appreciate-message__typing-bubble,.appreciate-chat__input-wrap,.appreciate-chat__icon-btn--send,.appreciate-canvas__tool-btn{-webkit-backdrop-filter:none;backdrop-filter:none}.appreciate-message__bubble--student{background:#dbeafeeb}.appreciate-message__bubble--ai,.appreciate-message__typing-bubble{background:#fffffff5}.appreciate-chat__composer{background:#ffffffeb}.appreciate-chat__input-wrap,.appreciate-chat__icon-btn--send{background:#fffffff5}.appreciate-realtime,.appreciate-realtime__select,.appreciate-realtime__control-btn,.appreciate-realtime__checkbox-row,.appreciate-realtime__mode-toggle{-webkit-backdrop-filter:none;backdrop-filter:none}.appreciate-realtime,.appreciate-realtime--available{background:#fffffff0}.dark .appreciate-toolbar{background:#1a2129f5}.dark .appreciate-chat{background:#1a2129f7}.dark .appreciate-chat__composer{background:#141a21f5}.dark .appreciate-message__bubble--student{background:#2563eb4d}.dark .appreciate-message__bubble--ai,.dark .appreciate-message__typing-bubble,.dark .appreciate-chat__input-wrap,.dark .appreciate-chat__icon-btn--send{background:#242c36f5}.dark .appreciate-realtime,.dark .appreciate-realtime--available{background:#1e2630f5}}.archive-page{box-sizing:border-box;background:0 0;min-height:calc(100dvh - 3.5rem);padding-top:0;position:relative;overflow-x:hidden}.archive-page>*{z-index:1;position:relative}.archive-cover{-webkit-backdrop-filter:blur(28px)saturate(165%);backdrop-filter:blur(28px)saturate(165%);background:#ffffff5c;border:1px solid #ffffffa6;border-radius:1.5rem;margin-bottom:0;padding:2rem 2rem 1.625rem;position:relative;box-shadow:inset 0 1px #ffffffe6,0 10px 36px #0f172a0a}.archive-cover__inner{min-width:0}.archive-cover__title-row{align-items:center;gap:.75rem;margin-bottom:.625rem;display:flex}.archive-cover__icon{color:#3b82f6bf;background:#dbeafe59;border:1px solid #bae6fd73;border-radius:.875rem;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex;box-shadow:inset 0 1px #ffffffe0}.archive-cover__title{letter-spacing:-.025em;color:var(--color-ink,#1e293b);margin:0;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:600;line-height:1.15}.archive-cover__subtitle{color:#64748be0;max-width:26rem;margin:0;font-size:.9375rem;font-weight:400;line-height:1.55}.archive-section{box-sizing:border-box;-webkit-backdrop-filter:blur(28px)saturate(165%);backdrop-filter:blur(28px)saturate(165%);background:#ffffff5c;border:1px solid #ffffffa6;border-radius:1.5rem;width:100%;min-width:0;padding:1.375rem 1.5rem 1.5rem;position:relative;box-shadow:inset 0 1px #ffffffe6,0 10px 36px #0f172a0a}.archive-section--overview{padding:1.125rem .75rem 1.25rem}@media (width>=640px){.archive-section--overview{padding:1.75rem 1.625rem 2rem}}.archive-section__header--overview{border-bottom:none;justify-content:center;margin-bottom:.875rem;padding-bottom:0}@media (width>=640px){.archive-section__header--overview{margin-bottom:1.5rem}}.archive-section__header--overview h2{letter-spacing:.02em;color:#334155;margin:0;font-size:1.0625rem;font-weight:600}.archive-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:100%;min-width:0;display:grid}@media (width>=640px){.archive-overview-grid{gap:1.125rem}}@media (width>=768px){.archive-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}}@media (width>=1024px){.archive-overview-grid{gap:1.5rem}}.archive-stat-card{text-align:center;-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:#ffffffad;border:1px solid #ffffffb8;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;width:100%;min-width:0;min-height:6.75rem;padding:.625rem .25rem .75rem;transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out;display:flex;box-shadow:inset 0 1px #ffffffeb,0 6px 24px #0f172a0b}@media (width>=640px){.archive-stat-card{border-radius:1.25rem;gap:.375rem;min-height:10.5rem;padding:1rem .75rem 1.125rem}}@media (width>=768px){.archive-stat-card{border-radius:1.5rem;gap:.5rem;min-height:12.75rem;padding:1.375rem 1.125rem 1.5rem}}.archive-stat-card:hover{border-color:#ffffffd1;transform:translateY(-2px);box-shadow:inset 0 1px #fffffff2,0 10px 28px #0f172a0f}.archive-stat-card__icon{border:1px solid #ffffff8c;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;margin-bottom:.125rem;display:flex;box-shadow:inset 0 1px #ffffffe0}.archive-stat-card__icon svg{width:1rem;height:1rem}@media (width>=640px){.archive-stat-card__icon{border-radius:.875rem;width:2.75rem;height:2.75rem;margin-bottom:.25rem}.archive-stat-card__icon svg{width:1.25rem;height:1.25rem}}@media (width>=768px){.archive-stat-card__icon{border-radius:1rem;width:3.5rem;height:3.5rem;margin-bottom:.5rem}.archive-stat-card__icon svg{width:1.5rem;height:1.5rem}}.archive-stat-card__icon--blue{color:#3b82f6a6;background:#dbeafe47;border-color:#bae6fd52}.archive-stat-card__icon--green{color:#10b981a6;background:#d1fae547;border-color:#a7f3d052}.archive-stat-card__icon--amber{color:#f59e0ba6;background:#fef3c747;border-color:#fde68a52}.archive-stat-card__icon--pink{color:#ec48999e;background:#fce7f347;border-color:#fbcfe852}.archive-stat-card__icon--slate{color:#64748bb8;background:#f1f5f95c;border-color:#e2e8f073}.archive-stat-card__value{letter-spacing:-.03em;color:#1e293b;font-variant-numeric:tabular-nums;font-size:1.125rem;font-weight:700;line-height:1.15}@media (width>=640px){.archive-stat-card__value{font-size:1.5rem}}@media (width>=768px){.archive-stat-card__value{font-size:2rem}}.archive-stat-card__label{color:#475569;max-width:none;padding:0;font-size:.625rem;font-weight:600;line-height:1.3}@media (width>=640px){.archive-stat-card__label{padding:0 .25rem;font-size:.75rem;line-height:1.4}}@media (width>=768px){.archive-stat-card__label{max-width:10.5rem;padding:0 .375rem;font-size:.875rem;line-height:1.45}}.archive-section__header{border-bottom:1px solid #ffffff73;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.125rem;padding-bottom:.875rem;display:flex}.archive-section__header--split{flex-wrap:wrap}.archive-section__header h2{color:#475569;letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:600}.archive-works-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.archive-works-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.archive-works-grid{grid-template-columns:repeat(3,1fr)}}.archive-work-card{cursor:pointer;-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);background:#ffffff70;border:1px solid #ffffffad;border-radius:1.25rem;transition:transform .2s ease-out,box-shadow .2s ease-out;overflow:hidden;box-shadow:inset 0 1px #ffffffeb,0 4px 18px #0f172a09}.archive-work-card:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fffffff2,0 12px 32px #0f172a12}.archive-work-card__media{aspect-ratio:4/3;background:#e2e8f059;position:relative;overflow:hidden}.archive-work-card__media img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .45s ease-out}.archive-work-card:hover .archive-work-card__media img{transform:scale(1.04)}.archive-work-card__overlay{pointer-events:none;background:linear-gradient(#0000 45%,#0f172a8c 100%);position:absolute;inset:0}.archive-work-card__badge{color:#fff;background:#10b981e0;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;display:inline-flex;position:absolute;top:.75rem;right:.75rem;box-shadow:0 2px 8px #0f172a1f}.archive-work-card__caption{z-index:1;padding:.875rem 1rem;position:absolute;bottom:0;left:0;right:0}.archive-work-card__title{color:#fff;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0 0 .125rem;font-size:.9375rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.archive-work-card__artist{color:#ffffffd9;margin:0;font-size:.75rem;line-height:1.35}.archive-work-card__footer{justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1rem 1rem;display:flex}.archive-work-card__meta{color:#64748be6;margin:0;font-size:.75rem;line-height:1.4}.archive-work-card__action{color:#3b82f6d9;white-space:nowrap;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;display:inline-flex}.archive-achievements-grid{grid-template-columns:repeat(2,1fr);gap:.875rem;display:grid}@media (width>=768px){.archive-achievements-grid{grid-template-columns:repeat(4,1fr)}}.archive-achievement-card{text-align:center;-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);background:#ffffff70;border:1px solid #ffffffad;border-radius:1.25rem;flex-direction:column;align-items:center;gap:.375rem;padding:1.25rem 1rem;transition:transform .2s ease-out,box-shadow .2s ease-out;display:flex;position:relative;box-shadow:inset 0 1px #ffffffeb,0 4px 18px #0f172a09}.archive-achievement-card:hover{transform:translateY(-2px)}.archive-achievement-card--locked{opacity:.55}.archive-achievement-card--locked:hover{transform:none}.archive-achievement-card__badge{margin-bottom:.25rem}.archive-achievement-card__title{color:#334155;margin:0;font-size:.875rem;font-weight:600}.archive-achievement-card__hint{color:#64748bd1;margin:0;font-size:.75rem;line-height:1.4}.archive-achievement-card__lock{color:#64748b73;position:absolute;top:.625rem;right:.625rem}.archive-achievements-hint{text-align:center;color:#64748bd9;margin:.875rem 0 0;font-size:.8125rem;line-height:1.5}.archive-timeline{flex-direction:column;gap:0;display:flex}.archive-timeline-item{grid-template-columns:2.25rem 1fr;gap:.875rem;padding-bottom:1.125rem;display:grid;position:relative}.archive-timeline-item:last-child{padding-bottom:0}.archive-timeline-item__line{background:linear-gradient(#94a3b859,#94a3b814);width:1px;position:absolute;top:2rem;bottom:0;left:1.0625rem}.archive-timeline-item__node{background:#ffffff8c;border:1px solid #ffffffb8;border-radius:.75rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;margin-top:.375rem;display:flex;box-shadow:inset 0 1px #ffffffe6}.archive-record-card{cursor:pointer;-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);background:#ffffff70;border:1px solid #ffffffad;border-radius:1.125rem;align-items:stretch;gap:.875rem;min-width:0;padding:.875rem 1rem;transition:transform .2s ease-out,box-shadow .2s ease-out;display:flex;box-shadow:inset 0 1px #ffffffeb,0 4px 18px #0f172a09}.archive-record-card:hover{transform:translateY(-1px);box-shadow:inset 0 1px #fffffff2,0 10px 28px #0f172a0f}.archive-record-card__body{flex:1;min-width:0}.archive-record-card__tag{letter-spacing:.02em;color:#475569d9;background:#f8fafca6;border:1px solid #e2e8f08c;border-radius:9999px;margin-bottom:.375rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-block}.archive-record-card__tag--done{color:#059669e6;background:#d1fae573;border-color:#a7f3d073}.archive-record-card__time{color:#64748bd1;margin:0 0 .375rem;font-size:.6875rem}.archive-record-card__task{color:#334155;margin:0 0 .25rem;font-size:.875rem;font-weight:600;line-height:1.35}.archive-record-card__artwork{color:#64748be0;margin:0;font-size:.75rem;line-height:1.4}.archive-record-card__detail{color:#64748bc7;margin:.375rem 0 0;font-size:.75rem}.archive-record-card__thumb{border:1px solid #ffffffa6;border-radius:.625rem;flex-shrink:0;width:3.5rem;height:3.5rem;overflow:hidden;box-shadow:0 2px 8px #0f172a0f}.archive-record-card__thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.archive-empty{text-align:center;background:#ffffff52;border:1px dashed #94a3b847;border-radius:1.125rem;padding:2rem 1.25rem}.archive-empty--compact{padding:1.5rem 1rem}.archive-empty__icon{color:#64748ba6;background:#f8fafc8c;border:1px solid #e2e8f08c;border-radius:1rem;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin:0 auto .875rem;display:flex}.archive-empty__title{color:#334155;margin:0 0 .375rem;font-size:1rem;font-weight:600}.archive-empty__hint{color:#64748be0;max-width:22rem;margin:0 auto 1rem;font-size:.8125rem;line-height:1.5}.archive-empty__btn{color:#fff;background:var(--color-primary,#2563eb);cursor:pointer;border:none;border-radius:.75rem;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:background-color .15s,transform .15s;display:inline-flex;box-shadow:0 4px 14px #2563eb38}.archive-empty__btn:hover{background:var(--color-primary-hover,#1d4ed8)}.archive-select{color:#475569;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff8c;border:1px solid #ffffffb8;border-radius:.625rem;outline:none;padding:.375rem .75rem;font-size:.8125rem;font-weight:500}.dark .archive-page{background:0 0}.dark .archive-cover,.dark .archive-section,.dark .archive-stat-card,.dark .archive-achievement-card,.dark .archive-record-card,.dark .archive-work-card,.dark .archive-empty{background:#20242ab8;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0a,0 8px 28px #00000038}.dark .archive-cover__title,.dark .archive-record-card__task,.dark .archive-stat-card__value,.dark .archive-work-card__meta{color:#e2e8f0}.dark .archive-cover__subtitle,.dark .archive-section__header h2,.dark .archive-section__header--overview h2,.dark .archive-stat-card__label,.dark .archive-record-card__artwork,.dark .archive-achievement-card__hint{color:#cbd5e1eb}.dark .archive-timeline-item__node{background:#262b32d9;border-color:#ffffff14}.dark .archive-select{color:#e2e8f0;background:#20242ad9;border-color:#ffffff1a}.dark .archive-empty__title,.dark .archive-achievement-card__title{color:#e2e8f0}.dark .archive-empty__hint,.dark .archive-achievements-hint,.dark .archive-record-card__time,.dark .archive-record-card__detail{color:#94a3b8eb}.dark .archive-record-card__tag{color:#cbd5e1;background:#94a3b824;border-color:#94a3b840}.dark .archive-record-card__tag--done{color:#34d399;background:#05966929;border-color:#34d3994d}.dark .archive-record-card__thumb{border-color:#ffffff1a}
