@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap";:root{--hue: 220;--sat: 90%;color-scheme:dark;--font-scale: 1;--app-bg: radial-gradient(circle at 18% 16%, rgba(127, 172, 255, .3), transparent 46%), radial-gradient(circle at 85% 14%, rgba(148, 126, 255, .24), transparent 45%), linear-gradient(160deg, #0b1230 0%, #101b40 38%, #1a2754 100%);--app-bg-wave-a: radial-gradient(58% 52% at 16% 76%, rgba(99, 139, 255, .3) 0%, rgba(99, 139, 255, .08) 42%, transparent 74%);--app-bg-wave-b: radial-gradient(62% 50% at 86% 20%, rgba(124, 119, 255, .28) 0%, rgba(124, 119, 255, .08) 40%, transparent 72%);--bg-dark: #0b1220;--bg-card: rgba(18, 28, 46, .78);--bg-card-strong: rgba(12, 20, 34, .92);--bg-hover: rgba(60, 86, 125, .3);--bg-muted: rgba(20, 30, 48, .65);--primary: hsl(210, 90%, 60%);--primary-glow: hsla(210, 90%, 60%, .28);--text-main: #f3f6ff;--text-muted: #b7c1d4;--border: rgba(120, 145, 180, .35);--border-light: rgba(160, 185, 215, .55);--glass: rgba(18, 28, 46, .68);--glass-border: rgba(255, 255, 255, .16);--shadow-soft: 0 18px 40px rgba(7, 12, 20, .35);--shadow-strong: 0 28px 60px rgba(5, 10, 20, .45);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .08);--input-bg: rgba(15, 25, 42, .75);--input-border: rgba(120, 145, 180, .4);--input-placeholder: rgba(183, 193, 212, .7);--overlay-bg: rgba(6, 10, 18, .68);--overlay-strong: rgba(6, 10, 18, .82);--landing-text: #f8fafc;--landing-muted: rgba(248, 250, 252, .7);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--header-pill-height: 56px;--sidebar-toggle-width: 360px;--header-row-offset: 12px;--app-edge-padding: 24px;--app-header-top: 12px;--sidebar-float-gap: 12px}:root[data-theme=light]{color-scheme:light;--app-bg: radial-gradient(circle at 16% 16%, rgba(142, 190, 255, .46), transparent 48%), radial-gradient(circle at 86% 15%, rgba(199, 182, 255, .34), transparent 46%), linear-gradient(160deg, #edf4ff 0%, #e7eefb 44%, #dde8f8 100%);--app-bg-wave-a: radial-gradient(60% 52% at 14% 78%, rgba(121, 167, 255, .34) 0%, rgba(121, 167, 255, .08) 42%, transparent 74%);--app-bg-wave-b: radial-gradient(62% 50% at 85% 18%, rgba(159, 145, 255, .3) 0%, rgba(159, 145, 255, .08) 40%, transparent 72%);--bg-dark: #eef2f8;--bg-card: rgba(255, 255, 255, .88);--bg-card-strong: rgba(255, 255, 255, .95);--bg-hover: rgba(226, 236, 248, .85);--bg-muted: rgba(236, 242, 252, .92);--primary: hsl(212, 80%, 48%);--primary-glow: hsla(212, 80%, 48%, .24);--text-main: #1b2433;--text-muted: #5a677b;--border: rgba(171, 187, 209, .65);--border-light: rgba(190, 204, 224, .8);--glass: rgba(255, 255, 255, .82);--glass-border: rgba(123, 144, 170, .2);--shadow-soft: 0 18px 40px rgba(15, 23, 42, .12);--shadow-strong: 0 28px 60px rgba(15, 23, 42, .16);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .7);--input-bg: rgba(255, 255, 255, .9);--input-border: rgba(150, 170, 198, .7);--input-placeholder: rgba(90, 103, 123, .65);--overlay-bg: rgba(240, 245, 255, .72);--overlay-strong: rgba(232, 238, 250, .88);--landing-text: #ffffff;--landing-muted: rgba(255, 255, 255, .8)}:root[data-theme=dark][data-bg-palette=aurora]{--app-bg: radial-gradient(circle at 16% 16%, rgba(53, 224, 184, .24), transparent 46%), radial-gradient(circle at 86% 14%, rgba(57, 189, 248, .24), transparent 44%), linear-gradient(160deg, #041a2a 0%, #082338 40%, #0f3550 100%);--app-bg-wave-a: radial-gradient(58% 52% at 14% 76%, rgba(20, 184, 166, .3) 0%, rgba(20, 184, 166, .08) 42%, transparent 74%);--app-bg-wave-b: radial-gradient(62% 50% at 84% 20%, rgba(14, 165, 233, .28) 0%, rgba(14, 165, 233, .08) 40%, transparent 72%)}:root[data-theme=dark][data-bg-palette=sunset]{--app-bg: radial-gradient(circle at 16% 15%, rgba(251, 146, 60, .22), transparent 46%), radial-gradient(circle at 87% 16%, rgba(244, 114, 182, .2), transparent 44%), linear-gradient(160deg, #2a0f14 0%, #321827 40%, #3c2141 100%);--app-bg-wave-a: radial-gradient(60% 52% at 15% 76%, rgba(251, 113, 133, .26) 0%, rgba(251, 113, 133, .08) 42%, transparent 74%);--app-bg-wave-b: radial-gradient(62% 50% at 86% 20%, rgba(245, 158, 11, .24) 0%, rgba(245, 158, 11, .08) 40%, transparent 72%)}:root[data-theme=dark][data-bg-palette=lavender]{--app-bg: radial-gradient(circle at 17% 16%, rgba(129, 140, 248, .26), transparent 46%), radial-gradient(circle at 86% 15%, rgba(168, 85, 247, .24), transparent 44%), linear-gradient(160deg, #1a1438 0%, #241b4a 40%, #332361 100%);--app-bg-wave-a: radial-gradient(60% 52% at 14% 76%, rgba(99, 102, 241, .3) 0%, rgba(99, 102, 241, .08) 42%, transparent 74%);--app-bg-wave-b: radial-gradient(62% 50% at 86% 20%, rgba(139, 92, 246, .28) 0%, rgba(139, 92, 246, .08) 40%, transparent 72%)}:root[data-theme=dark][data-bg-palette=rose]{--app-bg: radial-gradient(circle at 17% 15%, rgba(251, 113, 133, .24), transparent 46%), radial-gradient(circle at 86% 15%, rgba(168, 85, 247, .22), transparent 44%), linear-gradient(160deg, #2b1124 0%, #341735 40%, #43204b 100%);--app-bg-wave-a: radial-gradient(60% 52% at 14% 76%, rgba(244, 63, 94, .3) 0%, rgba(244, 63, 94, .08) 42%, transparent 74%);--app-bg-wave-b: radial-gradient(62% 50% at 86% 20%, rgba(236, 72, 153, .28) 0%, rgba(236, 72, 153, .08) 40%, transparent 72%)}:root[data-theme=dark][data-bg-palette=slate]{--app-bg: radial-gradient(circle at 17% 15%, rgba(148, 163, 184, .2), transparent 46%), radial-gradient(circle at 86% 15%, rgba(100, 116, 139, .18), transparent 44%), linear-gradient(160deg, #0d1522 0%, #142032 40%, #1a273d 100%);--app-bg-wave-a: radial-gradient(60% 52% at 14% 76%, rgba(100, 116, 139, .28) 0%, rgba(100, 116, 139, .08) 42%, transparent 74%);--app-bg-wave-b: radial-gradient(62% 50% at 86% 20%, rgba(71, 85, 105, .26) 0%, rgba(71, 85, 105, .08) 40%, transparent 72%)}:root[data-theme=light][data-bg-palette=aurora]{--app-bg: radial-gradient(circle at 16% 16%, rgba(94, 234, 212, .38), transparent 48%), radial-gradient(circle at 86% 15%, rgba(125, 211, 252, .34), transparent 46%), linear-gradient(160deg, #e6f8f6 0%, #e4f3fb 44%, #dbe8f6 100%);--app-bg-wave-a: radial-gradient(60% 52% at 14% 78%, rgba(45, 212, 191, .28) 0%, rgba(45, 212, 191, .08) 42%, transparent 74%);--app-bg-wave-b: radial-gradient(62% 50% at 84% 18%, rgba(56, 189, 248, .24) 0%, rgba(56, 189, 248, .08) 40%, transparent 72%)}:root[data-theme=light][data-bg-palette=sunset]{--app-bg: radial-gradient(circle at 16% 16%, rgba(251, 191, 36, .32), transparent 48%), radial-gradient(circle at 86% 15%, rgba(251, 113, 133, .28), transparent 46%), linear-gradient(160deg, #fff2e8 0%, #fbecef 44%, #f6e6f5 100%);--app-bg-wave-a: radial-gradient(60% 52% at 14% 78%, rgba(251, 146, 60, .28) 0%, rgba(251, 146, 60, .08) 42%, transparent 74%);--app-bg-wave-b: radial-gradient(62% 50% at 85% 18%, rgba(244, 114, 182, .24) 0%, rgba(244, 114, 182, .08) 40%, transparent 72%)}:root[data-theme=light][data-bg-palette=lavender]{--app-bg: radial-gradient(circle at 16% 16%, rgba(165, 180, 252, .38), transparent 48%), radial-gradient(circle at 86% 15%, rgba(216, 180, 254, .32), transparent 46%), linear-gradient(160deg, #f2f0ff 0%, #ede9ff 44%, #e8e7ff 100%);--app-bg-wave-a: radial-gradient(60% 52% at 14% 78%, rgba(129, 140, 248, .3) 0%, rgba(129, 140, 248, .08) 42%, transparent 74%);--app-bg-wave-b: radial-gradient(62% 50% at 86% 18%, rgba(168, 85, 247, .24) 0%, rgba(168, 85, 247, .08) 40%, transparent 72%)}:root[data-theme=light][data-bg-palette=rose]{--app-bg: radial-gradient(circle at 16% 16%, rgba(251, 113, 133, .32), transparent 48%), radial-gradient(circle at 86% 15%, rgba(244, 114, 182, .28), transparent 46%), linear-gradient(160deg, #ffeaf1 0%, #fbe9f5 44%, #f2e8fb 100%);--app-bg-wave-a: radial-gradient(60% 52% at 14% 78%, rgba(244, 63, 94, .28) 0%, rgba(244, 63, 94, .08) 42%, transparent 74%);--app-bg-wave-b: radial-gradient(62% 50% at 86% 18%, rgba(236, 72, 153, .24) 0%, rgba(236, 72, 153, .08) 40%, transparent 72%)}:root[data-theme=light][data-bg-palette=slate]{--app-bg: radial-gradient(circle at 16% 16%, rgba(148, 163, 184, .32), transparent 48%), radial-gradient(circle at 86% 15%, rgba(148, 163, 184, .22), transparent 46%), linear-gradient(160deg, #edf2f7 0%, #e5ebf3 44%, #dde4ee 100%);--app-bg-wave-a: radial-gradient(60% 52% at 14% 78%, rgba(148, 163, 184, .26) 0%, rgba(148, 163, 184, .08) 42%, transparent 74%);--app-bg-wave-b: radial-gradient(62% 50% at 86% 18%, rgba(100, 116, 139, .22) 0%, rgba(100, 116, 139, .08) 40%, transparent 72%)}:root[data-theme=sepia-light]{color-scheme:light;--app-bg: #fdf6e8;--bg-dark: #fdf6e8;--bg-card: #fbf0dc;--bg-card-strong: #f8e8ce;--bg-hover: #f5e0c0;--bg-muted: #f8e8ce;--primary: #9d2f2f;--primary-glow: rgba(157, 47, 47, .2);--text-main: #1a1a1a;--text-muted: #5c5c5c;--border: rgba(26, 26, 26, .15);--border-light: rgba(26, 26, 26, .25);--glass: rgba(253, 246, 232, .8);--glass-border: rgba(26, 26, 26, .1);--shadow-soft: none;--shadow-strong: none;--shadow-inset: none;--input-bg: #fbf0dc;--input-border: rgba(26, 26, 26, .2);--input-placeholder: rgba(92, 92, 92, .65);--overlay-bg: rgba(253, 246, 232, .9);--overlay-strong: rgba(251, 240, 220, .95);--landing-text: #1a1a1a;--landing-muted: rgba(26, 26, 26, .7);font-family:EB Garamond,serif}:root[data-theme=sepia-dark]{color-scheme:dark;--app-bg: #2a201d;--bg-dark: #2a201d;--bg-card: #3e2e28;--bg-card-strong: #4a3832;--bg-hover: #5a4842;--bg-muted: #4a3832;--primary: #e57373;--primary-glow: rgba(229, 115, 115, .2);--text-main: #e0d5d1;--text-muted: #b0a19a;--border: rgba(224, 213, 209, .15);--border-light: rgba(224, 213, 209, .25);--glass: rgba(42, 32, 29, .8);--glass-border: rgba(224, 213, 209, .1);--shadow-soft: none;--shadow-strong: none;--shadow-inset: none;--input-bg: #3e2e28;--input-border: rgba(224, 213, 209, .2);--input-placeholder: rgba(176, 161, 154, .65);--overlay-bg: rgba(20, 15, 13, .9);--overlay-strong: rgba(17, 12, 10, .95);--landing-text: #e0d5d1;--landing-muted: rgba(224, 213, 209, .7);font-family:EB Garamond,serif}html{font-size:calc(16px * var(--font-scale))}:is([data-theme=sepia-light],[data-theme=sepia-dark]) body{font-family:EB Garamond,serif;font-size:calc(19px * var(--font-scale));line-height:1.7}:is([data-theme=sepia-light],[data-theme=sepia-dark]) h1,:is([data-theme=sepia-light],[data-theme=sepia-dark]) h2,:is([data-theme=sepia-light],[data-theme=sepia-dark]) h3,:is([data-theme=sepia-light],[data-theme=sepia-dark]) h4,:is([data-theme=sepia-light],[data-theme=sepia-dark]) h5,:is([data-theme=sepia-light],[data-theme=sepia-dark]) h6{font-family:EB Garamond,serif;font-weight:600}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .prose-layout{max-width:720px;margin:0 auto;padding:2rem 1rem}:is([data-theme=sepia-light],[data-theme=sepia-dark]) img{border-radius:0!important;box-shadow:none!important;max-width:100%;height:auto}:is([data-theme=sepia-light]) img{filter:sepia(30%) contrast(95%)}:is([data-theme=sepia-dark]) img{filter:sepia(40%) contrast(90%) brightness(90%)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) hr{border:none;border-top:1px solid var(--border);margin:2rem 0}:is([data-theme=sepia-light],[data-theme=sepia-dark]) a{color:var(--primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-bottom-color .2s ease}:is([data-theme=sepia-light],[data-theme=sepia-dark]) a:hover{border-bottom-color:var(--primary)}.nav-icon-themeable{filter:invert(1)}:root[data-theme=light] .nav-icon-themeable{filter:none}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);background-image:var(--app-bg);background-attachment:fixed;background-size:cover;color:var(--text-main);height:100vh;overflow:hidden;line-height:1.5;-webkit-font-smoothing:antialiased;position:relative;isolation:isolate}body:before,body:after{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;z-index:-1;background-repeat:no-repeat;transform:translateZ(0);will-change:transform}body:before{background-image:var(--app-bg-wave-a);opacity:.85;animation:appWaveDriftA 44s ease-in-out infinite alternate}body:after{background-image:var(--app-bg-wave-b);opacity:.72;animation:appWaveDriftB 36s ease-in-out infinite alternate}:is([data-theme=sepia-light],[data-theme=sepia-dark]) body:before,:is([data-theme=sepia-light],[data-theme=sepia-dark]) body:after{display:none}@keyframes appWaveDriftA{0%{transform:translate3d(-7%,-3%,0) scale(1.02)}50%{transform:translate3d(4%,5%,0) scale(1.06)}to{transform:translate3d(8%,-2%,0) scale(1.03)}}@keyframes appWaveDriftB{0%{transform:translate3d(6%,4%,0) scale(1.03)}50%{transform:translate3d(-3%,-6%,0) scale(1.07)}to{transform:translate3d(-8%,3%,0) scale(1.04)}}.app-container{display:flex;flex-direction:column;height:100vh}.main-content{flex:1;position:relative;overflow-y:auto;overflow-x:hidden;padding:0 24px;background:transparent;min-height:0}.workspace{flex:1;display:flex;flex-direction:column;height:100vh;min-width:0;background:transparent}img,svg,canvas{max-width:100%;height:auto}body,.app-container{max-width:100vw;overflow-x:hidden}*{overflow-wrap:break-word}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}body:before,body:after{animation:none!important;transform:none!important}}.app-header{padding:calc(var(--app-header-top) + 16px) var(--app-edge-padding) 0;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;border-bottom:none;background:transparent;min-height:calc(var(--header-pill-height) + var(--app-header-top) + 16px)}.app-sidebar.collapsed~.workspace .app-header{padding-left:calc(var(--app-edge-padding) + 190px)}.header-left{display:flex;align-items:center;gap:12px;min-width:0;margin-top:0;height:var(--header-pill-height)}.header-title{display:inline-flex;align-items:center;font-size:1.05rem;line-height:1;font-weight:600;color:var(--text-main);letter-spacing:-.01em;white-space:nowrap;gap:6px;padding:0 20px;height:var(--header-pill-height);border-radius:999px;border:1px solid var(--glass-border);background:var(--glass);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);max-width:100%;margin-top:0}.header-title:empty{display:none}.header-title.is-empty{display:none}.app-header .header-page-title{display:inline}.app-header.has-breadcrumbs .header-page-title{display:none}.header-brand{display:inline-flex;align-items:center;font-size:1.05rem;line-height:1}.header-title .brand-handwritten{font-family:Bradley Hand,Segoe Print,Comic Sans MS,Apple Chancery,cursive;font-size:1.05rem;font-weight:600;color:var(--primary);line-height:1}.header-title .brand-typewriter,.header-title .brand-ai{font-family:American Typewriter,Courier New,Courier,Lucida Console,monospace;font-size:1.05rem;font-weight:600;color:var(--primary);line-height:1}.header-title-separator{color:var(--text-muted);font-weight:500}.header-page-title{font-weight:600}.logo{display:flex;align-items:center;font-weight:700;font-size:1.1rem;color:var(--primary);letter-spacing:-.02em}.header-actions{display:flex;flex-direction:row;align-items:center;gap:12px;margin-left:auto;position:relative;height:var(--header-pill-height)}.header-queue-wrapper{position:relative;display:flex;align-items:center}.header-queue-pill{padding:8px 14px;height:auto;display:inline-flex;align-items:center;border-radius:10px;background:linear-gradient(145deg,#fff2d4,#ffe4b0 55%,#ffd394);border:1px solid #f1c785;color:#a66b12;font-size:.85rem;font-weight:600;box-shadow:0 2px 6px #c48c2826;white-space:nowrap}.header-queue-list{position:absolute;top:calc(100% + 8px);left:0;display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:10px;background:linear-gradient(145deg,#fffffffa,#f0f5fcf2);border:1px solid rgba(200,215,235,.6);box-shadow:0 8px 24px #0f172a1f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;visibility:hidden;transform:translateY(-4px);pointer-events:none;min-width:220px;max-width:320px;z-index:12}:root[data-theme=dark] .header-queue-list{background:#1e293bfa;border-color:var(--border);box-shadow:0 8px 24px #0006}.header-queue-wrapper:hover .header-queue-list,.header-queue-list:hover{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.header-queue-item{display:inline-flex;align-items:center;padding:8px 12px;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--text-main);font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .15s ease}.header-queue-item:hover{background:#c8d7eb66}.header-queue-item.is-active{background:linear-gradient(145deg,#fff2d4,#ffe4b0);border-color:#f1c78599;color:#a66b12}.header-datetime-wrapper{position:relative;display:inline-flex;align-items:center;gap:8px;margin-left:8px;padding-right:4px}.header-datetime{position:relative;padding:8px 14px;height:auto;display:flex;align-items:center;border-radius:10px;background:linear-gradient(145deg,#fffffffa,#f5f8fcf2);border:1px solid rgba(200,215,235,.6);box-shadow:0 2px 6px #0f172a14;overflow:hidden;cursor:pointer;font-size:.9rem;color:var(--text-muted);font-weight:500;letter-spacing:.01em;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;line-height:1;font-family:inherit}.header-appearance-trigger{position:relative;width:38px;height:38px;border-radius:10px;border:1px solid rgba(200,215,235,.65);background:linear-gradient(145deg,#fffffffa,#f5f8fcf2);box-shadow:0 2px 6px #0f172a14;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font:inherit;color:var(--text-main);-webkit-appearance:none;-moz-appearance:none;appearance:none}.header-appearance-trigger:before{content:"";width:18px;height:18px;display:inline-block;mask:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20id='Layer_1'%20data-name='Layer%201'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M0,9.5c0-.276,.224-.5,.5-.5H3.025c.104-1.338,.635-2.633,1.558-3.71l-1.937-1.937c-.195-.195-.195-.512,0-.707s.512-.195,.707,0l1.937,1.937c1.076-.923,2.372-1.454,3.71-1.558V.5c0-.276,.224-.5,.5-.5s.5,.224,.5,.5V3.033c1.273,.098,2.527,.552,3.589,1.414,.08,.063,.211,.046,.295-.038l1.763-1.763c.195-.195,.512-.195,.707,0s.195,.512,0,.707l-1.763,1.763c-.452,.45-1.152,.497-1.632,.107-2.192-1.777-5.351-1.61-7.348,.388-1.998,1.998-2.164,5.157-.388,7.349,.39,.479,.344,1.181-.107,1.631l-1.763,1.763c-.098,.098-.226,.146-.354,.146s-.256-.049-.354-.146c-.195-.195-.195-.512,0-.707l1.763-1.763c.084-.084,.101-.216,.038-.294-.861-1.062-1.315-2.317-1.413-3.59H.5c-.276,0-.5-.224-.5-.5ZM23.954,.046c-.195-.195-.512-.195-.707,0L.046,23.246c-.195,.195-.195,.512,0,.707,.098,.098,.226,.146,.354,.146s.256-.049,.354-.146L23.954,.753c.195-.195,.195-.512,0-.707Zm-.56,21.108c-1.863-.942-3.021-2.821-3.021-4.904s1.157-3.962,3.02-4.904c.373-.188,.604-.57,.606-.995,.001-.423-.227-.805-.597-.995-1.541-.794-3.273-1.044-5.012-.716-.271,.051-.45,.312-.399,.583,.051,.272,.314,.452,.583,.399,1.517-.284,3.027-.069,4.37,.623,.047,.025,.055,.075,.055,.103,0,.029-.008,.081-.058,.106-2.201,1.114-3.568,3.334-3.568,5.796s1.368,4.684,3.569,5.797c.05,.025,.058,.077,.058,.105,0,.028-.007,.078-.054,.103-.959,.494-1.993,.745-3.073,.745-3.724,0-6.807-2.92-6.873-6.509-.006-.335,.013-.675,.055-1.012,.035-.273-.159-.523-.433-.559-.269-.034-.524,.159-.559,.434-.048,.384-.07,.771-.063,1.154,.076,4.131,3.607,7.491,7.873,7.491,1.242,0,2.43-.288,3.532-.856,.369-.19,.597-.572,.595-.995-.002-.426-.234-.806-.606-.994Z'/%3e%3c/svg%3e") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20id='Layer_1'%20data-name='Layer%201'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M0,9.5c0-.276,.224-.5,.5-.5H3.025c.104-1.338,.635-2.633,1.558-3.71l-1.937-1.937c-.195-.195-.195-.512,0-.707s.512-.195,.707,0l1.937,1.937c1.076-.923,2.372-1.454,3.71-1.558V.5c0-.276,.224-.5,.5-.5s.5,.224,.5,.5V3.033c1.273,.098,2.527,.552,3.589,1.414,.08,.063,.211,.046,.295-.038l1.763-1.763c.195-.195,.512-.195,.707,0s.195,.512,0,.707l-1.763,1.763c-.452,.45-1.152,.497-1.632,.107-2.192-1.777-5.351-1.61-7.348,.388-1.998,1.998-2.164,5.157-.388,7.349,.39,.479,.344,1.181-.107,1.631l-1.763,1.763c-.098,.098-.226,.146-.354,.146s-.256-.049-.354-.146c-.195-.195-.195-.512,0-.707l1.763-1.763c.084-.084,.101-.216,.038-.294-.861-1.062-1.315-2.317-1.413-3.59H.5c-.276,0-.5-.224-.5-.5ZM23.954,.046c-.195-.195-.512-.195-.707,0L.046,23.246c-.195,.195-.195,.512,0,.707,.098,.098,.226,.146,.354,.146s.256-.049,.354-.146L23.954,.753c.195-.195,.195-.512,0-.707Zm-.56,21.108c-1.863-.942-3.021-2.821-3.021-4.904s1.157-3.962,3.02-4.904c.373-.188,.604-.57,.606-.995,.001-.423-.227-.805-.597-.995-1.541-.794-3.273-1.044-5.012-.716-.271,.051-.45,.312-.399,.583,.051,.272,.314,.452,.583,.399,1.517-.284,3.027-.069,4.37,.623,.047,.025,.055,.075,.055,.103,0,.029-.008,.081-.058,.106-2.201,1.114-3.568,3.334-3.568,5.796s1.368,4.684,3.569,5.797c.05,.025,.058,.077,.058,.105,0,.028-.007,.078-.054,.103-.959,.494-1.993,.745-3.073,.745-3.724,0-6.807-2.92-6.873-6.509-.006-.335,.013-.675,.055-1.012,.035-.273-.159-.523-.433-.559-.269-.034-.524,.159-.559,.434-.048,.384-.07,.771-.063,1.154,.076,4.131,3.607,7.491,7.873,7.491,1.242,0,2.43-.288,3.532-.856,.369-.19,.597-.572,.595-.995-.002-.426-.234-.806-.606-.994Z'/%3e%3c/svg%3e") center / contain no-repeat;background:currentColor;opacity:.8}:root[data-theme=dark] .header-appearance-trigger,:root[data-theme=sepia-light] .header-appearance-trigger,:root[data-theme=sepia-dark] .header-appearance-trigger{background:var(--bg-card);border-color:var(--border)}.header-appearance-trigger:focus-visible,.header-appearance-trigger:hover{outline:none;border-color:var(--border-light);background:var(--bg-hover)}:root:not([data-theme=light]) .header-appearance-trigger,:is([data-theme=sepia-light],[data-theme=sepia-dark]) .header-appearance-trigger{filter:brightness(.96)}.header-datetime:focus-visible{outline:2px solid var(--primary);outline-offset:2px}:root[data-theme=dark] .header-datetime{background:var(--bg-card);border-color:var(--border)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .header-datetime{background:var(--bg-card);border-color:var(--border)}.header-hover-hint{display:none}.header-appearance-menu{position:absolute;top:calc(100% + 8px);right:0;left:auto;transform:translateY(-6px);display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:12px;border:1px solid rgba(200,215,235,.6);background:linear-gradient(145deg,#fffffffa,#f5f8fcf2);box-shadow:0 8px 24px #0f172a1f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s ease}:root[data-theme=dark] .header-appearance-menu{background:var(--bg-card);border-color:var(--border)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .header-appearance-menu{background:var(--bg-card);border-color:var(--border)}.header-datetime-wrapper.is-open .header-appearance-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.header-theme-toggle{display:flex;align-items:center;gap:2px;padding:4px;height:auto;border-radius:10px;border:1px solid rgba(200,215,235,.6);background:linear-gradient(145deg,#fffffffa,#f5f8fcf2);box-shadow:0 2px 8px #0f172a14}:root[data-theme=dark] .header-theme-toggle{background:var(--bg-card);border-color:var(--border)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .header-theme-toggle{background:var(--bg-card);border-color:var(--border)}.header-theme-option{position:relative;display:inline-flex}.header-theme-option input{position:absolute;opacity:0}.header-theme-option span{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;transition:var(--transition)}.header-theme-option img{width:18px;height:18px;opacity:.75}:root:not([data-theme=light]) .header-theme-option img{filter:brightness(0) invert(1);opacity:.9}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .header-theme-option img{filter:none;opacity:.75}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .header-theme-option:hover span{background:var(--bg-hover);border-color:var(--border-light)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .header-theme-option input:checked+span{background:var(--bg-hover);border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.header-theme-option:hover span{background:var(--bg-hover);border-color:var(--border-light)}.header-theme-option input:checked+span{background:var(--bg-hover);border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.header-theme-option input:focus-visible+span{outline:2px solid var(--primary);outline-offset:2px}.header-bg-palette{display:flex;align-items:center;gap:6px;padding:6px 4px 2px;border-top:1px solid rgba(200,215,235,.55)}:root[data-theme=dark] .header-bg-palette{border-top-color:var(--border)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .header-bg-palette{border-top-color:var(--border)}.header-bg-option{position:relative;display:inline-flex}.header-bg-option input{position:absolute;opacity:0}.header-bg-swatch{width:24px;height:24px;border-radius:999px;border:1px solid transparent;display:inline-flex;transition:var(--transition)}.header-bg-option:hover .header-bg-swatch{transform:translateY(-1px);border-color:var(--border-light)}.header-bg-option input:checked+.header-bg-swatch{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.header-bg-option input:focus-visible+.header-bg-swatch{outline:2px solid var(--primary);outline-offset:2px}.header-bg-swatch--ocean{background:linear-gradient(145deg,#4f73ff,#4e93ff 55%,#6f64f6)}.header-bg-swatch--aurora{background:linear-gradient(145deg,#14b8a6,#0ea5e9 48%,#6366f1)}.header-bg-swatch--sunset{background:linear-gradient(145deg,#fb7185,#f59e0b 55%,#f97316)}.header-bg-swatch--lavender{background:linear-gradient(145deg,#6366f1,#8b5cf6 55%,#a855f7)}.header-bg-swatch--rose{background:linear-gradient(145deg,#f43f5e,#ec4899 55%,#8b5cf6)}.header-bg-swatch--slate{background:linear-gradient(145deg,#64748b,#475569 55%,#334155)}.header-datetime:after{content:"";position:absolute;top:0;left:-60%;width:50%;height:100%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.55),transparent);transform:translate(-100%);opacity:0;pointer-events:none}.header-datetime:hover:after{animation:datetimeShine .7s ease forwards;opacity:1}@keyframes datetimeShine{0%{transform:translate(-140%)}to{transform:translate(320%)}}.app-sidebar{width:360px;background:transparent;border-right:none;display:flex;flex-direction:column;flex-shrink:0;will-change:width;transition:width .3s ease;overflow:hidden;padding:var(--app-header-top) 12px 12px var(--app-edge-padding);position:relative;z-index:300}.sidebar-header{height:var(--header-pill-height);width:100%;display:flex;align-items:center;justify-content:flex-start;padding:0;border:none;gap:12px;background:transparent;margin-top:28px;margin-bottom:24px;box-shadow:none;position:relative;z-index:400}.sidebar-title{font-weight:700;font-size:1.3rem;line-height:1.1;color:var(--primary);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-title .brand-handwritten{font-family:Bradley Hand,Segoe Print,Comic Sans MS,Apple Chancery,cursive;font-weight:600}.sidebar-title .brand-typewriter,.sidebar-title .brand-ai{font-family:American Typewriter,Courier New,Courier,Lucida Console,monospace;font-weight:600}.app-sidebar.collapsed{width:72px;padding:12px 8px;overflow:visible}.app-sidebar.collapsed .sidebar-title{display:none}.app-sidebar.collapsed .sidebar-header{justify-content:center;padding:0;width:auto;height:var(--header-pill-height);margin:0;background:transparent;border:none}.app-sidebar.collapsed #sidebar-toggle{margin:0}#sidebar-toggle{width:auto;height:var(--header-pill-height);padding:0 20px;display:flex;align-items:center;justify-content:center;background:var(--glass);border:1px solid var(--glass-border);border-radius:10px;box-shadow:var(--shadow-soft);color:var(--text-main);font-size:1.05rem;font-weight:600;letter-spacing:-.01em;line-height:1;gap:2px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar-toggle-title{display:inline-flex;align-items:center;gap:2px;white-space:nowrap;font-size:1.05rem;line-height:1}.sidebar-toggle-title .brand-handwritten{font-family:Bradley Hand,Segoe Print,Comic Sans MS,Apple Chancery,cursive;font-size:1.05rem;font-weight:600;color:var(--primary);line-height:1}.sidebar-toggle-title .brand-typewriter,.sidebar-toggle-title .brand-ai{font-family:American Typewriter,Courier New,Courier,Lucida Console,monospace;font-size:1.05rem;font-weight:600;color:var(--primary);line-height:1}.app-sidebar.collapsed #sidebar-toggle:hover{background:transparent}.app-sidebar.collapsed .sidebar-nav,.app-sidebar.collapsed .sidebar-footer{display:flex;flex-direction:column;opacity:1;visibility:visible;pointer-events:auto;position:static;transform:none;transition:none}.app-sidebar.collapsed:not(.collapsed-open) .sidebar-nav,.app-sidebar.collapsed:not(.collapsed-open) .sidebar-footer{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px)}.app-sidebar.collapsed.collapsed-open .sidebar-nav .nav-item,.app-sidebar.collapsed.collapsed-open .sidebar-footer .nav-item{opacity:0;transform:translateY(-8px);animation:sidebarDrop .25s ease forwards}.app-sidebar.collapsed.collapsed-open .sidebar-nav .nav-item:nth-child(1){animation-delay:.02s}.app-sidebar.collapsed.collapsed-open .sidebar-nav .nav-item:nth-child(2){animation-delay:.06s}.app-sidebar.collapsed.collapsed-open .sidebar-nav .nav-item:nth-child(3){animation-delay:.1s}.app-sidebar.collapsed.collapsed-open .sidebar-nav .nav-item:nth-child(4){animation-delay:.14s}.app-sidebar.collapsed.collapsed-open .sidebar-nav .nav-item:nth-child(5){animation-delay:.18s}.app-sidebar.collapsed.collapsed-open .sidebar-nav .nav-item:nth-child(6){animation-delay:.22s}.app-sidebar.collapsed.collapsed-open .sidebar-nav .nav-item:nth-child(7){animation-delay:.26s}.app-sidebar.collapsed.collapsed-open .sidebar-footer .nav-item{animation-delay:.32s}@keyframes sidebarDrop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.app-sidebar.collapsed .sidebar-nav{background:transparent;border:none;box-shadow:none;padding:8px;gap:10px}.app-sidebar.collapsed .sidebar-footer{background:transparent;border:none;box-shadow:none;padding:8px}@media(min-width:901px){.app-sidebar.collapsed{width:0;padding:0;overflow:visible}.app-sidebar.collapsed .sidebar-header{position:fixed;left:var(--app-edge-padding);top:calc(var(--app-header-top) + 16px);margin:0;z-index:400}.app-sidebar.collapsed.collapsed-open .sidebar-nav{position:fixed;left:calc(var(--app-edge-padding) - 12px);top:calc(var(--app-header-top) + 16px + var(--header-pill-height) + var(--sidebar-float-gap));z-index:19;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}.app-sidebar.collapsed.collapsed-open .sidebar-footer{position:fixed;left:calc(var(--app-edge-padding) - 12px);bottom:var(--app-edge-padding);z-index:19;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}}.sidebar-nav,.sidebar-footer{padding:12px;border:none;border-radius:0;background:transparent;box-shadow:none;margin-top:12px}.app-sidebar.collapsed .sidebar-footer{padding:12px 8px}.nav-item{display:flex;align-items:center;gap:14px;width:100%;padding:10px 16px;background:linear-gradient(145deg,#e8f4ff,#dceeff,#d0e8ff);border:1px solid #c5ddf5;color:#7aacda;font-size:1.05rem;font-family:inherit;font-weight:500;cursor:pointer;border-radius:10px;transition:var(--transition);text-align:left;text-decoration:none;box-shadow:0 4px 16px #6496c826,inset 0 1px 2px #fffc;position:relative;overflow:hidden;min-height:48px}.nav-item .nav-icon{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;border-radius:8px;background:linear-gradient(145deg,#fff,#f0f7ff);border:1px solid #c5ddf5;box-shadow:0 4px 12px #6496c833,inset 0 1px 2px #ffffffe6;color:#5a94cc;z-index:2}.nav-item .nav-icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-item:hover{background:linear-gradient(145deg,#f0f8ff,#e4f1ff,#d8ebff);color:#6a9fd4;transform:translateY(-1px);border-color:#b8d4f0;box-shadow:0 8px 24px #6496c833,inset 0 1px 2px #ffffffe6}.nav-item:hover .nav-icon{background:linear-gradient(145deg,#fff,#e8f4ff);border-color:#a8cbeb;box-shadow:0 6px 16px #508cc840,inset 0 1px 2px #fff;color:#4a88c4}.nav-item.active{background:linear-gradient(145deg,#def,#cee6ff,#c0deff);color:#5a94cc;border-color:#a8cbeb;box-shadow:0 8px 24px #508cc838,inset 0 1px 2px #ffffffe6}.nav-item.active .nav-icon{background:linear-gradient(145deg,#38bdf8,#0ea5e9);border-color:#0284c7;box-shadow:0 6px 16px #38bdf859,inset 0 1px 2px #ffffff4d;color:#fff}.nav-item:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:inherit;background:linear-gradient(180deg,#fff9,#fff0 40%);opacity:.7;pointer-events:none}:root:not([data-theme=light]) .nav-item{background:linear-gradient(145deg,#1e3a5f,#162d4a,#112438);border-color:#2a4a6e;box-shadow:0 4px 16px #000a1e80,inset 0 1px #ffffff0d;color:#8ec0f0}:root:not([data-theme=light]) .nav-item:hover{background:linear-gradient(145deg,#264466,#1c3752,#152c42);border-color:#3a5a7e;box-shadow:0 8px 24px #000a1e99,inset 0 1px #ffffff14;color:#a0d0ff}:root:not([data-theme=light]) .nav-item.active{background:linear-gradient(145deg,#2e5070,#244060,#1c3450);border-color:#4a6a8e;box-shadow:0 8px 24px #000a1e99,inset 0 1px #ffffff1a;color:#b0dcff}:root:not([data-theme=light]) .nav-item .nav-icon{background:linear-gradient(145deg,#1e3a5f,#162d4a);border-color:#3a5a7e;box-shadow:0 4px 12px #000a1e66,inset 0 1px #ffffff14;color:#8ec0f0}:root:not([data-theme=light]) .nav-item:hover .nav-icon{background:linear-gradient(145deg,#264466,#1c3752);border-color:#4a6a8e;box-shadow:0 6px 16px #000a1e80,inset 0 1px #ffffff1a;color:#a0d0ff}:root:not([data-theme=light]) .nav-item.active .nav-icon{background:linear-gradient(145deg,#38bdf8,#0ea5e9);border-color:#0284c7;box-shadow:0 6px 16px #38bdf866,inset 0 1px #fff3;color:#fff}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .nav-item{background:var(--bg-card);border-color:var(--border);color:var(--text-muted)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .nav-item:hover{background:var(--bg-hover);border-color:var(--border-light);color:var(--text-main)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .nav-item.active{background:var(--primary-glow);border-color:var(--primary);color:var(--primary)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .nav-item .nav-icon{background:var(--bg-muted);border-color:var(--border-light);color:var(--text-main)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .nav-item:hover .nav-icon{background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .nav-item.active .nav-icon{background:var(--primary);border-color:var(--primary);color:var(--bg-card)}.app-sidebar.collapsed .nav-item span:not(.nav-icon){display:inline-block;max-width:320px;opacity:1;overflow:hidden;white-space:nowrap;transition:max-width .2s ease,opacity .2s ease}.app-sidebar.collapsed .nav-item{display:flex;justify-content:flex-start;align-items:center;text-align:left;padding:10px 16px;width:max-content;height:auto;min-height:48px;border-radius:10px;background:linear-gradient(145deg,#e8f4ff,#dceeff,#d0e8ff);border:1px solid #c5ddf5;box-shadow:0 4px 16px #6496c826,inset 0 1px 2px #fffc;transition:width .2s ease,box-shadow .2s ease,border-color .2s ease;overflow:hidden}:root:not([data-theme=light]) .app-sidebar.collapsed .nav-item{background:linear-gradient(145deg,#1e3a5f,#162d4a,#112438);border-color:#2a4a6e;box-shadow:0 4px 16px #000a1e80,inset 0 1px #ffffff0d}.app-sidebar.collapsed .nav-item:hover{box-shadow:0 8px 24px #6496c833;position:relative;z-index:6}.app-sidebar.collapsed .nav-item .nav-icon{width:36px;height:36px;margin:0;display:grid;place-items:center;align-self:center;border-radius:8px}.app-sidebar.collapsed .nav-item svg{width:22px;height:22px}#sidebar-toggle{transform-style:preserve-3d;transition:transform .12s ease;will-change:transform}#sidebar-toggle.is-tilting{transform:perspective(500px) rotateX(var(--tilt-y, 0deg)) rotateY(var(--tilt-x, 0deg))}.app-sidebar .nav-item span{transition:opacity .2s ease,transform .2s ease}.app-sidebar.collapsed .nav-item span{opacity:1;transform:translate(0)}.status-icon{margin-left:auto;font-size:1.2rem}.status-pending{color:#888}.status-transcribing{animation:spin 2s linear infinite}.status-completed{color:#4caf50}.app-sidebar.collapsed .status-icon{margin-left:0;font-size:1.4rem}.app-sidebar.collapsed .history-item:hover:after{content:attr(data-filename);position:absolute;left:70px;background:#333;color:#fff;padding:5px 10px;border-radius:4px;white-space:nowrap;z-index:1000;pointer-events:none}.btn-primary{background:var(--primary);color:#fff;border:1px solid var(--primary);padding:10px 20px;border-radius:8px;font-weight:600;font-size:.875rem;text-transform:uppercase;cursor:pointer;min-height:34px;transition:all .2s ease}.btn-primary:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.btn-primary:active{transform:translateY(0);filter:brightness(.95)}.btn-secondary{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border);padding:6px 16px;border-radius:8px;font-size:.85rem;text-transform:uppercase;min-height:34px;cursor:pointer;transition:all .2s ease}.file-sort-toggle{padding:6px 12px;font-size:.8rem;border-radius:8px;white-space:nowrap}.btn-secondary-sm{padding:4px 10px;font-size:.75rem}.btn-secondary:hover{transform:translateY(-1px);background:var(--bg-hover);border-color:var(--border-light);box-shadow:0 4px 8px #0ea5e92e}.btn-icon{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:6px;transition:background-color var(--transition-fast),color var(--transition-fast);display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--bg-hover);color:var(--text-main)}.btn-disabled{opacity:.6;cursor:not-allowed}.btn-icon-sm{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.btn-icon-sm:hover{background:var(--bg-hover);color:var(--text-main)}.btn-secondary.btn-accent{border:1px solid transparent;color:#0b1625;font-weight:600}.btn-secondary.btn-icon-only{padding:6px 10px;display:inline-flex;align-items:center;justify-content:center}.btn-secondary.btn-icon-only svg{display:block}.btn-secondary.btn-accent:hover{filter:brightness(1.05)}.btn-secondary.btn-accent-class{background:#3d8af5}.btn-secondary.btn-accent-folder{background:#47d1a3}.btn-secondary.btn-accent-upload{background:#f5a83d}:root[data-theme=light] .btn-secondary.btn-accent{color:#fff}.btn-danger{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:8px 16px;border-radius:8px;cursor:pointer;font-family:inherit;transition:background-color var(--transition-fast)}.btn-danger:hover{background:#ef444433}.btn-sidebar-action{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);padding:6px 12px;border-radius:8px;cursor:pointer;font-size:.85rem;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.btn-sidebar-action:hover{background:var(--bg-hover);border-color:var(--border-light)}.toolbar-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--text-muted);cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600}.toolbar-btn:hover{background-color:var(--bg-hover);border-color:var(--border-light);color:var(--text-main)}.split-view{display:flex;height:100%;width:100%;padding:0;gap:0;min-height:0;overflow:hidden}.split-view .panel{min-height:0;min-width:0}.split-view .file-list-panel{flex:0 0 300px;min-width:240px;max-width:380px}.split-view .left-panel.hidden,.split-view .right-panel.hidden,.split-view .questions-panel.hidden,.split-view .column-resizer.hidden{display:none!important}.column-resizer{flex:0 0 3px;margin:0;border-radius:0;cursor:col-resize;position:relative;background:linear-gradient(180deg,var(--border-light) 0%,var(--border) 50%,var(--border-light) 100%);touch-action:none;transition:background .12s ease,flex .12s ease}.column-resizer:hover{flex:0 0 5px;background:linear-gradient(180deg,var(--primary-glow) 0%,var(--primary) 50%,var(--primary-glow) 100%)}.column-resizer:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background:var(--primary);opacity:0;border-radius:0;transition:opacity .12s ease}.column-resizer:focus-visible{background:var(--primary-glow);flex:0 0 4px}.column-resizer:hover:before,.column-resizer:focus-visible:before{opacity:1}body.is-resizing-columns .column-resizer:before{opacity:1}body.is-resizing-columns,body.is-resizing-columns *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.split-view.has-marks .left-panel{flex:1.1}.split-view.has-marks .right-panel{flex:1.2}.split-view.has-marks .mark-panel{flex:.7}.split-view .questions-panel{flex:0 0 auto}.split-view.folder-marks-view .column-resizer{display:none}.split-view.folder-marks-view .folder-marks-panel{flex:1;min-width:0}.split-view.folder-analysis-view .column-resizer{display:none}.split-view.folder-analysis-view .folder-analysis-panel{flex:1;min-width:0}.panel{flex:1;background:var(--glass);border:none;border-radius:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:none;position:relative;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel-header{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--glass-border);background:var(--bg-card-strong);box-shadow:var(--shadow-inset);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel-title{font-weight:600;font-size:.95rem;color:var(--text-muted)}.panel-header-action{display:flex;flex-direction:column;align-items:center;gap:4px}.panel-header-action-label{font-size:.7rem;font-weight:600;color:var(--text-muted);letter-spacing:.01em}.panel-header-zoom{display:inline-flex;align-items:center;gap:8px}.panel-header-zoom-label{min-width:52px;text-align:center;font-size:.8rem;color:var(--text-muted);font-weight:600;letter-spacing:.01em}.responses-drawer{flex:0 0 260px;max-width:260px;transition:flex-basis .32s cubic-bezier(.2,.8,.2,1),max-width .32s cubic-bezier(.2,.8,.2,1);will-change:flex-basis,max-width}.responses-drawer.collapsed{flex-basis:56px;max-width:56px}.responses-drawer.collapsed .panel-header{justify-content:center;padding:0 8px}.responses-drawer.collapsed .panel-title{opacity:0;transform:translate(-8px);pointer-events:none}.responses-drawer .panel-title{transition:opacity .22s ease,transform .22s ease}.responses-drawer .panel-header{transition:padding .22s ease,justify-content .22s ease}.input-invalid,input.input-invalid,select.input-invalid,textarea.input-invalid{border-color:var(--danger, #dc3545)!important;background-color:#dc35450d!important}.input-invalid:focus,input.input-invalid:focus,select.input-invalid:focus,textarea.input-invalid:focus{box-shadow:0 0 0 3px #dc354533!important;border-color:var(--danger, #dc3545)!important}.api-key-container input{background:var(--input-bg);border:1px solid var(--input-border);padding:8px 16px;border-radius:var(--radius-sm);color:var(--text-main);font-family:inherit;font-size:.9rem;width:240px;transition:var(--transition)}.api-key-container input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.mark-scheme-select{height:36px;padding:0 12px;border-radius:10px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-main);width:100%}.mark-scheme-select:focus{outline:none;box-shadow:0 0 0 3px var(--primary-glow);border-color:var(--primary)}.mark-teacher-label{font-weight:600;font-size:.85rem;color:var(--text-muted)}.mark-teacher-feedback{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-main);font:inherit;resize:vertical;min-height:96px}.mark-teacher-feedback:focus{outline:none;box-shadow:0 0 0 3px var(--primary-glow);border-color:var(--primary)}.context-upload{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border)}.context-title-field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:220px}.context-title-label{font-size:.8rem;color:var(--text-muted)}.context-title-input{background:var(--input-bg);border:1px solid var(--input-border);padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-main);font-family:inherit;font-size:.95rem;transition:var(--transition)}.context-title-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.context-toolbar-select{height:32px;padding:0 10px;border-radius:8px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-main);font-size:.85rem}.context-toolbar-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.mark-prompt-label{font-size:.8rem;color:var(--text-muted)}.mark-prompt-title{background:var(--input-bg);border:1px solid var(--input-border);padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-main);font-family:inherit;font-size:.95rem;transition:var(--transition)}.mark-prompt-title:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.mark-prompt-editor{flex:1;width:100%;resize:none;padding:16px;margin-top:12px;border:0;border-top:1px solid var(--border);background:transparent;color:var(--text-main);line-height:1.6;min-height:0;outline:none;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem}.mark-field-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-main);font:inherit;resize:vertical}.mark-field-input:focus{outline:2px solid var(--primary);border-color:var(--primary)}.landing-label{display:block;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:var(--landing-muted);margin:10px 0 6px}.landing-input{width:100%;border-radius:12px;border:1px solid var(--glass-border);background:var(--glass);color:var(--landing-text);padding:12px 14px;font-size:1rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.landing-input:focus{outline:none;border-color:#fff9;box-shadow:0 0 0 3px #fff3}.landing-checkbox-row{display:flex;align-items:center;gap:10px;margin-top:8px;color:var(--landing-muted);font-size:.95rem}.landing-checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:rgba(255,255,255,.8)}.form-hint{margin-top:6px;font-size:.85rem;color:var(--text-muted)}.form-hint.is-valid{color:#34b268}.form-hint.is-invalid{color:#dd3c3c}.settings-input{padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-main);font-family:inherit;transition:var(--transition)}.settings-input:focus{outline:2px solid var(--primary);outline-offset:2px;border-color:var(--primary)}.theme-option{position:relative;flex:1 1 120px}.theme-option input{position:absolute;opacity:0}.theme-option span{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-dark);color:var(--text-main);font-weight:500;transition:var(--transition)}.theme-option:hover span{background:var(--bg-hover);border-color:var(--border-light)}.theme-option input:checked+span{border-color:var(--primary);background:#38bdf81a;color:var(--primary);box-shadow:0 0 0 1px var(--primary-glow)}.theme-option input:focus-visible+span{outline:2px solid var(--primary);outline-offset:2px}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100}.right-panel .loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--overlay-strong);border-radius:var(--radius-md)}#matrix-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.8}.loading-text{position:relative;z-index:2;background:var(--glass);padding:12px 24px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;gap:4px}.loading-text p{margin:0;color:var(--primary);font-family:monospace;font-size:1.1rem;font-weight:600}.spinner{width:48px;height:48px;border:4px solid var(--bg-hover);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px;display:none}.blink{animation:blink 1s step-end infinite;color:var(--primary);font-weight:700}@keyframes blink{50%{opacity:0}}.landing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--overlay-strong);z-index:999}.landing-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(.45) saturate(1.15)}.landing-content{position:relative;z-index:1;text-align:center;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:clamp(28px,8vh,90px);padding:36px 16px 24px}.landing-auth-card{margin:0 auto;width:min(420px,92vw);background:var(--glass);border:1px solid var(--glass-border);border-radius:20px;padding:20px 22px;text-align:left;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-strong)}.landing-signup-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:clamp(20px,4vw,32px);background:var(--overlay-strong);z-index:1100}.landing-signup-card{position:relative;width:min(540px,92vw);background:var(--bg-card-strong);border:1px solid var(--glass-border);border-radius:22px;padding:clamp(24px,3vw,32px);box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:left}.context-menu{position:fixed;background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow-strong);border-radius:16px;padding:8px;z-index:9999;min-width:220px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:visible}.context-menu-item{padding:9px 14px;border-radius:12px;display:flex;align-items:center;gap:10px;color:var(--text-main);font-weight:500;cursor:pointer}.context-menu-item svg{flex-shrink:0}.context-menu-item:hover{background:linear-gradient(135deg,#38bdf82e,#2563eb1f)}.context-menu-item.has-submenu:after{content:"›";margin-left:auto;color:var(--text-muted)}.context-menu-item.context-menu-muted{color:var(--text-muted);cursor:default}.context-menu-label{text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;color:var(--text-muted)}.context-menu-divider{height:1px;background:var(--border);margin:6px 4px}.context-menu.is-scrollable{overflow-y:auto}.context-menu-submenu{position:fixed;top:0;left:calc(100% + 8px);display:none;z-index:10000}.context-menu-submenu.is-left{left:auto;right:calc(100% + 8px)}.context-menu-color{font-weight:600}.context-menu-color.class-color-blue{color:#2f8cff}.context-menu-color.class-color-sky{color:#4fb8ff}.context-menu-color.class-color-teal{color:#21c4b8}.context-menu-color.class-color-green{color:#30d57f}.context-menu-color.class-color-amber{color:#ffb64a}.context-menu-color.class-color-orange{color:#ff914a}.context-menu-color.class-color-pink{color:#ff6bbb}.color-swatch{width:14px;height:14px;border-radius:50%;border:1px solid rgba(15,23,42,.2);background:var(--class-gradient, var(--primary));flex:0 0 auto}.color-swatch.class-color-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.color-swatch.class-color-sky{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.color-swatch.class-color-teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.color-swatch.class-color-green{background:linear-gradient(135deg,#22c55e,#16a34a)}.color-swatch.class-color-amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.color-swatch.class-color-orange{background:linear-gradient(135deg,#f97316,#ea580c)}.color-swatch.class-color-pink{background:linear-gradient(135deg,#ec4899,#db2777)}.context-menu-icon-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:8px 10px;max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.context-menu-icon-grid::-webkit-scrollbar{width:6px}.context-menu-icon-grid::-webkit-scrollbar-track{background:transparent}.context-menu-icon-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.context-menu-icon-grid::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.context-menu:has(.context-menu-icon-grid){min-width:270px}.context-menu-icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:var(--bg-hover);cursor:pointer;font-size:18px;transition:all .15s ease;color:var(--text-main)}.context-menu-icon-btn:hover{background:linear-gradient(135deg,#38bdf82e,#2563eb1f);border-color:#38bdf866;transform:scale(1.05)}.context-menu-icon-btn svg{width:16px;height:16px;color:var(--text-muted)}.purchase-toast{min-height:0;font-size:.9rem;color:var(--text-muted)}.purchase-toast.is-visible{margin-top:-10px;min-height:1.25rem}.history-list{flex:1;overflow-y:auto;padding:12px;padding-bottom:calc(36px + env(safe-area-inset-bottom))}.responses-history-list{max-height:60vh}.responses-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;padding:16px 0}#responses-unassigned-folder-grid,#responses-class-folders-grid{grid-template-columns:repeat(auto-fit,minmax(220px,max-content));justify-content:start}#responses-class-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.folder-tile{border:1px solid var(--glass-border);background:var(--glass);border-radius:var(--radius-md);padding:14px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:12px;min-height:64px;perspective:900px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.folder-tile:hover{background:var(--bg-hover);border-color:var(--border-light);box-shadow:var(--shadow-strong)}.folder-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:#38bdf82e;color:var(--primary);display:grid;place-items:center;flex:0 0 auto;position:relative;transition:transform .18s ease,box-shadow .18s ease}.folder-icon img{width:24px;height:24px}.folder-icon-btn{border:none;background:transparent;padding:0;cursor:pointer}.folder-tile-new{border-style:dashed;border-color:var(--border);background:transparent;font-family:inherit;text-align:left}.folder-tile-new:hover{border-color:var(--primary);background:var(--primary-glow)}.folder-tile-new .folder-icon-new{background:#38bdf81a;border:1px dashed var(--primary);color:var(--primary)}.folder-tile-new:hover .folder-icon-new{background:#38bdf833;border-style:solid;transform:translateY(-4px) rotateX(6deg) rotateY(-6deg);box-shadow:0 16px 26px #38bdf833}.folder-tile-new .folder-tile-name{color:var(--text-muted)}.folder-tile-new:hover .folder-tile-name{color:var(--primary)}.folder-tile:hover .folder-icon{transform:translateY(-4px) rotateX(6deg) rotateY(-6deg);box-shadow:0 16px 26px #124a8c2e}.folder-tile-name{font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-tile-meta{font-size:.8rem;color:var(--text-muted)}.folder-type-badge{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;margin-top:6px;padding:2px 8px;border-radius:999px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border:1px solid var(--border);background:var(--bg-card)}.class-tile{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:29px 21px;min-height:254px;cursor:pointer;background:transparent;border:none;box-shadow:none}.class-tile:hover{background:transparent;border:none;box-shadow:none}.class-folder-icon{width:254px;height:173px;border-radius:20px;background:var(--class-gradient, var(--bg-hover));color:var(--text-main);position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.class-tile:hover .class-folder-icon{transform:translateY(-4px) rotateX(6deg) rotateY(-6deg);box-shadow:0 16px 26px #124a8c2e}.class-folder-label{position:absolute;top:0;right:0;bottom:0;left:0;font-size:2.6rem;font-weight:700;letter-spacing:.02em;color:var(--text-main);text-align:center;line-height:1.15;display:flex;align-items:center;justify-content:center;padding:10px 12px;text-shadow:0 2px 6px rgba(0,0,0,.25)}.class-tile-new .class-folder-icon img{width:56px;height:56px}.class-color-blue{--class-gradient: linear-gradient(135deg, #4dc4ff 0%, #2f8cff 55%, #1b63ff 100%)}.class-color-sky{--class-gradient: linear-gradient(135deg, #78e3ff 0%, #4fb8ff 60%, #2c7dff 100%)}.class-color-teal{--class-gradient: linear-gradient(135deg, #4efbd7 0%, #21c4b8 55%, #0b8e9b 100%)}.class-color-green{--class-gradient: linear-gradient(135deg, #6ef7a8 0%, #30d57f 55%, #18a865 100%)}.class-color-amber{--class-gradient: linear-gradient(135deg, #ffd66a 0%, #ffb64a 55%, #f2892e 100%)}.class-color-orange{--class-gradient: linear-gradient(135deg, #ffb474 0%, #ff914a 55%, #e96a2c 100%)}.class-color-pink{--class-gradient: linear-gradient(135deg, #ff9bdd 0%, #ff6bbb 55%, #e0469a 100%)}.history-item{background:var(--glass);padding:12px;border-radius:var(--radius-sm);margin-bottom:8px;border:1px solid var(--glass-border);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.history-item:hover{border-color:var(--border-light);background:var(--bg-hover)}.history-item.active{border-color:var(--primary);background:#38bdf829}.history-item.is-selected{border-color:var(--primary);background:#38bdf838}.history-file-row{font-size:.95rem;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;display:flex;align-items:center;gap:10px}.history-name-text{overflow:hidden;text-overflow:ellipsis}.file-status-indicators{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:9999px;font-size:.65rem;font-weight:600;white-space:nowrap;background:var(--bg-muted, #e5e7eb);color:var(--text-muted, #6b7280);border:1px solid var(--border, #d1d5db)}.status-pill.is-marked{background:#22c55e;border-color:#16a34a;color:#fff}.responses-drawer-list{flex:1;overflow-y:auto;padding:12px;transition:opacity .22s ease,transform .22s ease,max-height .32s ease,padding .22s ease}.folder-item{margin-bottom:4px}.folder-header{display:flex;align-items:center;gap:8px;padding:8px 12px;color:var(--text-muted);font-weight:600;font-size:.9rem;cursor:pointer;border-radius:var(--radius-sm)}.folder-header:hover{background:var(--bg-hover);color:var(--text-main)}.folder-header svg{transition:transform .2s}.folder-header.open svg{transform:rotate(90deg)}.folder-content{margin-left:12px;padding-left:12px;border-left:1px solid var(--border);display:none}.folder-content.open{display:block}.editor-container{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;background-color:var(--bg-muted)}.editor-toolbar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:var(--bg-card-strong);border-bottom:1px solid var(--glass-border);flex-shrink:0;box-shadow:var(--shadow-inset);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.toolbar-divider{width:1px;height:24px;background-color:var(--border);margin:0 .5rem}.editor-content{flex:1;width:100%;max-width:800px;margin:0 auto;background-color:var(--bg-card-strong);color:var(--text-main);padding:3rem;overflow-y:auto;outline:none;font-family:Inter,sans-serif;font-size:1.1rem;line-height:1.7;box-shadow:var(--shadow-soft);border:1px solid var(--glass-border);border-radius:18px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.editor-content p{margin-bottom:1em;color:var(--text-main)}.editor-content h1,.editor-content h2,.editor-content h3{margin-bottom:.5em;font-weight:600;color:var(--text-main)}#transcription-content{flex:1;padding:24px;padding-bottom:calc(56px + env(safe-area-inset-bottom));overflow-y:auto;font-size:1rem;color:var(--text-main);line-height:1.7}.mark-content{flex:1;padding:16px;padding-bottom:calc(40px + env(safe-area-inset-bottom));overflow-y:auto}.mark-controls{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.mark-results{flex:1;min-height:120px}.mark-results.markdown-body[contenteditable=true]{background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;padding:16px;line-height:1.7;outline:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mark-results.markdown-body[contenteditable=true]:focus{box-shadow:0 0 0 3px var(--primary-glow);border-color:var(--primary)}.mark-actions{display:flex;align-items:center;gap:10px;margin-bottom:12px}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin-top:24px;margin-bottom:16px;color:var(--text-main)}.markdown-body p{margin-bottom:16px;color:var(--text-main)}.markdown-body ul,.markdown-body ol{margin-bottom:16px;padding-left:24px}.markdown-body code{background:var(--bg-muted);padding:2px 6px;border-radius:4px;font-family:monospace;font-size:.9em}.context-editor{width:100%;min-height:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-muted);color:var(--text-main);padding:12px;font-family:inherit;font-size:.95rem;line-height:1.5;flex:1;overflow:auto}.context-editor:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.context-editor:empty:before{content:attr(data-placeholder);color:var(--text-muted)}.mm-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:24px}.mm-modal-card{width:min(520px,92vw);background:var(--bg-card-strong);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow-strong);padding:22px 24px;display:flex;flex-direction:column;gap:16px}.mm-modal-title{font-size:1.1rem;font-weight:600;color:var(--text-main)}.mm-modal-message{color:var(--text-muted);font-size:.98rem;line-height:1.5}.mm-modal-input{width:100%;background:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;padding:12px 14px;color:var(--text-main);font-size:1rem}.mm-modal-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.mm-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.mm-modal-actions .btn-secondary,.mm-modal-actions .btn-primary{min-width:96px}.mm-modal-actions .btn-secondary{background:var(--glass)}.mm-modal-actions .btn-primary.mm-modal-danger{background:#ef4444;color:#0b0b0b}.mm-modal-field{display:flex;flex-direction:column;gap:6px}.mm-modal-field label{font-size:.85rem;font-weight:500;color:var(--text-muted)}.mm-modal-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mm-modal-defaults-section{margin-top:8px;padding-top:16px;border-top:1px solid var(--border)}.mm-modal-defaults-label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.add-students-modal-card{width:min(780px,95vw);max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.add-students-grid-container{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;overflow:hidden}.add-students-grid-header{display:grid;grid-template-columns:2fr .6fr .6fr .5fr .8fr 32px;gap:8px;padding:10px 12px;background:var(--bg-hover);border-bottom:1px solid var(--border);font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.add-students-rows{max-height:280px;overflow-y:auto}.add-students-grid-row{display:grid;grid-template-columns:2fr .6fr .6fr .5fr .8fr 32px;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);align-items:center}.add-students-grid-row:last-child{border-bottom:none}.add-students-grid-row .mm-modal-input{padding:8px 10px;font-size:.9rem;border-radius:8px}.add-students-input-name,.add-students-input-small,.add-students-input-notes{min-width:0}.add-students-checkbox-wrapper{display:flex;align-items:center;justify-content:center}.add-students-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.add-students-select{min-width:0;padding:8px 6px;font-size:.85rem;border-radius:8px}.mm-modal-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:var(--text-main)}.mm-modal-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.add-students-remove-btn{width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--text-muted);font-size:1.2rem;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.add-students-remove-btn:hover{background:#ef444426;color:#ef4444}.add-students-add-btn{align-self:flex-start;font-size:.85rem;padding:8px 14px}@media(max-width:700px){.add-students-modal-card{width:95vw}.add-students-grid-header,.add-students-grid-row{grid-template-columns:1fr .5fr .5fr .5fr 32px}.add-students-col-send,.add-students-select{display:none}.add-students-col-target,.add-students-col-working,.add-students-col-pp{font-size:.65rem}}@media(max-width:520px){.mm-modal-card{padding:18px}.mm-modal-actions{flex-direction:column-reverse}.mm-modal-actions .btn-secondary,.mm-modal-actions .btn-primary{width:100%}.add-students-grid-header,.add-students-grid-row{grid-template-columns:1fr .5fr .5fr 32px}.add-students-col-pp,.add-students-checkbox-wrapper{display:none}}.add-students-import-row{display:flex;gap:10px;margin-top:4px}.import-students-btn{font-size:.85rem;padding:8px 14px;display:flex;align-items:center;gap:6px}.import-students-btn svg{width:14px;height:14px}.column-mapping-container{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--bg-hover);border-radius:12px;border:1px solid var(--border)}.column-mapping-title{font-size:.9rem;font-weight:600;color:var(--text-main);margin:0}.column-mapping-subtitle{font-size:.8rem;color:var(--text-muted);margin:0}.import-preview-table{width:100%;border-collapse:collapse;font-size:.8rem;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.import-preview-table th,.import-preview-table td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--border)}.import-preview-table th{background:var(--bg-card-strong);font-weight:600;color:var(--text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.import-preview-table td{background:var(--bg-card);color:var(--text-main)}.import-preview-table tr:last-child td{border-bottom:none}.import-preview-ellipsis{color:var(--text-muted);font-style:italic;text-align:center}.column-mapping-fields{display:flex;flex-direction:column;gap:10px}.column-mapping-row{display:flex;align-items:center;gap:12px}.column-mapping-label{min-width:100px;font-size:.85rem;font-weight:500;color:var(--text-main)}.column-mapping-select{flex:1;padding:8px 10px;font-size:.85rem;border-radius:8px;background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-main)}.column-mapping-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.column-mapping-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.import-preview-count{font-size:.75rem;color:var(--text-muted);padding:4px 8px;background:var(--bg-card);border-radius:6px;margin-left:auto}@media(max-width:520px){.column-mapping-row{flex-direction:column;align-items:stretch;gap:6px}.column-mapping-label{min-width:unset}}.grade-boundaries-modal-card{width:min(680px,95vw);max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.grade-boundaries-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.grade-boundaries-title-row{display:flex;align-items:center;gap:12px}.grade-boundaries-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#38bdf833,#10b98126);border:1px solid rgba(56,189,248,.3);display:flex;align-items:center;justify-content:center;color:var(--primary)}.grade-boundaries-icon svg{width:20px;height:20px}.grade-boundaries-title{font-size:1.15rem;font-weight:600;color:var(--text-main);margin:0}.grade-boundaries-subtitle{font-size:.85rem;color:var(--text-muted);margin:0}.grade-boundaries-tabs{display:flex;gap:6px;padding:4px;background:var(--bg-muted);border:1px solid var(--border);border-radius:12px}.grade-boundaries-tab{padding:8px 16px;border:none;background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:600;border-radius:8px;cursor:pointer;transition:var(--transition)}.grade-boundaries-tab:hover{color:var(--text-main);background:#ffffff1a}.grade-boundaries-tab.is-active{background:var(--bg-card);color:var(--text-main);box-shadow:0 2px 6px #0000001a}.grade-boundaries-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.grade-boundaries-panel{display:none}.grade-boundaries-panel.is-active{display:flex;flex-direction:column;gap:16px}.grade-boundaries-preset-row{display:flex;align-items:center;gap:12px}.grade-boundaries-preset-label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.grade-boundaries-preset-select{flex:1;max-width:280px;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-main);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition)}.grade-boundaries-preset-select:hover{border-color:var(--primary)}.grade-boundaries-preset-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.grade-boundaries-grid{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--bg-card)}.grade-boundaries-grid-header{display:grid;grid-template-columns:1.2fr 1fr 1fr 40px;gap:8px;padding:12px 14px;background:var(--bg-hover);border-bottom:1px solid var(--border);font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.grade-boundaries-rows{max-height:280px;overflow-y:auto}.grade-boundaries-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 40px;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);align-items:center;animation:fadeSlideIn .2s ease both}.grade-boundaries-row:last-child{border-bottom:none}.grade-boundaries-row input{padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--input-bg);color:var(--text-main);font-size:.9rem;font-weight:500;transition:var(--transition)}.grade-boundaries-row input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.grade-boundaries-row input::placeholder{color:var(--text-muted);opacity:.6}.grade-boundaries-remove-btn{width:32px;height:32px;padding:0;border:none;background:transparent;color:var(--text-muted);font-size:1.1rem;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.grade-boundaries-remove-btn:hover{background:#ef444426;color:#ef4444}.grade-boundaries-add-row{padding:10px 14px;border-top:1px solid var(--border);background:var(--bg-muted)}.grade-boundaries-add-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px dashed var(--border);border-radius:8px;background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition)}.grade-boundaries-add-btn:hover{border-color:var(--primary);color:var(--primary);background:#38bdf814}.grade-boundaries-dropzone{border:2px dashed var(--border);border-radius:14px;padding:32px 24px;text-align:center;background:var(--bg-muted);transition:var(--transition);cursor:pointer}.grade-boundaries-dropzone:hover,.grade-boundaries-dropzone.is-dragover{border-color:var(--primary);background:#38bdf814}.grade-boundaries-dropzone-icon{width:48px;height:48px;margin:0 auto 12px;border-radius:12px;background:linear-gradient(135deg,#38bdf826,#10b9811a);border:1px solid rgba(56,189,248,.25);display:flex;align-items:center;justify-content:center;color:var(--primary)}.grade-boundaries-dropzone-icon svg{width:24px;height:24px}.grade-boundaries-dropzone-title{font-size:.95rem;font-weight:600;color:var(--text-main);margin-bottom:4px}.grade-boundaries-dropzone-hint{font-size:.8rem;color:var(--text-muted)}.grade-boundaries-paste-area{margin-top:16px}.grade-boundaries-paste-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.grade-boundaries-paste-input{width:100%;min-height:120px;padding:14px;border-radius:12px;border:1px solid var(--border);background:var(--input-bg);color:var(--text-main);font-size:.85rem;font-family:SF Mono,Monaco,monospace;resize:vertical;transition:var(--transition)}.grade-boundaries-paste-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.grade-boundaries-paste-input::placeholder{color:var(--text-muted);opacity:.7;font-family:inherit}.grade-boundaries-parse-btn{margin-top:12px}.grade-boundaries-validation{padding:12px 14px;border-radius:12px;font-size:.85rem}.grade-boundaries-validation.is-error{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#f87171}.grade-boundaries-validation.is-warning{background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);color:#fbbf24}.grade-boundaries-validation.is-success{background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#34d399}.grade-boundaries-validation-title{font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:6px}.grade-boundaries-validation-list{margin:0;padding-left:20px;font-size:.82rem}.grade-boundaries-validation-list li{margin-bottom:2px}.grade-boundaries-preview{padding:14px;border-radius:12px;background:var(--bg-muted);border:1px solid var(--border)}.grade-boundaries-preview-title{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.grade-boundaries-preview-chips{display:flex;flex-wrap:wrap;gap:8px}.grade-boundaries-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--bg-card);border:1px solid var(--border);font-size:.82rem;animation:fadeSlideIn .25s ease both}.grade-boundaries-chip-grade{font-weight:700;color:var(--text-main)}.grade-boundaries-chip-range{color:var(--text-muted);font-size:.78rem}.grade-boundaries-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--border);flex-wrap:wrap}.grade-boundaries-footer-left,.grade-boundaries-footer-right{display:flex;align-items:center;gap:10px}.grade-boundaries-clear-btn{padding:8px 14px;border:1px solid rgba(239,68,68,.35);border-radius:10px;background:transparent;color:#f87171;font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition)}.grade-boundaries-clear-btn:hover{background:#ef44441f;border-color:#ef444480}.grade-boundaries-toggle{display:flex;align-items:center;gap:10px}.grade-boundaries-toggle-label{font-size:.85rem;font-weight:500;color:var(--text-main)}.grade-boundaries-toggle-switch{position:relative;width:44px;height:24px;background:var(--bg-muted);border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:var(--transition)}.grade-boundaries-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-muted);border-radius:50%;transition:var(--transition)}.grade-boundaries-toggle-switch.is-active{background:linear-gradient(135deg,#38bdf8,#10b981);border-color:transparent}.grade-boundaries-toggle-switch.is-active:after{left:calc(100% - 20px);background:#fff}.class-grade-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;background:linear-gradient(135deg,#38bdf826,#10b9811a);border:1px solid rgba(56,189,248,.3);font-size:.65rem;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.04em}.class-grade-badge svg{width:10px;height:10px}:root[data-theme=dark] .grade-boundaries-grid{background:var(--bg-card)}:root[data-theme=dark] .grade-boundaries-row input{background:var(--bg-hover)}:root[data-theme=dark] .grade-boundaries-dropzone{background:#0f172a80}:root[data-theme=dark] .grade-boundaries-chip{background:var(--bg-hover)}:root[data-theme=light] .grade-boundaries-tab.is-active{background:#fff}:root[data-theme=light] .grade-boundaries-dropzone{background:#f8fafccc}@media(max-width:600px){.grade-boundaries-modal-card{padding:16px}.grade-boundaries-header{flex-direction:column;align-items:flex-start}.grade-boundaries-tabs{width:100%}.grade-boundaries-tab{flex:1;text-align:center}.grade-boundaries-grid-header,.grade-boundaries-row{grid-template-columns:1fr .8fr .8fr 36px;gap:6px;padding:8px 10px}.grade-boundaries-footer{flex-direction:column}.grade-boundaries-footer-left,.grade-boundaries-footer-right{width:100%;justify-content:center}}.site-footer{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px var(--app-edge-padding) 20px;width:100%;flex-shrink:0}.site-footer-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--text-main);font-size:.95rem;text-align:center}.site-footer-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.site-footer-link{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:999px;border:1px solid transparent;background:var(--glass);color:var(--text-main);text-decoration:none;font-weight:500;font-size:.9rem;transition:var(--transition)}.site-footer-link:hover{border-color:var(--border-light);background:var(--bg-hover)}.site-footer-separator{color:var(--text-muted)}.site-footer--fixed{position:fixed;left:24px;right:24px;bottom:24px;z-index:20;padding:0}@media(max-width:720px){.site-footer{padding:12px 16px 20px}.site-footer--fixed{left:16px;right:16px;bottom:16px}}.workspace-root #view-workspace,.workspace-page #view-workspace{height:100%;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.workspace-root .workspace,.workspace-page .workspace{min-height:0;height:100vh;overflow:visible;display:flex;flex-direction:column;flex:1}.workspace-root .workspace .main-content,.workspace-page .workspace .main-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow:auto}.workspace .site-footer{margin-top:auto}.workspace .panel{background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.workspace .panel-header{background:transparent;border-bottom:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.workspace-root .app-header{position:sticky;top:0;z-index:40;background:var(--bg-dark);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.workspace-mode-toggle{display:inline-flex;align-items:center;gap:8px;padding:6px;margin:12px 24px 8px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);flex-wrap:wrap}.workspace-mode-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text-muted);font-weight:600;font-size:.85rem;padding:6px 14px;border-radius:999px;cursor:pointer;transition:var(--transition)}.workspace-mode-btn:hover{color:var(--text-main);background:var(--bg-hover)}.workspace-mode-btn.is-active{background:var(--bg-card);color:var(--text-main);box-shadow:var(--shadow-inset)}.workspace-modes{flex:1;min-height:0;display:flex;flex-direction:column}.workspace-mode{flex:1;min-height:0;display:none}.workspace-mode.is-active{display:flex!important;flex-direction:column}.responses-file-strip{display:flex;align-items:center;gap:16px;padding:8px 0;margin:12px 24px 8px}.responses-file-strip--top{margin:12px 24px 4px}.responses-file-strip--top .responses-file-strip-content{justify-content:space-between}.responses-file-strip--sidebar{height:100%;margin:0;padding:8px;box-sizing:border-box}.responses-file-strip--sidebar .responses-file-strip-content{flex-direction:column;align-items:stretch;gap:12px;padding:0;height:100%}.responses-file-strip--sidebar .responses-file-strip-heading{flex-direction:column;align-items:flex-start;gap:6px}.responses-file-strip--sidebar .responses-file-strip-title{padding:0;font-size:.95rem}.workspace-rewards-launch-wrap{margin-top:auto;padding-top:8px}.workspace-awards-btn{width:100%;border:1px solid rgba(178,122,0,.65);border-radius:12px;padding:11px 14px;font-weight:700;font-size:.92rem;letter-spacing:.01em;color:#5f3e00;background:linear-gradient(120deg,#ffffff73 18%,#fff0 30%),linear-gradient(180deg,#ffe8a1,#f8c650 38%,#e5ab20 68%,#d59412);box-shadow:inset 0 1px #ffffff9e,inset 0 -2px #7d4b004d,0 8px 18px #a0690038;cursor:pointer;position:relative;overflow:hidden;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease,filter .22s ease,border-color .22s ease}.workspace-awards-btn:after{content:"";position:absolute;top:-30%;left:-50%;width:38%;height:170%;background:linear-gradient(105deg,#fff0,#ffffff1f 35%,#ffffff80,#ffffff1f 65%,#fff0);transform:rotate(18deg);animation:workspaceAwardsShine 6s ease-in-out infinite;pointer-events:none}.workspace-awards-btn:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(255,230,140,.45) 0%,transparent 70%);opacity:0;animation:awardsGlowPulse 4s ease-in-out infinite;pointer-events:none}.workspace-awards-btn:hover{transform:translateY(-2px) scale(1.015);filter:saturate(1.1) brightness(1.04);border-color:#c89100cc;box-shadow:inset 0 1px #ffffffb3,inset 0 -2px #7d4b0057,0 12px 28px #a069004d,0 0 20px #f3be2826}.workspace-awards-btn:hover:before{animation:none;opacity:.5}.workspace-awards-btn:active{transform:translateY(0) scale(.985);transition-duration:.08s;box-shadow:inset 0 2px 4px #643c0033,0 4px 10px #a069002e}.workspace-awards-btn:focus-visible{outline:3px solid rgba(243,178,0,.35);outline-offset:2px}.workspace-awards-btn:disabled{cursor:not-allowed;opacity:.65;filter:grayscale(.1)}.workspace-awards-btn:disabled:after,.workspace-awards-btn:disabled:before{animation:none;opacity:0}@keyframes workspaceAwardsShine{0%{left:-50%;opacity:0}8%{opacity:.7}22%{left:120%;opacity:0}to{left:120%;opacity:0}}@keyframes awardsGlowPulse{0%,to{opacity:0}50%{opacity:.35}}.panel-toggles-group{display:flex!important;flex-direction:row!important;width:100%!important;margin:8px 0 0!important;padding:3px!important;flex-shrink:0;box-sizing:border-box!important;background:transparent;border:none;border-radius:10px;box-shadow:none;gap:2px}.panel-toggle-btn{flex:1;padding:6px 4px;min-height:30px;border:1px solid rgba(0,0,0,.08);background:#ffffffb3;color:var(--text-muted);font-size:.72rem;font-weight:600;letter-spacing:.01em;white-space:nowrap;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease,transform .15s ease;border-radius:7px;margin:0;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000000a}.panel-toggle-btn:hover{color:var(--text-main);background:#ffffffe6;border-color:#0000001f;box-shadow:0 2px 6px #00000014}.panel-toggle-btn:active{transform:scale(.97);transition-duration:.08s}.panel-toggle-btn[aria-pressed=true]{background:#e0f2fed9;color:#0369a1;border-color:#0ea5e966;box-shadow:0 0 8px #0ea5e926,0 1px 3px #0ea5e91a}.panel-toggle-btn[aria-pressed=true]:hover{background:#cfebfce6;color:#0284c7;border-color:#0ea5e98c;box-shadow:0 0 12px #0ea5e938,0 2px 6px #0ea5e91f}:root[data-theme=dark] .panel-toggle-btn{background:#ffffff0f;border-color:#ffffff14;color:#a1a1aa;box-shadow:0 1px 2px #0003}:root[data-theme=dark] .panel-toggle-btn:hover{background:#ffffff1a;border-color:#ffffff24;color:#e4e4e7;box-shadow:0 2px 6px #00000040}:root[data-theme=dark] .panel-toggle-btn[aria-pressed=true]{background:#38bdf81f;border-color:#38bdf859;color:#38bdf8;box-shadow:0 0 10px #38bdf826,0 1px 3px #0003}:root[data-theme=dark] .panel-toggle-btn[aria-pressed=true]:hover{background:#38bdf82e;border-color:#38bdf880;color:#7dd3fc;box-shadow:0 0 14px #38bdf838,0 2px 6px #0003}.responses-file-strip--sidebar .responses-file-strip-list{display:flex!important;flex-direction:column!important;flex:1!important;overflow-y:auto;overflow-x:hidden;padding:0!important;margin:8px 0 0!important;gap:4px!important;background:transparent;border-radius:0!important;border:none!important;box-shadow:none!important;width:100%!important;box-sizing:border-box!important}.responses-file-strip--sidebar .history-item{margin:0;min-width:0;max-width:none;width:100%;flex:0 0 auto;border-radius:8px!important;padding:10px 12px;display:flex;flex-direction:row;align-items:center;gap:10px;cursor:pointer;position:relative;transition:background-color .15s ease,border-color .15s ease;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;box-shadow:none}.responses-file-strip--sidebar .history-item.is-marked-item{background:#ecfdf5;border-color:#a7f3d0}.responses-file-strip--sidebar .history-item:hover{background:#e2e8f0;border-color:#cbd5e1}.responses-file-strip--sidebar .history-item.is-marked-item:hover{background:#d1fae5;border-color:#6ee7b7}.responses-file-strip--sidebar .history-item.active{background:linear-gradient(180deg,#0ea5e91a,#0ea5e92e)!important;border-color:#0ea5e9!important;box-shadow:0 0 8px #0ea5e94d,0 0 16px #0ea5e91f!important}.responses-file-strip--sidebar .history-item.active,.responses-file-strip--sidebar .history-item.active *{color:#0ea5e9!important}.responses-file-strip--sidebar .history-item.active .history-checkbox{border-color:#0ea5e980}.responses-file-strip--sidebar .history-item-moving{z-index:5;box-shadow:0 8px 20px #0003;background:var(--bg-card)}.responses-file-strip--sidebar .history-checkbox{flex-shrink:0;width:18px;height:18px;border-radius:4px;border:2px solid var(--border);background:var(--bg-card);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.responses-file-strip--sidebar .history-item:not(.is-marked-item) .history-checkbox{border-color:#b4b4b480;background:transparent}.responses-file-strip--sidebar .history-item.is-marked-item .history-checkbox{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669;box-shadow:0 2px 4px #10b9814d}.responses-file-strip--sidebar .history-checkbox-icon{color:#fff;width:12px;height:12px}.responses-file-strip--sidebar .history-file-row{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.responses-file-strip--sidebar .history-student-name{font-size:.82rem;font-weight:600;text-transform:none;letter-spacing:normal;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.responses-file-strip--sidebar .history-file-name{font-size:.72rem;font-weight:500;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.responses-file-strip--sidebar .file-status-indicators{display:none}:root[data-theme=dark] .responses-file-strip--sidebar .history-item{background:#1e293b;border-color:#334155;box-shadow:none}:root[data-theme=dark] .responses-file-strip--sidebar .history-item.is-marked-item{background:#064e3b;border-color:#065f46}:root[data-theme=dark] .responses-file-strip--sidebar .history-item:hover{background:#334155;border-color:#475569;box-shadow:none}:root[data-theme=dark] .responses-file-strip--sidebar .history-item.active{background:#0ea5e926!important;border-color:#0ea5e9!important;box-shadow:0 0 10px #0ea5e959,0 0 20px #0ea5e926!important}:root[data-theme=dark] .responses-file-strip--sidebar .history-item.active,:root[data-theme=dark] .responses-file-strip--sidebar .history-item.active *{color:#38bdf8!important}:root[data-theme=dark] .responses-file-strip--sidebar .history-item:not(.is-marked-item) .history-checkbox{border-color:#78829666;background:#ffffff0d}.responses-priority{margin:14px 24px 4px;padding:16px 18px;border-radius:18px;background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft)}.responses-priority-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}.responses-priority-header h3{margin:0;font-size:1rem;font-weight:700;color:var(--text-main)}.responses-priority-header p{margin:4px 0 0;font-size:.8rem;color:var(--text-muted)}.responses-priority-sort{display:flex;flex-direction:column;gap:6px}.responses-priority-sort label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600}.responses-priority-select{padding:8px 32px 8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-main);font-size:.85rem;font-weight:600;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.responses-priority-list{display:flex;flex-direction:column;gap:10px}.priority-response{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;transition:all .2s ease}.priority-response:hover{border-color:var(--border-light);box-shadow:0 6px 16px #00000014;transform:translateY(-1px)}.priority-response-text{display:flex;flex-direction:column;gap:4px;min-width:0}.priority-response-title{font-size:.95rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.priority-response-meta{font-size:.75rem;color:var(--text-muted)}.priority-response-pill{padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#7c3aed}.responses-priority-empty{font-size:.85rem;color:var(--text-muted);padding:8px 4px}.responses-file-strip-content{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:6px 12px;background:transparent;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.viewer-toggles{display:inline-flex;align-items:center;gap:0;background:linear-gradient(145deg,#fffffff2,#f0f5fce6);border:1px solid rgba(210,223,238,.7);border-radius:10px;padding:4px;box-shadow:0 8px 24px #0f172a1f,inset 0 2px 4px #ffffffe6,inset 0 -1px 2px #b4c3d733;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.viewer-toggles .btn-secondary{border-radius:8px;padding:8px 14px;border:1px solid transparent;background:transparent;color:#3d4f6a;box-shadow:none;font-size:.82rem;font-weight:500;transition:all .15s ease}.viewer-toggles .btn-secondary:hover{background:#c8d7eb66}.viewer-toggles .btn-secondary[aria-pressed=true]{background:linear-gradient(145deg,#fffffffa,#f5f8fcf2);border-color:#c8d7eb99;box-shadow:0 2px 6px #0f172a14}.responses-file-strip-title{padding:4px 12px;border-radius:999px;font-weight:600;color:var(--text-main);background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;white-space:nowrap;text-decoration:none;cursor:pointer}.responses-file-strip-heading{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:0}.responses-file-strip-heading .btn-secondary-sm{white-space:nowrap}.file-strip-scroll{min-width:34px;padding:4px 10px;border-radius:999px}.folder-view-link{color:inherit;text-decoration:underline}.responses-file-strip-list{display:flex;align-items:stretch;gap:12px;overflow-x:auto;padding:4px 8px;scrollbar-width:none;flex:1;background:transparent;border:0;border-radius:0;box-shadow:none}.responses-file-strip-list::-webkit-scrollbar{display:none}.responses-file-strip-actions{display:flex;align-items:center;justify-content:flex-end}.responses-file-strip-list .history-item{margin:0;min-width:180px;max-width:240px;flex:0 0 auto;border:1px solid var(--glass-border);background:var(--glass);border-radius:3px;padding:6px 12px}.responses-file-strip-list .history-item-upload{border:1px solid rgba(14,165,233,.35)!important;border-radius:10px!important;background:linear-gradient(180deg,#fff,#e0f2fed9)!important;color:#0f172a;min-height:44px;box-shadow:0 8px 16px #0ea5e91a,0 0 0 1px #ffffffe6 inset;justify-content:center;padding:10px 12px;position:relative;overflow:hidden;z-index:0;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.responses-file-strip-list .history-item-upload:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 92% -12%,rgba(14,165,233,.2),transparent 50%);opacity:.8;z-index:-1}.responses-file-strip-list .history-item-upload:hover{border-color:#0ea5e98c!important;background:linear-gradient(180deg,#fff,#bae6fdd9)!important;transform:translateY(-1px);box-shadow:0 14px 24px #0ea5e92e,0 0 0 1px #ffffffe6 inset,0 0 16px #0ea5e914}.responses-file-strip-list .history-item-upload .history-item-icon{width:38px;height:38px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#0ea5e938;border:1px solid rgba(14,165,233,.35);box-shadow:inset 0 0 0 1px #0ea5e959;flex-shrink:0;transition:transform .15s ease,box-shadow .15s ease}.responses-file-strip-list .history-item-upload:hover .history-item-icon{transform:rotate(-4deg) scale(1.04);box-shadow:0 0 0 1px #0ea5e973}.responses-file-strip-list .history-item-upload .history-item-icon img{width:18px;height:18px}.responses-file-strip-list .history-item-upload .history-file-row{align-items:center;text-align:center}.responses-file-strip-list .history-item-upload:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.responses-file-strip-list .history-item-upload:active{transform:translateY(0);box-shadow:0 6px 16px #0284c72e}.responses-file-strip-list .history-item-upload .history-student-name{color:#0284c7;font-weight:700;letter-spacing:.005em}.responses-file-strip-list .history-item-upload .history-file-name{color:#0369a1;font-weight:600;letter-spacing:.002em}.responses-file-strip-list .history-item.active{border-color:var(--primary);background:#38bdf824;box-shadow:0 0 0 3px var(--primary-glow)}:root[data-theme=dark] .responses-file-strip-list .history-item-upload{color:#f0f9ff;border-color:#38bdf873!important;background:linear-gradient(180deg,#0f172a,#0f172ad9)!important;box-shadow:0 8px 16px #38bdf81f,0 0 0 1px #ffffff0d inset}:root[data-theme=dark] .responses-file-strip-list .history-item-upload:hover{border-color:#7dd3fca6!important;background:linear-gradient(180deg,#0f172a,#0f172aa6)!important;box-shadow:0 12px 22px #38bdf833,0 0 0 1px #ffffff14 inset,0 0 12px #38bdf814}:root[data-theme=dark] .responses-file-strip-list .history-item-upload .history-item-icon{background:#38bdf842}:root[data-theme=dark] .responses-file-strip-list .history-item-upload .history-student-name,:root[data-theme=dark] .responses-file-strip-list .history-item-upload .history-file-name{color:#bae6fd}:root[data-theme=dark] .viewer-toggles{background:#1e293bf2;border-color:var(--border);box-shadow:0 8px 24px #0000004d}:root[data-theme=dark] .viewer-toggles .btn-secondary{background:transparent;border-color:transparent;color:var(--text-main);box-shadow:none}:root[data-theme=dark] .viewer-toggles .btn-secondary:hover{background:var(--bg-hover)}:root[data-theme=dark] .viewer-toggles .btn-secondary[aria-pressed=true]{background:var(--bg-card);border-color:var(--border);box-shadow:var(--shadow-soft)}.transcription-queue{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 24px 12px;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.transcription-queue.hidden{display:none}.queue-label{font-weight:600;color:var(--text-main)}.queue-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.queue-item{padding:4px 10px;border-radius:999px;border:1px solid var(--glass-border);background:var(--bg-card-strong);color:var(--text-muted);font-size:.75rem;font-weight:600}.queue-item.is-active{background:#f59e0b33;border-color:#f59e0b;color:var(--text-main)}.transcription-status-text{margin:10px 16px 0;color:var(--text-muted);font-size:.9rem}.transcription-status-text.hidden{display:none}.student-context-banner{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 24px 12px;padding:6px 8px;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass);box-shadow:inset 0 2px 6px #ffffff59;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.student-context-banner.hidden{display:none}.student-context-main{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:0}.student-context-name{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:var(--bg-card-strong);border:1px solid var(--glass-border);font-weight:600;font-size:.8rem;color:var(--text-main);white-space:nowrap}.student-context-name svg{color:var(--primary);flex-shrink:0;width:14px;height:14px}.student-context-stats{display:flex;align-items:center;gap:6px}.student-context-stat{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--bg-card-strong);border:1px solid var(--glass-border)}.student-context-stat .stat-label{font-size:.65rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em}.student-context-stat .stat-value{font-size:.8rem;font-weight:700;color:var(--text-main)}.student-context-stat .stat-rag{padding:3px 10px;margin:-3px -8px -3px 0;border-radius:999px;font-size:.7rem;font-weight:600}.student-context-stat .stat-rag.is-gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1f2937}.student-context-stat .stat-rag.is-green{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.student-context-stat .stat-rag.is-amber{background:linear-gradient(135deg,#fb923c,#f97316);color:#1f2937}.student-context-stat .stat-rag.is-red{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff}.student-context-stat .stat-rag.is-muted{background:var(--bg-muted);color:var(--text-muted)}.student-context-link{display:flex;align-items:center;gap:5px;padding:6px 14px;border-radius:999px;font-size:.75rem;font-weight:600;color:var(--primary);background:#38bdf81a;border:1px solid rgba(56,189,248,.3);text-decoration:none;white-space:nowrap;transition:background .15s ease,border-color .15s ease}.student-context-link:hover{background:#38bdf833;border-color:var(--primary)}.student-context-link svg{width:12px;height:12px}@media(max-width:1100px){.student-context-banner{flex-wrap:wrap;border-radius:var(--radius-lg);padding:8px 12px}.student-context-main,.student-context-stats{flex-wrap:wrap}}@media(max-width:700px){.student-context-banner{margin:0 16px 10px}.student-context-stat .stat-label{display:none}}@media(max-width:700px){.responses-file-strip{margin:10px 16px 6px;padding:6px 0;gap:12px}.responses-priority{margin:12px 16px 4px;padding:14px 16px}.responses-file-strip-content{padding:6px 10px;flex-wrap:wrap}.responses-file-strip-list .history-item{min-width:160px}.transcription-queue{margin:0 16px 10px;padding:8px 12px}.workspace .file-list-panel{display:none!important}}.workspace-body{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.workspace-body.is-launcher #workspace-launcher{display:block}.workspace-body.is-launcher .drop-zone{display:none}#workspace-launcher{display:none;position:absolute;top:20px;right:20px;bottom:20px;left:20px;padding:28px;border-radius:var(--radius-lg);background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow-strong);overflow:auto}.launcher-header h2{margin:0 0 6px;font-size:1.5rem;font-weight:700;color:var(--text-main)}.launcher-header p{margin:0 0 18px;color:var(--text-muted)}.launcher-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.launcher-column{display:flex;flex-direction:column;gap:12px;min-height:0}.launcher-column-header h3{margin:0;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.launcher-list{display:flex;flex-direction:column;gap:10px}.launcher-item{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-main);text-decoration:none;transition:all .2s ease}.launcher-item.launcher-item-add{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;background:linear-gradient(145deg,#d6f6eef2,#beebdee6);border-color:#78c8af99;color:#0f3c2f;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.launcher-item.launcher-item-add:hover{background:linear-gradient(145deg,#c8ece4fa,#aae0d0f2);border-color:#60b096b3}.launcher-item.launcher-item-add:disabled{opacity:.7;cursor:default;transform:none;box-shadow:none}.launcher-item:hover{border-color:var(--border-light);box-shadow:0 6px 16px #00000014;transform:translateY(-1px)}.launcher-item-title{font-size:.95rem;font-weight:600;color:var(--text-main)}.launcher-item-meta{font-size:.75rem;color:var(--text-muted)}.launcher-empty{padding:12px 14px;border-radius:12px;border:1px dashed var(--border);color:var(--text-muted);font-size:.85rem;text-align:center}.launcher-status{align-self:flex-start;padding:2px 8px;border-radius:999px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border:1px solid transparent}.launcher-status.is-queued{background:#fbbf2433;border-color:#fbbf2459;color:#f59e0b}.launcher-status.is-transcribing{background:#38bdf833;border-color:#38bdf859;color:#0ea5e9}.launcher-status.is-needs-marking{background:#38bdf826;border-color:#38bdf84d;color:#0ea5e9}.launcher-status.is-needs-transcription{background:#8b5cf626;border-color:#8b5cf64d;color:#7c3aed}.launcher-status.is-marked{background:#10b98126;border-color:#10b98159;color:#10b981}@media(max-width:980px){.launcher-grid{grid-template-columns:1fr}}#split-view{flex:1;min-height:0;height:100%;position:relative;display:flex}.workspace .file-list-panel{background:var(--bg-main)!important;border-right:1px solid var(--border);overflow:hidden;min-width:0;padding:0!important;margin:0!important;box-sizing:border-box}:root[data-theme=dark] .workspace .file-list-panel{background:var(--bg-main)!important}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .workspace .file-list-panel{background:var(--bg-main)!important}.workspace .file-list-panel.hidden,.workspace .responses-file-strip--top{display:none!important}.workspace .file-list-panel .responses-file-strip{margin:0!important;padding:0!important;gap:0!important;width:100%!important;background:transparent!important}.workspace .file-list-panel .responses-file-strip--sidebar{height:100%!important;width:100%!important;display:flex!important;flex-direction:column!important;padding:0!important;margin:0!important;box-sizing:border-box!important;overflow:hidden;background:transparent!important}.workspace .file-list-panel .responses-file-strip--sidebar .responses-file-strip-content{padding:0!important;margin:0!important;gap:8px!important;width:100%!important;box-sizing:border-box!important}.workspace .file-list-panel .responses-file-strip-content{flex:1!important;display:flex!important;flex-direction:column!important;min-height:0;padding:0!important;margin:0!important;gap:8px!important;width:100%!important;box-sizing:border-box!important;overflow:hidden;background:transparent!important}.workspace .file-list-panel .panel-toggles-group{margin:0!important;border-radius:0!important;border-left:none!important;border-right:none!important;border-top:none!important}.workspace-upload-slot{padding:0 10px;flex-shrink:0}.workspace-folder-tools{padding:0 10px 8px;display:grid;gap:8px;flex-shrink:0;margin-top:auto}.workspace-awards-btn--sidebar{width:100%}.workspace-folder-tool-btn{width:100%;justify-content:center;border-radius:10px;padding:10px 12px;font-weight:700;letter-spacing:.01em;cursor:pointer}@media(prefers-reduced-motion:reduce){.workspace-awards-btn:after,.workspace-awards-btn:before{animation:none!important;opacity:0!important}.workspace-awards-btn,.workspace-folder-tool-btn--collate,.workspace-folder-tool-btn--ai,.workspace-folder-tool-btn--upload,.panel-toggle-btn{transition-duration:.01ms!important}}.workspace-folder-tool-btn--collate{position:relative;overflow:hidden;border:1px solid rgba(14,165,233,.35);color:#075985;background:linear-gradient(180deg,#fff,#e0f2fed9);box-shadow:0 8px 16px #0ea5e91a,0 0 0 1px #ffffffe6 inset;display:inline-flex;align-items:center;gap:10px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease,background .22s ease,border-color .22s ease}.workspace-folder-tool-btn--collate .workspace-collate-btn__icon{flex:0 0 auto;opacity:.95;transition:transform .22s ease,filter .22s ease}.workspace-folder-tool-btn--collate .workspace-collate-btn__text{font-size:.92rem;font-weight:800;letter-spacing:.01em}.workspace-folder-tool-btn--collate:hover{transform:translateY(-2px) scale(1.015);border-color:#0ea5e98c;background:linear-gradient(180deg,#fff,#bae6fdd9);box-shadow:0 12px 24px #0ea5e92e,0 0 0 1px #ffffffe6 inset,0 0 16px #0ea5e914}.workspace-folder-tool-btn--collate:hover .workspace-collate-btn__icon{transform:scale(1.08);filter:drop-shadow(0 2px 4px rgba(14,165,233,.3))}.workspace-folder-tool-btn--collate:active{transform:translateY(0) scale(.985);transition-duration:.08s;box-shadow:0 4px 10px #0ea5e91f,0 1px 3px #0000000f inset}.workspace-folder-tool-btn--upload{position:relative;overflow:hidden;border:1px solid rgba(16,185,129,.35);color:#065f46;background:linear-gradient(180deg,#fff,#d1fae5d9);box-shadow:0 8px 16px #10b9811a,0 0 0 1px #ffffffe6 inset;display:inline-flex;align-items:center;gap:10px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease,background .22s ease,border-color .22s ease}.workspace-folder-tool-btn--upload .workspace-upload-btn__icon{flex:0 0 auto;opacity:.95;transition:transform .22s ease,filter .22s ease}.workspace-folder-tool-btn--upload .workspace-upload-btn__text{font-size:.92rem;font-weight:800;letter-spacing:.01em}.workspace-folder-tool-btn--upload:hover{transform:translateY(-2px) scale(1.015);border-color:#10b9818c;background:linear-gradient(180deg,#fff,#a7f3d0d9);box-shadow:0 12px 24px #10b9812e,0 0 0 1px #ffffffe6 inset,0 0 16px #10b98114}.workspace-folder-tool-btn--upload:hover .workspace-upload-btn__icon{transform:scale(1.08);filter:drop-shadow(0 2px 4px rgba(16,185,129,.3))}.workspace-folder-tool-btn--upload:active{transform:translateY(0) scale(.985);transition-duration:.08s;box-shadow:0 4px 10px #10b9811f,0 1px 3px #0000000f inset}:root[data-theme=dark] .workspace-folder-tool-btn--upload{border-color:#34d39966;color:#a7f3d0;background:linear-gradient(180deg,#0f172a,#064e3b73);box-shadow:0 8px 16px #10b9811f,0 0 0 1px #ffffff0d inset}:root[data-theme=dark] .workspace-folder-tool-btn--upload:hover{border-color:#6ee7b799;background:linear-gradient(180deg,#0f172a,#064e3b99);box-shadow:0 12px 24px #10b98133,0 0 0 1px #ffffff14 inset,0 0 16px #10b9811a}.workspace-folder-tool-btn--ai{position:relative;overflow:hidden;border:1px solid rgba(139,92,246,.35);color:#fff;background:radial-gradient(ellipse 120% 80% at 20% 10%,rgba(167,139,250,.35) 0%,transparent 50%),linear-gradient(135deg,#8b5cf6,#7c3aed 45%,#6d28d9);box-shadow:0 10px 22px #8b5cf638,0 0 0 1px #ffffff14 inset;display:inline-flex;align-items:center;gap:10px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease,background .22s ease,border-color .22s ease}.workspace-folder-tool-btn--ai .workspace-ai-btn__icon{flex:0 0 auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.2));transition:transform .3s cubic-bezier(.34,1.56,.64,1),filter .22s ease}.workspace-folder-tool-btn--ai .workspace-ai-btn__text{font-size:.92rem;font-weight:700;letter-spacing:.01em}.workspace-folder-tool-btn--ai:hover:not(:disabled){transform:translateY(-2px) scale(1.015);border-color:#8b5cf68c;background:radial-gradient(ellipse 120% 80% at 20% 10%,rgba(167,139,250,.45) 0%,transparent 50%),linear-gradient(135deg,#9061f9,#8b5cf6 45%,#7c3aed);box-shadow:0 14px 32px #8b5cf652,0 0 0 1px #ffffff1f inset,0 0 20px #8b5cf61f}.workspace-folder-tool-btn--ai:hover:not(:disabled) .workspace-ai-btn__icon{transform:scale(1.1) rotate(-6deg);filter:drop-shadow(0 4px 8px rgba(139,92,246,.4))}.workspace-folder-tool-btn--ai:active:not(:disabled){transform:translateY(0) scale(.985);transition-duration:.08s;box-shadow:0 6px 14px #8b5cf638,0 2px 6px #0000001a inset}.workspace-folder-tool-btn--ai:focus-visible{outline:none;box-shadow:0 0 0 4px #8b5cf647,0 12px 24px #8b5cf638}.workspace-folder-tool-btn--ai:disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:0 8px 18px #8b5cf61f,0 0 0 1px #ffffff0f inset}.split-view.folder-marks-view .folder-marks-panel,.split-view.folder-analysis-view .folder-analysis-panel{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.split-view.folder-marks-view .folder-marks-panel .panel-header,.split-view.folder-analysis-view .folder-analysis-panel .panel-header{background:#fff!important;border-bottom:1px solid #e5e7eb!important}.split-view.folder-marks-view .folder-marks-panel .mark-content,.split-view.folder-analysis-view .folder-analysis-panel .mark-content,.split-view.folder-marks-view .folder-marks-panel .mark-results,.split-view.folder-analysis-view .folder-analysis-panel .mark-results{background:#fff!important}.workspace .file-list-panel .responses-file-strip-list{padding:0 10px!important;gap:4px!important;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.workspace .file-list-panel .responses-file-strip-list::-webkit-scrollbar{width:4px}.workspace .file-list-panel .responses-file-strip-list::-webkit-scrollbar-track{background:transparent}.workspace .file-list-panel .responses-file-strip-list::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}:root[data-theme=dark] .workspace .file-list-panel .responses-file-strip-list{scrollbar-color:rgba(255,255,255,.15) transparent}:root[data-theme=dark] .workspace .file-list-panel .responses-file-strip-list::-webkit-scrollbar-thumb{background:#ffffff26}.workspace .file-list-panel .history-item{border-radius:10px!important;margin:0!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}.workspace .file-list-panel .history-item:hover{background:#e2e8f0!important}.workspace .file-list-panel .history-item.active,.workspace .file-list-panel .history-item.is-selected{background:linear-gradient(180deg,#0ea5e91f,#0ea5e92e)!important;border-color:#0ea5e9!important;border-radius:10px!important;box-shadow:0 0 8px #0ea5e94d,0 0 16px #0ea5e91f!important}.workspace .file-list-panel .history-item.active *,.workspace .file-list-panel .history-item.is-selected *{color:#0ea5e9!important}:root[data-theme=dark] .workspace .file-list-panel .history-item{background:#1e293b!important;border-color:#334155!important;border-radius:10px!important}:root[data-theme=dark] .workspace .file-list-panel .history-item:hover{background:#334155!important}:root[data-theme=dark] .workspace .file-list-panel .history-item.active,:root[data-theme=dark] .workspace .file-list-panel .history-item.is-selected{background:#0ea5e926!important;border-color:#0ea5e9!important;box-shadow:0 0 10px #0ea5e959,0 0 20px #0ea5e926!important}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .workspace .file-list-panel .history-item{background:#faf8f5!important;border-color:#e8e4dc!important;border-radius:10px!important}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .workspace .file-list-panel .history-item:hover{background:#f5f2eb!important}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .workspace .file-list-panel .history-item.active,:is([data-theme=sepia-light],[data-theme=sepia-dark]) .workspace .file-list-panel .history-item.is-selected{background:#0ea5e91f!important;border-color:#0ea5e9!important;box-shadow:0 0 8px #0ea5e940,0 0 16px #0ea5e91a!important}.workspace .file-list-panel .responses-file-strip-heading{flex-shrink:0;padding:12px 14px;background:var(--bg-card);border-bottom:1px solid var(--border);margin:0}:root[data-theme=dark] .workspace .file-list-panel .responses-file-strip-heading{background:var(--bg-card)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .workspace .file-list-panel .responses-file-strip-heading{background:var(--bg-card)}.workspace .file-list-panel .responses-file-strip-title{font-size:.8rem;font-weight:700;color:var(--text-main);padding:0;border-radius:0;background:none;text-transform:uppercase;letter-spacing:.05em}.workspace .file-list-panel .responses-file-strip-title:hover{background:none;color:var(--primary)}.workspace .file-list-panel .btn-secondary-sm{margin-top:8px;font-size:.72rem}.drop-zone{position:absolute;top:20px;right:20px;bottom:20px;left:20px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.drop-content{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);padding:64px;border-radius:var(--radius-lg);text-align:center;max-width:500px;width:calc(100% - 32px);box-shadow:var(--shadow-strong)}.drop-type-row{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0 0;flex-wrap:wrap}.drop-type-label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.drop-type-select{height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-main);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition)}.drop-type-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.drop-zone.drag-active .drop-content{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);transform:scale(1.02)}.drop-zone.is-workspace-loading{pointer-events:none}.drop-zone.is-workspace-loading .drop-content{display:none}.drop-zone-loader{display:none;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);padding:56px 52px;border-radius:var(--radius-lg);text-align:center;max-width:520px;width:calc(100% - 32px);box-shadow:var(--shadow-strong)}.drop-zone.is-workspace-loading .drop-zone-loader{display:block}.drop-zone-loader-title{margin:0 0 10px;font-size:1.05rem;font-weight:750;color:var(--text-main)}.drop-zone-loader-message{margin:0 0 18px;font-size:.95rem;color:var(--text-muted);min-height:1.45em}.drop-zone-loader-bar{height:12px;border-radius:999px;background:#0000000f;border:1px solid rgba(0,0,0,.08);overflow:hidden;box-shadow:inset 0 1px 2px #0000001f}:root[data-theme=dark] .drop-zone-loader-bar{background:#ffffff0f;border-color:#ffffff1f;box-shadow:inset 0 1px 2px #00000059}.drop-zone-loader-bar-fill{height:100%;width:46%;border-radius:999px;background:linear-gradient(90deg,#0ea5e926,#0ea5e9f2 45%,#0ea5e926);filter:drop-shadow(0 0 10px rgba(14,165,233,.35));animation:drop-zone-loader-move 1.15s ease-in-out infinite}@keyframes drop-zone-loader-move{0%{transform:translate(-120%);opacity:.65}50%{opacity:1}to{transform:translate(210%);opacity:.65}}.drop-zone-loader-hint{margin:14px 0 0;font-size:.82rem;color:var(--text-muted);opacity:.9}.icon-circle{width:80px;height:80px;background:var(--bg-hover);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:var(--primary)}.pdf-viewer-wrapper{position:relative;display:flex;flex-direction:column;flex:1;min-height:0}.left-panel{background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.right-panel{background:transparent;border:none;box-shadow:none}:root[data-theme=dark] .left-panel{background:transparent}.pdf-container{flex:1;background:transparent;overflow:auto;padding:16px}#workspace-pdf-canvas{display:block;margin:0 auto}.workspace-pdf-toolbar{position:sticky;top:0;left:0;right:0;transform:none;z-index:10;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:100%;box-sizing:border-box;background:transparent;border:none;border-radius:0;padding:10px 16px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;flex-wrap:nowrap;white-space:normal}.workspace-pdf-toolbar .btn-secondary{background:linear-gradient(180deg,var(--bg-card) 0%,rgba(0,0,0,.02) 100%);border:1px solid var(--border);border-radius:8px!important;padding:8px 16px;min-height:34px;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;box-shadow:0 1px 2px #0000000d,0 2px 4px #0000000d,inset 0 1px #ffffff1a;transition:all .12s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;line-height:1;flex:1 1 auto;min-width:max-content;margin:0;position:relative}.workspace-pdf-toolbar .btn-secondary:hover{background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,var(--bg-card) 100%);border-color:var(--border-light);box-shadow:0 2px 4px #00000014,0 4px 8px #0000000f,inset 0 1px #ffffff26;color:var(--text-main);transform:translateY(-1px)}.workspace-pdf-toolbar .btn-secondary:active{transform:translateY(0);box-shadow:inset 0 2px 4px #0000001a,inset 0 1px 2px #0000001a;background:linear-gradient(180deg,rgba(0,0,0,.03) 0%,var(--bg-card) 100%)}.workspace-pdf-page-indicator{flex:1 1 auto;text-align:center;min-width:100px;padding:8px 14px;background:linear-gradient(180deg,var(--bg-card) 0%,rgba(0,0,0,.02) 100%);border:1px solid var(--border);border-radius:8px;font-size:.78rem;font-weight:600;color:var(--text-main);box-shadow:0 1px 2px #0000000d,inset 0 1px #ffffff1a;order:1}.workspace-pdf-toolbar .panel-header-zoom{display:inline-flex;align-items:center;gap:0;justify-content:center;flex:1 1 auto;padding:0;border-radius:0;background:transparent;border:none;order:2}.workspace-pdf-toolbar .pdf-zoom-btn{gap:4px;padding:8px 12px}.workspace-pdf-toolbar .pdf-zoom-text{display:none}.workspace-pdf-toolbar .panel-header-zoom-label{font-size:.78rem;font-weight:700;color:var(--text-main);min-width:55px;text-align:center;padding:8px 14px;background:linear-gradient(180deg,var(--bg-card) 0%,rgba(0,0,0,.02) 100%);border:1px solid var(--border);border-left:none;border-right:none;box-shadow:inset 0 1px #ffffff1a}.workspace-pdf-toolbar .panel-header-zoom .btn-secondary:first-child{border-radius:8px 0 0 8px!important;border-right:none}.workspace-pdf-toolbar .panel-header-zoom .btn-secondary:last-child{border-radius:0 8px 8px 0!important;border-left:none}.workspace-pdf-toolbar>.btn-secondary:first-of-type,.workspace-pdf-toolbar>.btn-secondary:last-of-type{order:3}#workspace-pdf-prev-btn{order:3;border-radius:8px 0 0 8px!important;border-right:none}#workspace-pdf-next-btn{order:4;border-radius:0 8px 8px 0!important}.workspace-pdf-toolbar .btn-secondary.btn-icon-only{width:34px;height:34px;padding:0;justify-content:center}@media(max-width:980px){.workspace-pdf-toolbar{justify-content:center;flex-wrap:wrap;gap:4px}}@media(max-width:720px){.workspace-pdf-toolbar{justify-content:center;border-radius:0}}:root[data-theme=dark] .workspace-pdf-toolbar{background:transparent;border:none;box-shadow:none}:root[data-theme=dark] .workspace-pdf-toolbar .btn-secondary{background:var(--bg-card);border-color:var(--border);color:var(--text-muted);box-shadow:none}:root[data-theme=dark] .workspace-pdf-toolbar .btn-secondary:hover{background:var(--bg-hover);color:var(--text-main)}:root[data-theme=dark] .workspace-pdf-toolbar .panel-header-zoom-label,:root[data-theme=dark] .workspace-pdf-page-indicator{color:var(--text-muted);background:var(--bg-card)}.transcribe-cta{flex:1;display:flex;align-items:center;justify-content:center;text-align:center}.panel-header-actions{display:flex;align-items:center;gap:8px}.cta-content p{font-size:1.1rem;margin-bottom:16px;color:var(--text-main)}.viewer-toggles .btn-secondary.active{background:linear-gradient(145deg,#fffffffa,#f5f8fcf2);border-color:#c8d7eb99;box-shadow:0 2px 6px #0f172a14}:root[data-theme=dark] .viewer-toggles .btn-secondary.active{background:var(--bg-card);border-color:var(--border);box-shadow:var(--shadow-soft)}.transcription-panel{background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;position:relative;display:flex;flex-direction:column;min-height:0}.transcription-panel .editor-container{background:transparent;padding-top:0;flex:1;min-height:0;overflow-y:auto}.mark-panel{position:relative;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.mark-panel .mark-content{padding-top:0;position:relative;display:flex;flex-direction:column;padding-bottom:calc(88px + env(safe-area-inset-bottom));flex:0 0 auto;min-height:0;height:auto;overflow:visible}#mark-content{min-height:0;height:auto;max-height:none}#mark-selects,.mark-panel .mark-highlight-sections,.mark-panel .mark-inputs-row,.mark-panel #mark-results{scroll-margin-top:90px}.mark-panel .mark-controls{display:flex;flex-direction:column;gap:16px;padding:16px;border-radius:0;background:transparent;border:none;box-shadow:none}.mark-section{display:flex;flex-direction:column;gap:12px;padding:12px;border-radius:10px;background:linear-gradient(145deg,#fffffff2,#f0f5fce6);border:1px solid rgba(210,223,238,.7);box-shadow:0 4px 12px #0f172a14}.mark-section.is-collapsed{display:none}.mark-section-header{display:flex;flex-direction:column;gap:4px}.mark-section-title{font-size:.9rem;font-weight:700;color:var(--text-main)}.mark-section-desc{font-size:.78rem;color:var(--text-muted)}.mark-selects{display:flex;flex-direction:column;gap:10px;max-height:0;opacity:0;overflow:hidden;pointer-events:none;transition:max-height .25s ease,opacity .2s ease}.mark-selects.is-open{max-height:1400px;opacity:1;pointer-events:auto}.mark-feedback-structure{margin-top:0;padding:12px 14px;border-radius:10px;background:linear-gradient(145deg,#fffffff2,#f0f5fce6);border:1px solid rgba(210,223,238,.7);box-shadow:0 4px 12px #0f172a14}.mark-feedback-structure-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.mark-feedback-structure-header-main{display:flex;flex-direction:column;gap:2px}.mark-feedback-structure-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mark-feedback-toggle{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-muted);cursor:pointer}.mark-feedback-toggle input{position:absolute;opacity:0;width:0;height:0}.mark-feedback-toggle-track{width:38px;height:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:999px;position:relative;transition:background .2s ease,border-color .2s ease}.mark-feedback-toggle-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--text-muted);border-radius:50%;transition:transform .2s ease,background .2s ease}.mark-feedback-toggle input:checked+.mark-feedback-toggle-track{background:var(--primary);border-color:transparent}.mark-feedback-toggle input:checked+.mark-feedback-toggle-track .mark-feedback-toggle-thumb{transform:translate(18px);background:#fff}.mark-feedback-toggle input:disabled+.mark-feedback-toggle-track{opacity:.6;cursor:not-allowed}.mark-feedback-toggle input:disabled~.mark-feedback-toggle-text{color:var(--text-muted);cursor:not-allowed}.mark-feedback-toggle-text{color:var(--text-main);font-weight:500}.mark-feedback-reset-btn{border-radius:999px;padding:6px 14px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-main);font-size:.78rem;font-weight:600;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.mark-feedback-reset-btn:hover{border-color:var(--border-light);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.mark-feedback-reset-btn:disabled{opacity:.6;cursor:not-allowed}.mark-feedback-structure-title{font-size:.95rem;font-weight:600;color:var(--text-main)}.mark-feedback-structure-subtitle{font-size:.82rem;color:var(--text-muted)}.mark-feedback-structure-options{display:grid;gap:8px}.mark-feedback-detail{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--bg-card);margin-bottom:10px}.mark-feedback-detail-label{font-size:.82rem;font-weight:600;color:var(--text-main)}.mark-feedback-detail-chips{display:flex;flex-wrap:wrap;gap:8px}.mark-feedback-detail-chip{border-radius:999px;padding:6px 14px;border:1px solid var(--border);background:var(--bg-muted);color:var(--text-main);font-size:.78rem;font-weight:600;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.mark-feedback-detail-chip:hover{border-color:var(--border-light);background:var(--bg-hover)}.mark-feedback-detail-chip.is-active{border-color:var(--primary);background:var(--primary-glow);color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.mark-feedback-detail-chip.is-disabled{opacity:.6;pointer-events:none}.mark-feedback-detail-chip:disabled{opacity:.6;cursor:not-allowed}.mark-feedback-detail-note{font-size:.75rem;color:var(--text-muted)}.mark-feedback-option{display:inline-flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text-main);cursor:pointer}.mark-feedback-option input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:7px;border:2px solid var(--border);background:var(--bg-card);display:grid;place-content:center;cursor:pointer;transition:border-color .2s ease,background .2s ease}.mark-feedback-option input:after{content:"";width:10px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);opacity:0;transition:opacity .2s ease}.mark-feedback-option input:checked{background:linear-gradient(135deg,#38bdf8,#0ea5e9);border-color:#38bdf899}.mark-feedback-option input:checked:after{opacity:1}.mark-feedback-option input:disabled{opacity:.6;cursor:not-allowed}.mark-feedback-option-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.mark-feedback-option-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-soft);width:100%}.mark-feedback-option-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-medium)}.mark-feedback-count{display:inline-flex;align-items:center;gap:8px}.mark-feedback-count-label{font-size:.8rem;color:var(--text-muted)}.mark-feedback-count-input{width:64px;min-height:32px;padding:4px 8px;border-radius:999px;border:1px solid rgba(160,180,210,.7);background:#fffffff2;font-size:.9rem}.mark-feedback-count-input:focus{outline:none;border-color:#4678d2e6;box-shadow:0 0 0 3px #5a8ce62e}.mark-feedback-count-input:disabled{opacity:.5}.mark-feedback-count-input.is-disabled{opacity:.5}.mark-feedback-preview{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--bg-card)}.mark-feedback-preview-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.mark-feedback-preview-title{font-size:.82rem;font-weight:600;color:var(--text-main)}.mark-feedback-preview-status{font-size:.72rem;color:var(--text-muted)}.mark-feedback-preview-body{margin-top:8px;font-size:.8rem;color:var(--text-main);line-height:1.45;white-space:pre-wrap}.mark-feedback-preview-body .feedback-structure-heading{font-weight:600;text-decoration:underline;display:block;margin:8px 0 4px}.mark-feedback-structure.is-readonly .mark-feedback-option,.mark-feedback-structure.is-readonly .mark-feedback-count-input,.mark-feedback-structure.is-readonly .mark-feedback-option-card{opacity:.7}.mark-panel .mark-highlight-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:0}.mark-panel .mark-highlight-group{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:10px;background:linear-gradient(145deg,#fffffff2,#f0f5fce6);border:1px solid rgba(210,223,238,.7);box-shadow:0 4px 12px #0f172a14}.mark-panel .mark-highlight-input{min-height:72px}.mark-panel .mark-teacher-feedback{border-radius:10px;background:linear-gradient(180deg,#ffffffe6,#f5f8fcd9);border:1px solid rgba(210,223,238,.7);box-shadow:0 2px 6px #0f172a0a}.mark-panel .mark-teacher-feedback:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.mark-panel .mark-inputs-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px 18px;padding:14px 16px;border-radius:10px;background:linear-gradient(145deg,#fffffff2,#f0f5fce6);border:1px solid rgba(210,223,238,.7);box-shadow:0 4px 12px #0f172a14}.mark-panel .mark-input-group{display:grid;grid-template-columns:minmax(90px,120px) minmax(0,1fr);align-items:center;gap:10px;text-align:left}.mark-panel .mark-input-group label{font-size:.95rem;font-weight:600;color:#1f2a44;letter-spacing:.01em}.mark-panel .mark-input-group .mark-input-small{width:100%;min-height:40px;padding:8px 12px;border-radius:12px;border:1px solid rgba(160,180,210,.7);background:#fffffff2;box-shadow:inset 0 1px 2px #1e3c6e14;font-size:.95rem}.mark-panel .mark-input-group .mark-input-small:focus{outline:none;border-color:#4678d2e6;box-shadow:0 0 0 3px #5a8ce62e}.mark-panel .mark-input-group.is-hidden{display:none}@media(max-width:640px){.mark-panel .mark-inputs-row{grid-template-columns:1fr;padding:12px}.mark-panel .mark-input-group{grid-template-columns:1fr}.mark-feedback-option-row{align-items:flex-start}.mark-feedback-count{width:100%;justify-content:space-between}.mark-pillbar{flex-wrap:wrap;justify-content:center}.mark-ai-btn{padding:10px 14px;min-height:44px}}.mark-toolbar-group{display:flex;align-items:center;gap:6px;min-width:0}.mark-toolbar-group.mark-toolbar-prompts{flex:1 1 auto;min-width:0}.mark-toolbar-group.mark-toolbar-editor{flex:0 0 auto}.mark-pillbar{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);flex-wrap:nowrap;white-space:nowrap;flex:1 1 auto;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.mark-pillbar::-webkit-scrollbar{height:6px}.mark-pillbar::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:999px}.mark-pillbar-scroll-btn{display:none;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-main);cursor:pointer;flex:0 0 auto;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.mark-pillbar-scroll-btn:hover{border-color:var(--border-light);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.mark-pillbar-scroll-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.mark-pillbar--tools{padding:6px 12px;gap:6px}.mark-pill{border:1px solid var(--border);background:var(--bg-card);color:var(--text-main);border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.mark-pill:hover{border-color:var(--border-light);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.mark-pill.is-active,.mark-pill[aria-expanded=true]{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow);color:var(--primary)}.mark-pill--primary{background:linear-gradient(135deg,#38bdf82e,#0ea5e91f);border-color:#38bdf899;color:var(--text-main)}.mark-pill--ghost{background:var(--bg-muted);border-style:dashed;color:var(--text-muted)}.mark-toolbar-editor,.mark-panel.is-editor-mode .mark-toolbar-prompts{display:none}.mark-panel.is-editor-mode .mark-toolbar-editor{display:flex}.mark-floating-toolbar .toolbar-btn{min-width:34px;height:34px;padding:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--bg-card) 0%,rgba(0,0,0,.02) 100%);border:1px solid var(--border);border-radius:8px!important;font-size:.85rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .12s ease;box-shadow:0 1px 2px #0000000d,0 2px 4px #0000000d,inset 0 1px #ffffff1a}.mark-floating-toolbar .toolbar-btn:hover{background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,var(--bg-card) 100%);border-color:var(--border-light);transform:translateY(-1px);box-shadow:0 2px 4px #00000014,0 4px 8px #0000000f,inset 0 1px #ffffff26}.mark-floating-toolbar .toolbar-btn:active,.mark-floating-toolbar .toolbar-btn.active{background:#38bdf826;border-color:var(--primary)}.mark-floating-toolbar .toolbar-divider{width:1px;height:24px;background:var(--border);margin:0 4px}.mark-floating-toolbar .toolbar-select{background:linear-gradient(180deg,var(--bg-card) 0%,rgba(0,0,0,.02) 100%);border:1px solid var(--border);border-radius:8px;padding:8px 12px;min-height:34px;font-size:.75rem;font-weight:600;color:var(--text-muted);cursor:pointer;box-shadow:0 1px 2px #0000000d,inset 0 1px #ffffff1a}.mark-panel #mark-results{background:linear-gradient(145deg,#fffffff2,#f0f5fce6);border:1px solid rgba(210,223,238,.7);border-radius:10px;padding:18px;box-shadow:0 4px 12px #0f172a14;flex:0 0 auto}.mark-panel #mark-copy-btn{position:absolute;right:24px;bottom:24px;z-index:5;background:#ffffffe6;border:1px solid rgba(210,223,238,.7);box-shadow:0 6px 18px #0f172a1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root[data-theme=dark] .mark-panel #mark-copy-btn{background:#1e293bd9;border-color:var(--border);box-shadow:0 6px 18px #0000004d}.mark-floating-toolbar{position:sticky;top:0;left:0;right:0;transform:none;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:100%;box-sizing:border-box;background:var(--bg-card);border:none;border-bottom:1px solid var(--border);padding:10px 16px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;flex-wrap:nowrap;white-space:nowrap}@media(max-width:1100px){.mark-floating-toolbar{left:0;right:0;max-width:100%;width:100%;gap:8px;padding:10px 12px}.mark-pillbar-scroll-btn{display:inline-flex}}.mark-floating-toolbar .btn-secondary{background:linear-gradient(180deg,var(--bg-card) 0%,rgba(0,0,0,.02) 100%);border:1px solid var(--border);border-radius:8px!important;padding:8px 16px;min-height:34px;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;box-shadow:0 1px 2px #0000000d,0 2px 4px #0000000d,inset 0 1px #ffffff1a;transition:all .12s ease}.mark-floating-toolbar .btn-secondary:hover{background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,var(--bg-card) 100%);border-color:var(--border-light);box-shadow:0 2px 4px #00000014,0 4px 8px #0000000f,inset 0 1px #ffffff26;color:var(--text-main);transform:translateY(-1px)}.mark-floating-toolbar .btn-primary{border-radius:999px;padding:8px 18px;font-size:.82rem}.mark-floating-toolbar .btn-secondary.is-active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.mark-toolbar-title{font-size:.82rem;font-weight:600;color:#3d4f6a;padding:0 4px}.mark-panel .mark-scheme-select{background:linear-gradient(145deg,#fffffffa,#f5f8fcf2);border:1px solid rgba(200,215,235,.6);border-radius:999px;padding:0 14px;height:36px;font-size:.82rem;font-weight:500;color:#3d4f6a;box-shadow:0 2px 6px #0f172a0f,inset 0 1px 2px #ffffffe6}.mark-panel .mark-scheme-select:focus{outline:none;border-color:#aac3e1cc;box-shadow:0 0 0 3px #38bdf833}.mark-ai-btn{position:relative;overflow:hidden;border-radius:10px;padding:12px 20px;font-size:.9rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed,#6d28d9);border:1px solid rgba(139,92,246,.3);box-shadow:0 4px 12px #8b5cf64d,inset 0 1px #fff3;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;transition:all .2s ease;cursor:pointer}.mark-ai-btn__icon{flex-shrink:0;stroke:currentColor}.mark-ai-btn__text{font-size:.9rem;font-weight:600;letter-spacing:.01em}.mark-ai-btn:hover{background:linear-gradient(135deg,#9061f9,#8b5cf6,#7c3aed);box-shadow:0 6px 16px #8b5cf666,inset 0 1px #ffffff40;transform:translateY(-1px)}.mark-ai-btn:active{transform:translateY(0);box-shadow:0 2px 8px #8b5cf64d,inset 0 2px 4px #0000001a}.mark-ai-btn.btn-loading{justify-content:center;pointer-events:none;opacity:1;color:#fff;overflow:hidden}.mark-ai-btn.btn-loading:before{content:none}.mark-ai-btn.btn-loading .mark-ai-btn__loading-text{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-align:center;color:#fff;z-index:1;pointer-events:none;overflow:hidden;text-shadow:0 1px 0 rgba(0,0,0,.12);width:100%;margin:0 auto;max-width:100%;padding:0 1rem;animation:none}.mark-ai-btn.btn-loading .mark-ai-btn__loading-text.is-typing{animation:none}.mark-ai-btn.btn-loading .mark-ai-btn__loading-text.is-typing:after{content:"";position:absolute;top:50%;right:18px;transform:translateY(-50%);width:2px;height:1.05em;background:#fff;animation:mark-ai-btn-caret .95s steps(2) infinite}.mark-ai-btn.btn-loading .mark-ai-btn__loading-text.is-swiping{animation:mark-ai-btn-type-swipe .32s cubic-bezier(.33,0,.4,1) both}.mark-ai-btn.btn-loading .mark-ai-btn__loading-text.is-swiping:after{opacity:0;animation:none}.mark-ai-btn.btn-loading .mark-ai-btn__text,.mark-ai-btn.btn-loading .mark-ai-btn__icon{display:none}.mark-ai-btn.btn-loading:after,.mark-ai-btn.btn-loading:before{content:none}:root[data-theme=dark] .mark-ai-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed,#6d28d9);border-color:#8b5cf666;box-shadow:0 4px 12px #8b5cf666,inset 0 1px #ffffff1a}:root[data-theme=dark] .mark-ai-btn:hover{box-shadow:0 6px 16px #8b5cf680,inset 0 1px #ffffff26}.mark-ai-btn__loading-text{font-size:.9rem;font-weight:600;letter-spacing:.01em}@keyframes mark-ai-btn-type-swipe{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0);transform:translate(110%)}}@keyframes mark-ai-btn-caret{0%,20%,to{opacity:0}24%,74%{opacity:1}}.transcription-floating-toolbar{position:sticky;top:0;left:0;right:0;transform:none;z-index:10;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:100%;box-sizing:border-box;background:transparent;border:none;border-radius:0;padding:10px 16px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;flex-wrap:wrap;white-space:normal;flex-shrink:0}.transcription-floating-toolbar .btn-primary{border-radius:8px!important;padding:8px 16px;min-height:34px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;line-height:1}.transcription-floating-toolbar .btn-secondary{background:linear-gradient(180deg,var(--bg-card) 0%,rgba(0,0,0,.02) 100%);border:1px solid var(--border);border-radius:8px!important;padding:8px 16px;min-height:34px;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;flex:1 1 auto;box-shadow:0 1px 2px #0000000d,0 2px 4px #0000000d,inset 0 1px #ffffff1a;transition:all .12s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;line-height:1}.transcription-floating-toolbar .btn-secondary:hover{background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,var(--bg-card) 100%);border-color:var(--border-light);box-shadow:0 2px 4px #00000014,0 4px 8px #0000000f,inset 0 1px #ffffff26;color:var(--text-main);transform:translateY(-1px)}.transcription-floating-toolbar .toolbar-btn{min-width:34px;height:34px;padding:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--bg-card) 0%,rgba(0,0,0,.02) 100%);border:1px solid var(--border);border-radius:8px!important;font-size:.85rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .12s ease;box-shadow:0 1px 2px #0000000d,0 2px 4px #0000000d,inset 0 1px #ffffff1a}.transcription-floating-toolbar .toolbar-btn:hover{background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,var(--bg-card) 100%);border-color:var(--border-light);transform:translateY(-1px);box-shadow:0 2px 4px #00000014,0 4px 8px #0000000f,inset 0 1px #ffffff26}.transcription-floating-toolbar .toolbar-btn:active,.transcription-floating-toolbar .toolbar-btn.active{background:#38bdf826;border-color:var(--primary)}.transcription-floating-toolbar .toolbar-divider{width:1px;height:24px;background:var(--border);margin:0 4px}.transcription-floating-toolbar .toolbar-select{background:linear-gradient(180deg,var(--bg-card) 0%,rgba(0,0,0,.02) 100%);border:1px solid var(--border);border-radius:8px;padding:8px 12px;min-height:34px;font-size:.75rem;font-weight:600;color:var(--text-muted);cursor:pointer;box-shadow:0 1px 2px #0000000d,inset 0 1px #ffffff1a}.transcription-panel .editor-content{margin-top:0;height:100%;border-radius:var(--radius-md);cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z'/%3E%3C/svg%3E") 2 22,text}.transcription-status-bar{position:absolute;bottom:12px;right:16px;display:flex;align-items:center;gap:12px;padding:6px 12px;background:linear-gradient(145deg,#ffffffe6,#f0f5fcd9);border:1px solid rgba(210,223,238,.5);border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0f172a0f;z-index:5}.word-count{font-size:.75rem;font-weight:500;color:#64748b;white-space:nowrap}:root[data-theme=dark] .transcription-status-bar{background:#1e293be6;border-color:var(--border);box-shadow:0 2px 8px #0003}:root[data-theme=dark] .word-count{color:var(--text-muted)}:root[data-theme=dark] .transcription-floating-toolbar{background:transparent;border:none;box-shadow:none}:root[data-theme=dark] .mark-floating-toolbar{background:var(--bg-card);border-color:var(--border);box-shadow:none}:root[data-theme=dark] .mark-floating-toolbar .btn-secondary,:root[data-theme=dark] .mark-panel .mark-scheme-select{background:var(--bg-card);border-color:var(--border);color:var(--text-main);box-shadow:var(--shadow-soft)}:root[data-theme=dark] .mark-floating-toolbar .toolbar-btn,:root[data-theme=dark] .mark-floating-toolbar .toolbar-select{background:var(--bg-card);border-color:var(--border);color:var(--text-main);box-shadow:var(--shadow-soft)}:root[data-theme=dark] .mark-floating-toolbar .toolbar-btn:hover{border-color:var(--border-strong);background:var(--bg-card-strong)}:root[data-theme=dark] .mark-floating-toolbar .toolbar-divider{background:var(--border)}:root[data-theme=dark] .mark-floating-toolbar .btn-secondary:hover{border-color:var(--border-strong);background:var(--bg-card-strong)}:root[data-theme=dark] .mark-toolbar-title{color:var(--text-muted)}:root[data-theme=dark] .transcription-floating-toolbar .toolbar-btn,:root[data-theme=dark] .transcription-floating-toolbar .btn-secondary,:root[data-theme=dark] .transcription-floating-toolbar .toolbar-select{background:var(--bg-card);border-color:var(--border);color:var(--text-main);box-shadow:var(--shadow-soft)}:root[data-theme=dark] .transcription-floating-toolbar .toolbar-btn:hover,:root[data-theme=dark] .transcription-floating-toolbar .btn-secondary:hover{border-color:var(--border-strong);background:var(--bg-card-strong)}:root[data-theme=dark] .transcription-floating-toolbar .toolbar-divider{background:var(--border)}.highlight-controls{display:flex;align-items:center;gap:8px}.highlight-colors{display:flex;align-items:center;gap:4px;padding:4px 8px;background:linear-gradient(145deg,#fffffffa,#f5f8fcf2);border:1px solid rgba(200,215,235,.6);border-radius:999px}.highlight-color-btn{width:20px;height:20px;border-radius:50%;border:2px solid transparent;background-color:var(--swatch-color);cursor:pointer;transition:all .15s ease;padding:0}.highlight-color-btn:hover{transform:scale(1.15)}.highlight-color-btn.active{border-color:#3d4f6a;box-shadow:0 0 0 2px #3d4f6a33}.highlight-mode-btn{display:flex;align-items:center;gap:4px;padding:6px 10px!important;font-size:.75rem!important}.highlight-mode-icon{font-size:.9rem;line-height:1}.highlight-mode-label{font-size:.75rem}.highlight-mode-btn[data-mode=all]{background:#38bdf826!important;border-color:var(--primary)!important}:root[data-theme=dark] .highlight-colors{background:var(--bg-card);border-color:var(--border)}:root[data-theme=dark] .highlight-color-btn.active{border-color:var(--text-main);box-shadow:0 0 0 2px #fff3}.editor-content p,.editor-content h1,.editor-content h2,.editor-content h3,.editor-content div:not(.editor-content){transition:background-color .15s ease,color .15s ease;border-radius:4px;margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}.editor-content .reading-highlight{background-color:var(--reading-highlight-color, #fff3b0);color:#1a1a1a}.editor-content .reading-highlight[data-highlight-color=yellow]{background-color:#fff3b0}.editor-content .reading-highlight[data-highlight-color=blue]{background-color:#b3d9ff}.editor-content .reading-highlight[data-highlight-color=green]{background-color:#c6f6d5}.editor-content .reading-highlight[data-highlight-color=pink]{background-color:#fed7e2}.editor-content .reading-highlight[data-highlight-color=orange]{background-color:#feebc8}:root[data-theme=dark] .editor-content .reading-highlight{color:#1a1a1a}:root[data-theme=dark] .editor-content .reading-highlight[data-highlight-color=yellow]{background-color:#d4c878}:root[data-theme=dark] .editor-content .reading-highlight[data-highlight-color=blue]{background-color:#7ab8e6}:root[data-theme=dark] .editor-content .reading-highlight[data-highlight-color=green]{background-color:#81c995}:root[data-theme=dark] .editor-content .reading-highlight[data-highlight-color=pink]{background-color:#e8a4b8}:root[data-theme=dark] .editor-content .reading-highlight[data-highlight-color=orange]{background-color:#ddb87a}.toolbar-group{position:relative;display:flex;align-items:center;flex:1 1 auto}.toolbar-group.expanded .toolbar-group-content{display:flex;position:static;background:transparent;border:none;box-shadow:none;padding:0;gap:6px;flex:1;justify-content:center}.toolbar-group.expanded .toolbar-group-toggle{display:none}.toolbar-group:not(.expanded) .toolbar-group-toggle{display:flex}.toolbar-group:not(.expanded) .toolbar-group-content{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:8px;box-shadow:0 8px 24px #0f172a26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:6px;z-index:100;white-space:nowrap}.toolbar-group:not(.expanded) .toolbar-group-toggle.active+.toolbar-group-content,.toolbar-group:not(.expanded).dropdown-open .toolbar-group-content{display:flex}.toolbar-group-toggle{min-width:34px;height:34px;padding:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--bg-card) 0%,rgba(0,0,0,.02) 100%);border:1px solid var(--border);border-radius:8px;font-size:.85rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .12s ease;box-shadow:0 1px 2px #0000000d,0 2px 4px #0000000d,inset 0 1px #ffffff1a}.toolbar-group-toggle:hover{background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,var(--bg-card) 100%);border-color:var(--border-light);transform:translateY(-1px);box-shadow:0 2px 4px #00000014,0 4px 8px #0000000f,inset 0 1px #ffffff26}.toolbar-group-toggle.active{background:#38bdf826;border-color:var(--primary)}.group-icon{font-size:.85rem;font-weight:600}.highlight-color-indicator{width:20px;height:20px;border-radius:50%;background-color:var(--swatch-color);border:2px solid rgba(61,79,106,.3);transition:all .15s ease}.highlight-toggle:hover .highlight-color-indicator{transform:scale(1.1)}.toolbar-group:not(.expanded) .highlight-group-content{flex-direction:column;align-items:stretch;gap:8px!important}.toolbar-group:not(.expanded) .highlight-group-content .highlight-colors{justify-content:center}.toolbar-group:not(.expanded) .highlight-group-content .highlight-mode-btn{width:100%;justify-content:center}.toolbar-group.expanded .highlight-group-content{flex-direction:row;align-items:center;gap:8px}.toolbar-group.expanded .highlight-group-content .highlight-colors{display:flex;align-items:center}.toolbar-group.expanded .highlight-group-content .highlight-mode-btn{width:auto}.toolbar-group-content .group-divider{display:none}.toolbar-group.expanded .toolbar-group-content .group-divider{display:block}.toolbar-item.toolbar-divider{transition:opacity .2s ease,width .2s ease}.toolbar-group[data-group=actions]:not(.expanded) .toolbar-group-content{flex-direction:column;gap:4px!important}.toolbar-group[data-group=actions]:not(.expanded) .toolbar-group-content .btn-secondary{width:100%;justify-content:center}.toolbar-group[data-group=actions].expanded .toolbar-group-content{flex-direction:row;gap:6px}.toolbar-group[data-group=actions].expanded .toolbar-group-content .btn-secondary{width:auto}:root[data-theme=dark] .toolbar-group:not(.expanded) .toolbar-group-content{background:#1e293bfa;border-color:var(--border);box-shadow:0 8px 24px #0006}:root[data-theme=dark] .toolbar-group-toggle{background:var(--bg-card);border-color:var(--border);color:var(--text-main)}:root[data-theme=dark] .toolbar-group-toggle:hover{border-color:var(--border-strong);background:var(--bg-card-strong)}:root[data-theme=dark] .highlight-color-indicator{border-color:#ffffff4d}.toolbar-group:not(.expanded) .toolbar-group-content{opacity:0;transform:translate(-50%) translateY(-4px);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.toolbar-group:not(.expanded).dropdown-open .toolbar-group-content{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.transcription-floating-toolbar{overflow:visible}.toolbar-item.collapsed-hidden{display:none!important}.recent-presets-container{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(200,215,235,.4)}.recent-presets-container.hidden{display:none}.recent-preset-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:.75rem;font-weight:500;background:linear-gradient(145deg,#fffffffa,#f5f8fcf2);border:1px solid rgba(200,215,235,.6);color:#3d4f6a;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0f172a0f;max-width:100%}.recent-preset-pill:hover{background:linear-gradient(145deg,#fff,#fafcfffa);border-color:var(--primary);box-shadow:0 4px 12px #0f172a1a;transform:translateY(-1px)}.recent-preset-pill-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.recent-preset-pill-icon{font-size:.8rem;opacity:.7}:root[data-theme=dark] .recent-presets-container{border-bottom-color:var(--border)}:root[data-theme=dark] .recent-preset-pill{background:var(--bg-card);border-color:var(--border);color:var(--text-main);box-shadow:var(--shadow-soft)}:root[data-theme=dark] .recent-preset-pill:hover{border-color:var(--primary);background:var(--bg-card-strong)}.btn-loading{display:inline-flex;align-items:center;gap:8px}.loading-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spinner-rotate .8s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.mark-results .mark-loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:var(--text-muted)}.mark-loading-indicator .loading-spinner-large{width:32px;height:32px;border-width:3px;border-color:#38bdf833;border-top-color:var(--primary)}.mark-loading-stage{font-size:.9rem;font-weight:500;animation:pulse-opacity 1.5s ease-in-out infinite}@keyframes pulse-opacity{0%,to{opacity:.6}50%{opacity:1}}.workspace-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:modal-fade-in .2s ease}.workspace-modal-overlay.hidden{display:none}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.workspace-modal{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:540px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modal-slide-up .3s ease}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.workspace-modal-header{padding:24px 24px 0}.workspace-modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#1e293b}.workspace-modal-body{padding:16px 24px;overflow-y:auto;flex:1}.workspace-modal-intro{margin:0 0 20px;color:#64748b;font-size:.95rem}.workspace-modal-section{margin-bottom:20px}.workspace-modal-section:last-child{margin-bottom:0}.workspace-modal-section h3{margin:0 0 12px;font-size:.9rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px}.shortcut-grid{display:flex;flex-direction:column;gap:8px}.shortcut-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f1f5f9cc;border-radius:8px}.shortcut-item kbd{display:inline-block;padding:4px 8px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:.8rem;font-weight:500;color:#334155;box-shadow:0 1px 2px #0000000d}.shortcut-item span{color:#475569;font-size:.875rem}.feature-list{margin:0;padding:0;list-style:none}.feature-list li{position:relative;padding:8px 0 8px 20px;color:#475569;font-size:.875rem;line-height:1.5}.feature-list li:before{content:"";position:absolute;left:0;top:14px;width:6px;height:6px;background:var(--primary, #38bdf8);border-radius:50%}.feature-list li strong{color:#334155;font-weight:600}.workspace-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#f1f5f980;border-top:1px solid rgba(226,232,240,.8)}.dont-show-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.dont-show-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary, #38bdf8);cursor:pointer}.dont-show-checkbox span{font-size:.875rem;color:#64748b}.workspace-modal-footer .btn-primary{padding:10px 20px;font-size:.9rem}:root[data-theme=dark] .workspace-modal-overlay{background:#000000b3}:root[data-theme=dark] .workspace-modal{background:linear-gradient(145deg,var(--bg-card),var(--bg-main));box-shadow:0 25px 50px -12px #00000080}:root[data-theme=dark] .workspace-modal-header h2{color:var(--text-main)}:root[data-theme=dark] .workspace-modal-intro{color:var(--text-muted)}:root[data-theme=dark] .workspace-modal-section h3{color:var(--text-muted)}:root[data-theme=dark] .shortcut-item{background:#1e293b99}:root[data-theme=dark] .shortcut-item kbd{background:var(--bg-card);border-color:var(--border);color:var(--text-main)}:root[data-theme=dark] .shortcut-item span,:root[data-theme=dark] .feature-list li{color:var(--text-muted)}:root[data-theme=dark] .feature-list li strong{color:var(--text-main)}:root[data-theme=dark] .workspace-modal-footer{background:#1e293b80;border-top-color:var(--border)}:root[data-theme=dark] .dont-show-checkbox span{color:var(--text-muted)}body.workspace-rewards-open{overflow:hidden}.workspace-rewards-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:18px;animation:modal-fade-in .18s ease}.workspace-rewards-overlay.hidden{display:none}.workspace-rewards-modal{position:relative;width:min(1120px,96vw);height:min(880px,92vh);background:linear-gradient(145deg,#fff,#f8fafc);border-radius:18px;box-shadow:0 25px 50px -12px #00000047;overflow:hidden;display:flex;flex-direction:column}.workspace-rewards-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(226,232,240,.9);background:#f1f5f9cc}.workspace-rewards-title{font-size:.95rem;font-weight:600;color:#0f172a}.workspace-rewards-close{width:36px;height:36px;border-radius:10px;border:1px solid rgba(226,232,240,.9);background:#fff;color:#0f172a;font-size:22px;line-height:1;cursor:pointer}.workspace-rewards-close:hover{background:#f1f5f9e6}.workspace-rewards-loader{position:absolute;top:56px;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:12px;color:#64748b;background:#f8fafce6;z-index:2}.workspace-rewards-loader.hidden{display:none}.workspace-rewards-spinner{width:18px;height:18px;border:2px solid rgba(100,116,139,.25);border-top-color:#38bdf8f2;border-radius:50%;animation:spinner-rotate .8s linear infinite}.workspace-rewards-iframe{width:100%;height:100%;border:0;opacity:0;transition:opacity .12s ease}.workspace-rewards-iframe.is-ready{opacity:1}:root[data-theme=dark] .workspace-rewards-modal{background:linear-gradient(145deg,var(--bg-card),var(--bg-main));box-shadow:0 25px 50px -12px #0009}:root[data-theme=dark] .workspace-rewards-bar{border-bottom-color:var(--border);background:#1e293bb8}:root[data-theme=dark] .workspace-rewards-title{color:var(--text-main)}:root[data-theme=dark] .workspace-rewards-close{border-color:var(--border);background:var(--bg-card);color:var(--text-main)}:root[data-theme=dark] .workspace-rewards-loader{background:#0f172abf;color:var(--text-muted)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .viewer-toggles{background:var(--bg-card);border-color:var(--border);box-shadow:0 4px 12px #0000001a}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .viewer-toggles .btn-secondary{background:transparent;border-color:transparent;color:var(--text-main)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .viewer-toggles .btn-secondary[aria-pressed=true]{background:var(--bg-hover);border-color:var(--border)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .panel-toggles-group{background:transparent;border:none;box-shadow:none}:is([data-theme=sepia-light]) .panel-toggle-btn{background:#f5f0e8cc;border-color:#00000014}:is([data-theme=sepia-light]) .panel-toggle-btn:hover{background:#faf6eff2}:is([data-theme=sepia-light]) .panel-toggle-btn[aria-pressed=true]{background:#e0f2feb3;color:#0369a1;border-color:#0ea5e959;box-shadow:0 0 8px #0ea5e91f,0 1px 3px #0000000f}:is([data-theme=sepia-dark]) .panel-toggle-btn{background:#ffffff0d;border-color:#ffffff12}:is([data-theme=sepia-dark]) .panel-toggle-btn:hover{background:#ffffff17}:is([data-theme=sepia-dark]) .panel-toggle-btn[aria-pressed=true]{background:#38bdf81a;color:#38bdf8;border-color:#38bdf84d;box-shadow:0 0 10px #38bdf81f,0 1px 3px #0003}:is([data-theme=sepia-dark]) .panel-toggle-btn[aria-pressed=true]:hover{color:#7dd3fc;border-color:#38bdf873}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .workspace-pdf-toolbar{background:transparent;border:none;box-shadow:none}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .workspace-pdf-toolbar .btn-secondary{background:var(--bg-card);border-color:var(--border);color:var(--text-muted)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .workspace-pdf-toolbar .btn-secondary:hover{background:var(--bg-hover);color:var(--text-main)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .workspace-pdf-toolbar .panel-header-zoom-label,:is([data-theme=sepia-light],[data-theme=sepia-dark]) .workspace-pdf-page-indicator{color:var(--text-muted);background:var(--bg-card)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .transcription-floating-toolbar{background:transparent;border:none}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .mark-floating-toolbar{background:var(--bg-card);border-color:var(--border)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .transcription-floating-toolbar .toolbar-btn,:is([data-theme=sepia-light],[data-theme=sepia-dark]) .transcription-floating-toolbar .btn-secondary,:is([data-theme=sepia-light],[data-theme=sepia-dark]) .transcription-floating-toolbar .toolbar-select,:is([data-theme=sepia-light],[data-theme=sepia-dark]) .mark-floating-toolbar .toolbar-btn,:is([data-theme=sepia-light],[data-theme=sepia-dark]) .mark-floating-toolbar .btn-secondary,:is([data-theme=sepia-light],[data-theme=sepia-dark]) .mark-floating-toolbar .toolbar-select{background:var(--bg-muted);border-color:var(--border-light);color:var(--text-main)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .transcription-floating-toolbar .toolbar-btn:hover,:is([data-theme=sepia-light],[data-theme=sepia-dark]) .transcription-floating-toolbar .btn-secondary:hover,:is([data-theme=sepia-light],[data-theme=sepia-dark]) .mark-floating-toolbar .toolbar-btn:hover,:is([data-theme=sepia-light],[data-theme=sepia-dark]) .mark-floating-toolbar .btn-secondary:hover{border-color:var(--primary);background:var(--bg-hover)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .highlight-colors{background:var(--bg-card);border-color:var(--border)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .highlight-color-btn.active{border-color:var(--text-main)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .mark-panel .mark-input-group .mark-input-small{background:var(--input-bg);border-color:var(--input-border);color:var(--text-main)}.mark-controls textarea.auto-expand{min-height:72px;max-height:300px;overflow-y:hidden;resize:none;transition:height .15s ease}.mark-controls textarea.auto-expand:focus{overflow-y:auto}.mark-panel.mark-panel-v2{padding:0;background:transparent}.mark-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0;position:sticky;top:0;z-index:10}.mark-panel-title{font-size:.75rem;font-weight:600;color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase}.mark-panel-controls{display:flex;align-items:center;gap:8px}.mark-view-menu{position:relative}.mark-view-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;min-height:34px;border-radius:8px;border:1px solid var(--border);background:linear-gradient(180deg,var(--bg-card) 0%,rgba(0,0,0,.02) 100%);font-size:.75rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .12s ease;box-shadow:0 1px 2px #0000000d,0 2px 4px #0000000d,inset 0 1px #ffffff1a;line-height:1}.mark-view-toggle:hover{border-color:var(--border-light);background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,var(--bg-card) 100%);color:var(--text-main);transform:translateY(-1px);box-shadow:0 2px 4px #00000014,0 4px 8px #0000000f,inset 0 1px #ffffff26}.mark-view-toggle[aria-expanded=true]{border-color:var(--primary);background:var(--primary-glow)}.mark-view-toggle svg{flex-shrink:0;color:var(--text-muted)}.mark-view-chevron{transition:transform .2s ease}.mark-view-toggle[aria-expanded=true] .mark-view-chevron{transform:rotate(180deg)}.mark-view-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;padding:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #00000026;z-index:100;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease}.mark-view-dropdown[aria-hidden=false]{opacity:1;visibility:visible;transform:translateY(0)}.mark-view-option{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:.82rem;color:var(--text-main);transition:background .15s ease}.mark-view-option:hover{background:var(--bg-hover)}.mark-view-option input{position:absolute;opacity:0;width:0;height:0}.mark-view-checkbox{width:16px;height:16px;border-radius:4px;border:2px solid var(--border);background:var(--bg-card);display:grid;place-content:center;flex-shrink:0;transition:all .15s ease}.mark-view-checkbox:after{content:"";width:6px;height:3px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) scale(0);transition:transform .15s ease}.mark-view-option input:checked+.mark-view-checkbox{background:var(--primary);border-color:var(--primary)}.mark-view-option input:checked+.mark-view-checkbox:after{transform:rotate(-45deg) scale(1)}.mark-view-divider{height:1px;background:var(--border-light);margin:6px 0}.mark-view-action{display:block;width:100%;padding:8px 10px;border:none;border-radius:6px;background:transparent;font-size:.78rem;font-weight:500;color:var(--text-muted);cursor:pointer;text-align:left;transition:all .15s ease}.mark-view-action:hover{background:var(--bg-hover);color:var(--text-main)}.mark-panel.mark-panel-v2 .mark-content{padding:12px 16px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));gap:14px;background:transparent;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.mark-panel-v2 .mark-editor-toolbar,.mark-panel-v2.is-editor-mode .mark-editor-toolbar{display:none}.mark-panel-v2 .mark-controls{display:flex;flex-direction:column;background:transparent;border:none;box-shadow:none;padding:0;gap:12px}.mark-grid-layout{display:flex;flex-direction:column;gap:12px;flex-shrink:0}.mark-card{background:linear-gradient(145deg,#fffffff2,#f0f5fce6);border:1px solid rgba(210,223,238,.7);border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #0f172a14;transition:border-color .2s ease,box-shadow .2s ease;flex-shrink:0}.mark-card:hover{border-color:#b4c8e1cc}.mark-card:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.mark-card-header{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 14px;background:#f6f9fc99;border-bottom:1px solid rgba(210,223,238,.4)}.mark-card-header--expandable{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between}.mark-card-header--expandable:hover{background:#f0f5fce6}.mark-card-header-left{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0}.mark-card-header-left .mark-card-chevron{margin-left:auto}.mark-card-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.mark-card-icon{flex-shrink:0;color:#5a6b82}.mark-card-title{font-size:.82rem;font-weight:600;color:#3d4f6a}.mark-card-subtitle{font-size:.72rem;color:#7a8ba3;margin-left:4px}.mark-card-badge{font-size:.68rem;font-weight:500;padding:2px 8px;border-radius:999px;background:#38bdf81f;color:#0284c7;white-space:nowrap}.mark-card-chevron{flex-shrink:0;color:#7a8ba3;transition:transform .2s ease}.mark-card-header--expandable[aria-expanded=false] .mark-card-chevron{transform:rotate(-90deg)}.mark-card-body{padding:12px 14px}.mark-card-collapsible{display:grid;grid-template-rows:1fr;transition:grid-template-rows .25s cubic-bezier(.4,0,.2,1)}.mark-card-collapsible[aria-hidden=true]{grid-template-rows:0fr}.mark-card-collapsible>.mark-card-body{overflow:hidden;min-height:0}.mark-card-collapsible[aria-hidden=true]>.mark-card-body{padding-top:0;padding-bottom:0;transition:padding .25s cubic-bezier(.4,0,.2,1)}:root[data-theme=dark] .mark-card{background:var(--bg-card);border-color:var(--border);box-shadow:0 4px 12px #0003}:root[data-theme=dark] .mark-card-header{background:#ffffff08;border-bottom-color:var(--border)}:root[data-theme=dark] .mark-card-icon,:root[data-theme=dark] .mark-card-title{color:var(--text-main)}:root[data-theme=dark] .mark-card-subtitle,:root[data-theme=dark] .mark-card-chevron{color:var(--text-muted)}.mark-card--question .mark-card-body{display:flex;flex-direction:column;gap:8px}.mark-select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(200,215,235,.7);background:#fffc;font-size:.85rem;color:#3d4f6a;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.mark-select:hover{border-color:#aac3e1e6;background:#fffffff2}.mark-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.mark-question-controls{position:relative;display:flex;flex-direction:column;gap:8px}.mark-scheme-popover-trigger{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:9px;border:1px solid rgba(180,195,225,.8);background:linear-gradient(180deg,#f8fafcf2,#e8eef7f2);color:#1e3a5f;font-size:.78rem;font-weight:600;letter-spacing:.01em;cursor:pointer}.mark-scheme-popover-trigger:hover:not(:disabled),.mark-scheme-popover-trigger:focus-visible:not(:disabled){border-color:#90aed6f2;background:linear-gradient(180deg,#e8eef7fa,#e2ebf8fa);box-shadow:0 0 0 2px var(--primary-glow)}.mark-scheme-popover-trigger[disabled]{cursor:not-allowed;opacity:.7}.mark-scheme-popover-trigger__icon{line-height:1;font-size:.78rem}.mark-scheme-popover{position:fixed;z-index:1100;width:min(440px,calc(100vw - 24px));max-height:min(72vh,540px);overflow:hidden;border-radius:12px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-main);box-shadow:0 16px 38px #0f172a38;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;padding:12px;pointer-events:auto}.mark-scheme-popover.is-open{display:block;animation:markSchemePopoverEnter .14s ease-out}.mark-scheme-popover__header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.mark-scheme-popover__title{margin:0;font-size:.85rem;font-weight:700;color:#273b54;line-height:1.2}.mark-scheme-popover__meta{margin:0 0 8px;color:#5f738f;font-size:.73rem;line-height:1.3}.mark-scheme-popover__question{margin-bottom:8px;border-left:2px solid rgba(96,165,250,.5);padding:8px 10px;border-radius:6px;color:#334155;background:#f1f5f9b3;font-size:.78rem;line-height:1.35;max-height:160px;overflow:auto;white-space:pre-wrap}.mark-scheme-popover__question.is-hidden{display:none}.mark-scheme-popover__content{margin:0;width:100%;max-height:340px;overflow:auto;font-size:.78rem;line-height:1.5;font-family:var(--font-main, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);color:#1e293b;border-radius:8px;border:1px solid rgba(192,207,226,.8);background:#f3f8ffe6;padding:8px 10px;overflow-wrap:anywhere}.mark-scheme-popover__content>*:last-child{margin-bottom:0}.mark-scheme-popover__content p{margin:0 0 .55rem}.mark-scheme-popover__content ul,.mark-scheme-popover__content ol{margin:0 0 .55rem;padding-left:1.2rem}.mark-scheme-popover__content li{margin-bottom:.2rem}.mark-scheme-popover__content h1,.mark-scheme-popover__content h2,.mark-scheme-popover__content h3,.mark-scheme-popover__content h4,.mark-scheme-popover__content h5,.mark-scheme-popover__content h6{margin:.7rem 0 .35rem;line-height:1.3;color:#1e3a5f}.mark-scheme-popover__content h1{font-size:1.05rem}.mark-scheme-popover__content h2{font-size:.97rem}.mark-scheme-popover__content h3,.mark-scheme-popover__content h4,.mark-scheme-popover__content h5,.mark-scheme-popover__content h6{font-size:.9rem}.mark-scheme-popover__content blockquote{margin:0 0 .55rem;padding:.2rem .8rem;border-left:3px solid rgba(96,165,250,.72);color:#334155;background:#f1f5f9b3;border-radius:6px}.mark-scheme-popover__content code,.mark-scheme-popover__content pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.mark-scheme-popover__content pre{margin:0 0 .55rem;padding:.55rem .6rem;border-radius:8px;border:1px solid rgba(148,163,184,.45);background:#f1f6ffe6;overflow-x:auto}.mark-scheme-popover__content code{font-size:.72rem;padding:.08rem .22rem;border-radius:4px;background:#e2e8f08c}.mark-scheme-popover__content pre code{padding:0;border-radius:0;background:transparent}.mark-scheme-popover__content table{display:block;overflow-x:auto;width:100%;margin:0 0 .55rem;border-collapse:collapse;border:1px solid rgba(148,163,184,.35);max-width:100%}.mark-scheme-popover__content th,.mark-scheme-popover__content td{padding:.35rem .45rem;border:1px solid rgba(148,163,184,.35);text-align:left;vertical-align:top}.mark-scheme-popover__content th{background:#e2e8f073;font-weight:700}.mark-scheme-popover__content strong{font-weight:700}.mark-scheme-popover__content em{font-style:italic}.mark-scheme-popover__content a{color:#1d4ed8;text-decoration:underline}.mark-scheme-popover__content .mark-scheme-popover__placeholder,.mark-scheme-popover__placeholder{margin:0;color:#64748b;font-style:italic}.mark-scheme-popover__copy-btn{padding:6px 10px;border-radius:8px;border:1px solid rgba(180,197,220,.85);background:#f6faffe6;color:#1f3f5c;font-size:.72rem;font-weight:600}.mark-scheme-popover__copy-btn:hover:not(:disabled),.mark-scheme-popover__copy-btn:focus-visible:not(:disabled){background:#e8f1ff;border-color:#78a5dce6}@keyframes markSchemePopoverEnter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}:root[data-theme=dark] .mark-select{background:var(--bg-muted);border-color:var(--border);color:var(--text-main)}:root[data-theme=dark] .mark-scheme-popover{background:#111827;border-color:var(--border);box-shadow:0 18px 45px #00000080;color:var(--text-main)}:root[data-theme=dark] .mark-scheme-popover__title,:root[data-theme=dark] .mark-scheme-popover__question,:root[data-theme=dark] .mark-scheme-popover__content{color:var(--text-main)}:root[data-theme=dark] .mark-scheme-popover__question{background:#111827a6;border-left-color:#60a5fad9}:root[data-theme=dark] .mark-scheme-popover__content{background:#111827d1;border-color:#475569cc;color:var(--text-main)}:root[data-theme=dark] .mark-scheme-popover__content h1,:root[data-theme=dark] .mark-scheme-popover__content h2,:root[data-theme=dark] .mark-scheme-popover__content h3,:root[data-theme=dark] .mark-scheme-popover__content h4,:root[data-theme=dark] .mark-scheme-popover__content h5,:root[data-theme=dark] .mark-scheme-popover__content h6{color:#e2e8f0}:root[data-theme=dark] .mark-scheme-popover__content blockquote{border-left-color:#38bdf8bf;background:#0f172ab8;color:#cbd5e1}:root[data-theme=dark] .mark-scheme-popover__content pre{background:#0f172ae0;border-color:#475569b3}:root[data-theme=dark] .mark-scheme-popover__content code{background:#1e293ba6}:root[data-theme=dark] .mark-scheme-popover__content th{background:#1e293bcc}:root[data-theme=dark] .mark-scheme-popover__content a{color:#60a5fa}:root[data-theme=dark] .mark-scheme-popover__content table,:root[data-theme=dark] .mark-scheme-popover__content td,:root[data-theme=dark] .mark-scheme-popover__content th{border-color:#475569cc}:root[data-theme=dark] .mark-scheme-popover__placeholder{color:#94a3b8}:root[data-theme=dark] .mark-scheme-popover__copy-btn{background:#1e293bf2;color:#e2e8f0;border-color:#475569e6}:root[data-theme=dark] .mark-scheme-popover__copy-btn:hover:not(:disabled),:root[data-theme=dark] .mark-scheme-popover__copy-btn:focus-visible:not(:disabled){background:#1e293b;border-color:#60a5fad9}.mark-card--assessment .mark-card-body{padding:10px 14px}.mark-panel-v2 .mark-inputs-row{display:none}.mark-assessment-grid{display:grid;grid-template-columns:repeat(4,1fr);justify-content:center;justify-items:center;text-align:center;gap:8px}.mark-panel-v2 .mark-assessment-grid .mark-assessment-item.mark-input-group:not(.is-hidden){display:flex;flex-direction:column;align-items:center;gap:4px}@media(max-width:500px){.mark-assessment-grid{grid-template-columns:repeat(2,1fr)}}.mark-assessment-item{display:flex;flex-direction:column;gap:4px}.mark-assessment-item label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#5a6b82;text-align:center;width:100%}.mark-assessment-item input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(200,215,235,.7);background:#ffffffe6;font-size:.95rem;font-weight:600;text-align:center;color:#3d4f6a;transition:border-color .2s ease,box-shadow .2s ease}.mark-panel-v2 .mark-assessment-grid .mark-assessment-item .mark-input-small{min-height:36px;padding:8px 10px;border-radius:8px;text-align:center}.mark-assessment-item input:hover{border-color:#aac3e1e6}.mark-assessment-item input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:#fff}.mark-assessment-item input::placeholder{color:#a0aec0}.mark-assessment-item.is-hidden,.mark-panel-v2 .mark-input-group.is-hidden{display:none}:root[data-theme=dark] .mark-assessment-item label{color:var(--text-muted)}:root[data-theme=dark] .mark-assessment-item input{background:var(--bg-muted);border-color:var(--border);color:var(--text-main)}.mark-card--feedback .mark-card-icon{color:#5a6b82}.mark-card--feedback .mark-feedback-structure{margin:0;padding:0;background:transparent;border:none;box-shadow:none;border-radius:0}.mark-feedback-header-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.mark-toggle-compact{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-main);cursor:pointer}.mark-toggle-compact input{position:absolute;opacity:0;width:0;height:0}.mark-toggle-switch{width:32px;height:18px;background:var(--bg-muted);border:1px solid var(--border);border-radius:999px;position:relative;transition:background .2s ease,border-color .2s ease}.mark-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:var(--text-muted);border-radius:50%;transition:transform .2s ease,background .2s ease}.mark-toggle-compact input:checked+.mark-toggle-switch{background:var(--primary);border-color:var(--primary)}.mark-toggle-compact input:checked+.mark-toggle-switch:after{transform:translate(14px);background:#fff}.mark-btn-ghost{padding:6px 12px;border-radius:8px;border:1px solid var(--border);background:transparent;font-size:.75rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.mark-btn-ghost:hover{border-color:var(--border-light);background:var(--bg-hover);color:var(--text-main)}.mark-detail-chips{display:flex;gap:2px;padding:2px;background:var(--bg-muted);border-radius:6px;flex-shrink:0}.mark-detail-chips--centered{justify-content:center;width:100%;margin-bottom:12px}.mark-chip{padding:4px 8px;border-radius:4px;border:none;background:transparent;font-size:.68rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s ease;white-space:nowrap}.mark-chip:hover{color:var(--text-main)}.mark-chip.is-active{background:linear-gradient(135deg,var(--primary),#0284c7);color:#fff;box-shadow:0 2px 4px var(--primary-glow);font-weight:600}.mark-feedback-options-grid{display:grid;gap:12px;margin-bottom:12px}.mark-feedback-options-group{display:grid;gap:8px}.mark-feedback-options-heading{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.mark-feedback-options-row{display:grid;grid-template-columns:1fr;gap:8px}.mark-feedback-hint{margin:4px 2px 0;color:var(--text-muted);font-size:.7rem;line-height:1.2}.mark-checkbox-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--border-light);background:var(--bg-card);cursor:pointer;transition:all .2s ease}.mark-checkbox-card:hover{border-color:var(--border);background:var(--bg-hover)}.mark-checkbox-card:has(input:checked){border-color:var(--primary);background:var(--primary-glow)}.mark-checkbox-card:has(input:checked) .mark-checkbox-label{color:var(--text-main);font-weight:500}.mark-checkbox-card--with-count{align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.mark-checkbox-card--with-count .mark-feedback-hint{width:100%;margin:2px 0 0 34px}.mark-checkbox-card--with-count .mark-count-input{width:76px}.mark-checkbox-main{display:flex;align-items:center;gap:10px}.mark-checkbox-card input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:5px;border:2px solid var(--border);background:var(--bg-card);display:grid;place-content:center;cursor:pointer;flex-shrink:0;transition:all .15s ease}.mark-checkbox-card input[type=checkbox]:after{content:"";width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) scale(0);transition:transform .15s ease}.mark-checkbox-card input[type=checkbox]:checked{background:linear-gradient(135deg,var(--primary),#0284c7);border-color:var(--primary)}.mark-checkbox-card input[type=checkbox]:checked:after{transform:rotate(-45deg) scale(1)}.mark-checkbox-label{font-size:.82rem;color:var(--text-main);flex:1}.mark-count-input{width:100%;padding:6px 10px;border-radius:6px;border:1px solid var(--border-light);background:var(--bg-muted);font-size:.8rem;text-align:center;color:var(--text-main);transition:all .2s ease}.mark-count-input.is-disabled{opacity:.6}.mark-count-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}@media(max-width:840px){.mark-feedback-options-row{grid-template-columns:1fr}}.mark-panel-v2 .mark-feedback-preview{margin-top:0;padding:10px 12px;border-radius:10px;border:1px dashed var(--border);background:var(--bg-muted)}.mark-panel-v2 .mark-feedback-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.mark-panel-v2 .mark-feedback-preview-title{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.mark-panel-v2 .mark-feedback-preview-status{font-size:.7rem;color:var(--text-muted)}.mark-panel-v2 .mark-feedback-preview-body{font-size:.78rem;line-height:1.5;color:var(--text-main)}.mark-card--teacher .mark-card-icon{color:#5a6b82}.mark-card--teacher .mark-card-body{display:flex;flex-direction:column;gap:10px}.mark-teacher-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:600px){.mark-teacher-grid{grid-template-columns:1fr}}.mark-teacher-field{display:flex;flex-direction:column;gap:6px}.mark-teacher-field label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--text-muted)}.mark-teacher-field label svg{flex-shrink:0}.mark-teacher-field--strong label{color:#10b981}.mark-teacher-field--strong .mark-textarea{border-color:#10b98140;background:#10b9810d}.mark-teacher-field--strong .mark-textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.mark-teacher-field--weak label{color:#ef4444}.mark-teacher-field--weak .mark-textarea{border-color:#ef444440;background:#ef44440d}.mark-teacher-field--weak .mark-textarea:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.mark-teacher-field--spag label{color:#0ea5e9}.mark-teacher-field--spag .mark-textarea{border-color:#0ea5e940;background:#0ea5e90d}.mark-teacher-field--spag .mark-textarea:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e926}.mark-textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);font-size:.85rem;color:var(--text-main);resize:vertical;min-height:60px;transition:border-color .2s ease,box-shadow .2s ease}.mark-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.mark-textarea::placeholder{color:var(--text-muted);opacity:.6}.mark-panel-v2 .mark-results{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;padding:16px;margin-top:4px}.mark-panel-v2 .mark-empty{text-align:center;color:var(--text-muted);font-size:.85rem;padding:20px}.mark-panel-v2 .mark-ai-btn{margin-top:8px}.mark-panel-v2 .mark-ai-btn__text{color:#fff}:root[data-theme=dark] .mark-checkbox-card{background:#0003;border-color:var(--border)}:root[data-theme=dark] .mark-checkbox-card:hover{background:var(--bg-hover)}:root[data-theme=dark] .mark-detail-chips{background:#0000004d}:root[data-theme=dark] .mark-chip.is-active{background:linear-gradient(135deg,var(--primary),#0284c7);color:#fff}:root[data-theme=dark] .mark-assessment-item input{background:#0000004d;border-color:#ffffff1a}:root[data-theme=dark] .mark-assessment-item input:focus{background:#0006}:root[data-theme=dark] .mark-panel-header{background:var(--bg-card);border-bottom:1px solid var(--border)}:root[data-theme=dark] .mark-view-toggle{background:var(--bg-muted);border-color:var(--border)}:root[data-theme=dark] .mark-view-dropdown{background:var(--bg-card);border-color:var(--border);box-shadow:0 8px 24px #0006}:root[data-theme=dark] .mark-view-checkbox{background:var(--bg-muted);border-color:var(--border)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .mark-card{background:var(--bg-card);border-color:var(--border)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .mark-checkbox-card:has(input:checked){background:#b48c641a;border-color:var(--primary)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}.btn-danger{color:#dc2626}.btn-danger:hover{background:#dc26261a}.workspace-page{padding:24px;max-width:1400px;margin:0 auto}.workspace-header{margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.workspace-header-info h2{margin:0;font-size:1.75rem;font-weight:700;color:var(--text-main)}.workspace-header-info p{margin:0;font-size:.95rem;color:var(--text-muted)}.workspace-header .workspace-mode-toggle{margin:0}.workspace-mode-subtitle{margin:8px 0 0;font-size:.95rem;color:var(--text-muted)}.workspace-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.workspace-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.workspace-exercise-panel{padding:24px;border-radius:18px;background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:12px;max-width:520px}.workspace-exercise-panel h3{margin:0;font-size:1.2rem;color:var(--text-main)}.workspace-exercise-panel p{margin:0;color:var(--text-muted);line-height:1.5}.workspace-empty-icon{margin-bottom:20px;opacity:.4}.workspace-empty-icon svg{color:var(--text-muted)}.workspace-empty h3{margin:0 0 12px;font-size:1.25rem;font-weight:600;color:var(--text-main)}.workspace-empty p{margin:0 0 24px;max-width:400px;color:var(--text-muted);line-height:1.6}.workspace-empty-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.workspace-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:40px 32px;padding:20px 0}.workspace-folder{--folder-rgb: 250 204 21;position:relative;display:block;text-decoration:none;perspective:1000px;cursor:pointer;isolation:isolate;transition:transform .3s ease,filter .3s ease}.workspace-folder[data-color=yellow]{--folder-rgb: 250 204 21}.workspace-folder[data-color=blue]{--folder-rgb: 59 130 246}.workspace-folder[data-color=green]{--folder-rgb: 16 185 129}.workspace-folder[data-color=red]{--folder-rgb: 239 68 68}.workspace-folder[data-color=purple]{--folder-rgb: 139 92 246}.workspace-folder[data-color=orange]{--folder-rgb: 249 115 22}.workspace-folder[data-color=teal]{--folder-rgb: 20 184 166}.workspace-folder[data-color=slate]{--folder-rgb: 148 163 184}.workspace-folder[data-color=rose]{--folder-rgb: 244 63 94}.workspace-folder[data-color=cyan]{--folder-rgb: 6 182 212}.workspace-folder[data-color=lime]{--folder-rgb: 132 204 22}.workspace-folder[data-color=amber]{--folder-rgb: 245 158 11}.workspace-folder.workspace-folder-add{background:none;border:none;padding:0;text-align:left;position:relative}.workspace-folder-add .folder-3d{transform:none}.workspace-folder-add .folder-body,.workspace-folder-add .folder-lid{background:transparent;border:2px dashed rgba(90,120,150,.35);box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}.workspace-folder-add .folder-body{border-color:#5a78968c}.workspace-folder-add .folder-label{color:#2f4055;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.workspace-folder-add .folder-add-plus{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:3rem;font-weight:700;color:#506e8c8c}.workspace-folder-add:hover .folder-3d{transform:translateY(-4px)}.workspace-folder-add:hover .folder-body{transform:translateY(-2px);border-color:#5082bebf}.workspace-folder-add:hover .folder-lid{transform:translateY(-14px) rotateX(-32deg);border-color:#5082bea6}.workspace-folder-add:hover .folder-add-plus{color:#3c6eaad9}.workspace-folder-add:before,.workspace-folder-add:after{position:absolute;left:50%;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:25}.workspace-folder-add:before{content:"";bottom:calc(100% + 6px);transform:translate(-50%) translateY(6px);border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid rgba(15,23,42,.95)}.workspace-folder-add:after{content:attr(data-popover);bottom:calc(100% + 14px);transform:translate(-50%) translateY(6px);width:min(280px,calc(100vw - 40px));padding:10px 12px;border-radius:10px;background:#0f172af2;color:#f8fafc;font-size:.78rem;font-weight:600;line-height:1.35;letter-spacing:.01em;text-align:center;box-shadow:0 10px 28px #0f172a4d}.workspace-folder-add:hover:before,.workspace-folder-add:hover:after,.workspace-folder-add:focus-visible:before,.workspace-folder-add:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.workspace-folder:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:16px}.folder-3d{position:relative;width:100%;height:188px;transform-style:preserve-3d;transition:transform .38s cubic-bezier(.22,1,.36,1)}.folder-3d:after{content:"";position:absolute;left:16%;right:16%;bottom:-16px;height:16px;border-radius:50%;background:radial-gradient(ellipse at center,#05090e57,#05090e00 75%);filter:blur(2px);z-index:0}.workspace-folder:focus-visible .folder-3d{transform:translateY(-4px)}.folder-body{position:absolute;bottom:0;left:0;right:0;height:138px;background:linear-gradient(160deg,#ffffff2e,#ffffff05 42%),linear-gradient(165deg,rgba(var(--folder-rgb),.58),#0f1620eb 72%);border-radius:16px;border:1px solid rgba(255,255,255,.22);box-shadow:0 16px 28px #0a0f166b,0 6px 14px #0a0f1633,inset 0 1px #fff3,inset 0 -1px #ffffff0f;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);transition:transform .34s cubic-bezier(.22,1,.36,1);z-index:3}.folder-lid{position:absolute;top:20px;left:18px;width:58%;height:34px;border-radius:12px 12px 10px 10px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(160deg,#ffffff29,#ffffff05),linear-gradient(165deg,rgba(var(--folder-rgb),.46),#0e151feb 72%);box-shadow:0 8px 14px #070b1061,inset 0 1px #ffffff2e;transform-origin:left bottom;transition:transform .34s cubic-bezier(.22,1,.36,1);z-index:4}.workspace-folder:focus-visible .folder-lid{transform:translateY(-16px) rotateX(-36deg)}.folder-label{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:.92rem;font-weight:650;color:#f4f8fff7;text-shadow:0 1px 2px rgba(8,12,18,.55);padding:0 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .34s cubic-bezier(.22,1,.36,1),color .34s ease;z-index:5}.workspace-folder:focus-visible .folder-label{transform:translateY(-2px);color:#fff}.folder-papers{position:absolute;bottom:62px;left:50%;transform:translate(-50%);width:94%;height:118px;z-index:2;pointer-events:none}.folder-paper{position:absolute;left:50%;bottom:0;width:78%;height:96px;border-radius:14px;border:1px solid rgba(220,225,235,.82);background-color:#fff;box-shadow:0 14px 24px #0e121838,0 4px 10px #0e12181a;transform-origin:center bottom;transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s ease}.folder-paper:before,.folder-paper:after{content:"";position:absolute;pointer-events:none}.folder-paper:before{top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 1px #ffffffd9}.folder-paper:after{left:10px;right:10px;bottom:10px;height:14px;border-radius:999px;background:linear-gradient(90deg,#dce2ee2e,#dce2ee70,#dce2ee29)}.folder-paper.paper-1{transform:translate(calc(-50% - 12px)) translateY(-6px) rotate(-5deg);transition-delay:0s;z-index:1}.folder-paper.paper-2{transform:translate(-50%) translateY(-10px) rotate(0);transition-delay:.04s;z-index:3}.folder-paper.paper-3{transform:translate(calc(-50% + 12px)) translateY(-4px) rotate(5deg);transition-delay:.08s;z-index:2}.folder-paper.paper-headline{background:linear-gradient(#eceff5,#eceff5) 16px 18px / 44% 8px no-repeat,linear-gradient(#eff3f8,#eff3f8) 16px 36px / 66% 7px no-repeat,linear-gradient(#eff3f8,#eff3f8) 16px 50px / 58% 7px no-repeat,linear-gradient(155deg,#fff,#f5f7fa)}.folder-paper.paper-avatar{background:radial-gradient(circle at 22px 22px,#e8ecf4 0 9px,transparent 10px),linear-gradient(#eceff5,#eceff5) 40px 18px / 42% 8px no-repeat,linear-gradient(#eff3f8,#eff3f8) 16px 42px / 70% 7px no-repeat,linear-gradient(#eff3f8,#eff3f8) 16px 56px / 64% 7px no-repeat,linear-gradient(155deg,#fff,#f5f7fa)}.folder-paper.paper-preview{background:linear-gradient(#eceff5,#eceff5) 16px 18px / 46% 8px no-repeat,linear-gradient(#f2f4f8,#f2f4f8) 16px 38px / 72% 44px no-repeat,linear-gradient(#eff3f8,#eff3f8) 16px 88px / 64% 7px no-repeat,linear-gradient(155deg,#fff,#f5f7fa)}.workspace-folder:focus-visible .folder-paper.paper-1{transform:translate(calc(-50% - 56px)) translateY(-76px) rotate(-12deg);box-shadow:0 20px 28px #0e121838,0 8px 14px #0e12181f}.workspace-folder:focus-visible .folder-paper.paper-2{transform:translate(-50%) translateY(-88px) rotate(-1deg);box-shadow:0 20px 28px #0e121838,0 8px 14px #0e12181f}.workspace-folder:focus-visible .folder-paper.paper-3{transform:translate(calc(-50% + 56px)) translateY(-74px) rotate(11deg);box-shadow:0 20px 28px #0e121838,0 8px 14px #0e12181f}.folder-color-menu{position:absolute;background:linear-gradient(160deg,#1e232df0,#0f1319f0);border:1px solid rgba(255,255,255,.14);border-radius:12px;box-shadow:0 18px 28px #070b106b;padding:12px;z-index:1000;min-width:180px;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}.folder-color-menu[hidden]{display:none}.folder-color-menu-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#e8eef8bf;margin-bottom:10px;padding:0 4px}.folder-color-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.folder-color-divider{height:1px;background:#ffffff24;margin:12px 0 10px}.folder-color-delete{width:100%;border:1px solid rgba(255,255,255,.16);background:#ffffff05;color:#fca5a5;font-weight:600;font-size:.85rem;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.folder-color-delete:hover{background:#ef44441f;border-color:#ef444480;color:#fecaca}.folder-color-option{width:36px;height:36px;border-radius:8px;border:2px solid rgba(255,255,255,.06);background:#ffffff08;cursor:pointer;padding:4px;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.folder-color-option:hover{transform:scale(1.1);border-color:#ffffff47;background:#ffffff14}.folder-color-option.is-active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.folder-color-swatch{display:block;width:100%;height:100%;border-radius:6px;box-shadow:inset 0 1px #fff6,inset 0 -1px #0000001f}.folder-color-swatch--yellow{background:linear-gradient(145deg,#facc15d9,#eab308c7)}.folder-color-swatch--blue{background:linear-gradient(145deg,#3b82f6d6,#2563ebc2)}.folder-color-swatch--green{background:linear-gradient(145deg,#10b981d1,#059669c2)}.folder-color-swatch--red{background:linear-gradient(145deg,#ef4444d1,#dc2626bd)}.folder-color-swatch--purple{background:linear-gradient(145deg,#8b5cf6d4,#7c3aedc2)}.folder-color-swatch--orange{background:linear-gradient(145deg,#f97316d6,#ea580cc4)}.folder-color-swatch--teal{background:linear-gradient(145deg,#14b8a6d6,#0d9488c2)}.folder-color-swatch--slate{background:linear-gradient(145deg,#94a3b8d4,#64748bc2)}.folder-color-swatch--rose{background:linear-gradient(145deg,#f43f5ed6,#e11d48c2)}.folder-color-swatch--cyan{background:linear-gradient(145deg,#06b6d4d6,#0891b2c2)}.folder-color-swatch--lime{background:linear-gradient(145deg,#84cc16d6,#65a30dc2)}.folder-color-swatch--amber{background:linear-gradient(145deg,#f59e0bdb,#d97706c7)}.workspace-folder:active .folder-3d{transform:translateY(-2px) scale(.985)}@media(hover:hover)and (pointer:fine){.workspace-folder:hover .folder-3d{transform:translateY(-4px)}.workspace-folder:hover .folder-lid{transform:translateY(-16px) rotateX(-36deg)}.workspace-folder:hover .folder-body{transform:translateY(-2px)}.workspace-folder:hover .folder-label{transform:translateY(-2px);color:#fff}.workspace-folder:hover .folder-paper.paper-1{transform:translate(calc(-50% - 56px)) translateY(-76px) rotate(-12deg);box-shadow:0 20px 28px #0e121838,0 8px 14px #0e12181f}.workspace-folder:hover .folder-paper.paper-2{transform:translate(-50%) translateY(-88px) rotate(-1deg);box-shadow:0 20px 28px #0e121838,0 8px 14px #0e12181f}.workspace-folder:hover .folder-paper.paper-3{transform:translate(calc(-50% + 56px)) translateY(-74px) rotate(11deg);box-shadow:0 20px 28px #0e121838,0 8px 14px #0e12181f}}@media(max-width:768px){.workspace-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:32px 24px}.folder-3d{height:160px}.folder-body{height:120px}.folder-lid{width:54%;height:30px}.folder-papers{bottom:54px;height:92px}.folder-paper{width:82%;height:82px}}@media(prefers-reduced-motion:reduce){.workspace-folder,.folder-3d,.folder-body,.folder-lid,.folder-label,.folder-paper,.folder-color-option{transition-duration:.01ms!important;animation-duration:.01ms!important}.workspace-folder:hover .folder-3d,.workspace-folder:hover .folder-body,.workspace-folder:hover .folder-lid,.workspace-folder:hover .folder-label,.workspace-folder:hover .folder-paper,.workspace-folder:focus-visible .folder-3d,.workspace-folder:focus-visible .folder-body,.workspace-folder:focus-visible .folder-lid,.workspace-folder:focus-visible .folder-label,.workspace-folder:focus-visible .folder-paper{transform:none!important}}#view-home{padding:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;height:100%;background:transparent}.dashboard-container{max-width:1200px;margin:0 auto;padding:36px 28px 72px;width:100%;display:flex;flex-direction:column;gap:24px}.dashboard-hero{padding:32px;background:linear-gradient(135deg,#6395ff1f,#8b5cf614,#3bbdf80f);border:1px solid rgba(139,149,255,.18);border-radius:16px;position:relative;overflow:hidden}.dashboard-hero:before{content:"";position:absolute;top:-60%;right:-15%;width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,.12) 0%,transparent 70%);pointer-events:none}.hero-text{position:relative;z-index:1}.hero-greeting{font-size:32px;font-weight:700;color:var(--text-main);letter-spacing:-.5px;line-height:1.2;margin:0}.hero-summary{font-size:16px;color:var(--text-muted);margin:4px 0 0}.dashboard-metrics{display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,2fr) minmax(260px,1.4fr);gap:16px}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px 22px;display:flex;gap:16px;align-items:center;min-height:110px}.metric-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#10b9812e,#10b98114);color:#34d399;flex-shrink:0}.metric-content{display:flex;flex-direction:column;gap:4px}.metric-value{font-size:28px;font-weight:700;color:var(--text-main)}.metric-label{font-size:13px;color:var(--text-muted)}.metric-feedback{flex-direction:column;align-items:stretch;gap:14px}.metric-feedback-flow{position:relative;text-decoration:none;color:inherit;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;z-index:1}.metric-feedback-flow:hover,.metric-feedback-flow:focus-visible{border-color:color-mix(in srgb,var(--primary, #6ea8fe) 58%,var(--border) 42%);transform:translateY(-1px);box-shadow:0 10px 26px #00000026}.metric-icon-flow{background:linear-gradient(135deg,#3b82f633,#0ea5e91a);color:#60a5fa}.metric-flow-value{font-size:24px}.metric-hover-note{position:absolute;top:auto;bottom:calc(100% + 10px);left:14px;right:14px;background:var(--bg-card-strong);color:var(--text-main);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.4;z-index:9999;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .14s ease,transform .14s ease}.metric-feedback-flow:hover .metric-hover-note,.metric-feedback-flow:focus-visible .metric-hover-note{opacity:1;transform:translateY(0)}.metric-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.metric-title{font-size:16px;font-weight:600;color:var(--text-main);margin:0}.metric-subtitle{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.feedback-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.feedback-stat{background:var(--bg-muted);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px}.feedback-value{font-size:20px;font-weight:700;color:var(--text-main)}.feedback-label{font-size:12px;color:var(--text-muted)}.dashboard-pending{display:flex;gap:16px}.pending-indicator{flex:1;display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;transition:all .2s ease}.pending-indicator:hover{border-color:var(--border-light)}.pending-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.pending-mark .pending-icon{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);color:#a78bfa}.pending-transcribe .pending-icon{background:linear-gradient(135deg,#fbbf2433,#fbbf241a);color:#fbbf24}.pending-queue{flex-direction:column;align-items:stretch;gap:12px}.pending-queue .pending-icon{background:linear-gradient(135deg,#fbbf2433,#fbbf241a);color:#fbbf24}.pending-queue-header{display:flex;align-items:center;gap:14px}.pending-queue-list{display:flex;flex-direction:column;gap:8px;width:100%}.pending-queue-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-muted);color:var(--text-main);text-decoration:none;transition:all .2s ease}.pending-queue-item:hover{border-color:var(--border-light);box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.pending-queue-text{display:flex;flex-direction:column;gap:2px;min-width:0}.pending-queue-name{font-size:.9rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-queue-meta{font-size:.75rem;color:var(--text-muted)}.pending-queue-status{padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border:1px solid transparent;white-space:nowrap}.pending-queue-status.is-queued{background:#fbbf2433;border-color:#fbbf2459;color:#f59e0b}.pending-queue-status.is-transcribing{background:#38bdf833;border-color:#38bdf859;color:#0ea5e9}.pending-queue-empty{font-size:.85rem;color:var(--text-muted);padding:6px 4px}.pending-queue-more{font-size:.75rem;color:var(--text-muted);padding-left:4px}.pending-time .pending-icon{background:linear-gradient(135deg,#10b98133,#10b9811a);color:#34d399}.pending-content{display:flex;flex-direction:column;gap:1px}.pending-value{font-size:24px;font-weight:700;color:var(--text-main);line-height:1.2}.pending-label{font-size:13px;color:var(--text-muted)}.pending-action-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;margin-left:auto;background:linear-gradient(135deg,#fbbf2433,#fbbf241f);border:1px solid rgba(251,191,36,.35);border-radius:8px;color:#fbbf24;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.pending-action-btn:hover{background:linear-gradient(135deg,#fbbf244d,#fbbf2433);border-color:#fbbf2480;transform:translateY(-1px)}.pending-action-btn:active{transform:translateY(0)}.pending-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pending-action-btn.hidden{display:none}.pending-action-btn.is-loading{pointer-events:none}.pending-action-btn.is-loading svg{animation:spin 1s linear infinite}#pending-mark-btn{cursor:pointer;position:relative}#pending-mark-btn:hover{background:var(--bg-hover)}.pending-chevron{margin-left:auto;color:var(--text-muted);transition:transform .2s ease;flex-shrink:0}#pending-mark-btn[aria-expanded=true] .pending-chevron{transform:rotate(180deg)}#pending-mark-btn[aria-expanded=true]{border-color:var(--primary);background:var(--primary-glow)}#pending-mark-btn:disabled{cursor:default!important}#pending-mark-btn:disabled .pending-chevron{display:none}#pending-mark-btn:disabled:hover{background:var(--bg-card)}.marking-todo-panel{display:none;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;animation:todoSlideIn .25s ease-out}.marking-todo-panel[aria-hidden=false]{display:flex}@keyframes todoSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.todo-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg-muted)}.todo-panel-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--text-main);margin:0}.todo-panel-title svg{color:var(--primary)}.todo-panel-controls{display:flex;align-items:center;gap:8px}.todo-sort-dropdown{position:relative}.todo-sort-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;font-size:13px;font-weight:500;color:var(--text-main);cursor:pointer;transition:all .15s ease}.todo-sort-btn:hover{border-color:var(--border-light);background:var(--bg-hover)}.todo-sort-btn[aria-expanded=true]{border-color:var(--primary)}.todo-sort-btn svg{color:var(--text-muted);transition:transform .2s ease}.todo-sort-btn[aria-expanded=true] svg{transform:rotate(180deg)}.todo-sort-options{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;padding:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #00000026;list-style:none;margin:0;z-index:100;display:none}.todo-sort-options.is-open{display:block;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.todo-sort-options li{padding:10px 14px;font-size:13px;font-weight:500;color:var(--text-main);border-radius:6px;cursor:pointer;transition:background .1s ease}.todo-sort-options li:hover{background:var(--bg-hover)}.todo-sort-options li.active{background:var(--primary-glow);color:var(--primary)}.todo-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.todo-close-btn:hover{background:var(--bg-hover);color:var(--text-main)}.todo-panel-list{display:flex;flex-direction:column;max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.todo-panel-list::-webkit-scrollbar{width:6px}.todo-panel-list::-webkit-scrollbar-track{background:transparent}.todo-panel-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.todo-item{display:flex;align-items:center;gap:14px;padding:14px 20px;text-decoration:none;border-bottom:1px solid var(--border);transition:background .15s ease}.todo-item:last-child{border-bottom:none}.todo-item:hover{background:var(--bg-hover)}.todo-item-checkbox{width:20px;height:20px;border:2px solid var(--border-light);border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.todo-item:hover .todo-item-checkbox{border-color:var(--primary);background:var(--primary-glow)}.todo-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.todo-item-name{font-size:14px;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.todo-item-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.todo-item-class{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--bg-muted);border-radius:4px;font-size:11px;font-weight:500}.todo-item-arrow{color:var(--text-muted);flex-shrink:0;opacity:0;transform:translate(-4px);transition:all .15s ease}.todo-item:hover .todo-item-arrow{opacity:1;transform:translate(0)}.todo-panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;text-align:center}.todo-panel-empty svg{color:var(--text-muted);opacity:.4}.todo-panel-empty p{font-size:14px;color:var(--text-muted);margin:0}@media(max-width:640px){.todo-panel-header{padding:14px 16px}.todo-item{padding:12px 16px}.todo-sort-btn span{display:none}.todo-sort-btn{padding:8px}.todo-sort-options{right:-40px}}.dashboard-classes-section{display:flex;flex-direction:column;gap:14px}.section-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.section-title{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600;color:var(--text-main);margin:0}.section-title svg{color:var(--text-muted)}.section-link{font-size:13px;font-weight:500;color:var(--primary);text-decoration:none;transition:opacity .15s ease}.section-link:hover{opacity:.8}.classes-grid{display:flex;gap:20px;flex-wrap:wrap;overflow-x:visible;padding:12px 4px 16px;scrollbar-width:none;perspective:1000px}.classes-grid::-webkit-scrollbar{display:none}.class-card{--card-rx: 0deg;--card-ry: 0deg;--shine-x: 50%;--shine-y: 50%;--shine-opacity: 0;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px;min-width:260px;width:260px;height:140px;padding:18px 20px;background:linear-gradient(145deg,#3b82f6,#2563eb);border:none;border-radius:16px;text-decoration:none;cursor:pointer;transform-style:preserve-3d;transform:perspective(800px) rotateX(var(--card-rx)) rotateY(var(--card-ry)) scale(1);transition:transform .1s ease-out,box-shadow .2s ease-out;box-shadow:0 4px 6px #0000001a,0 10px 20px #00000014,inset 0 1px #fff3,inset 0 0 0 1px #ffffff1a;overflow:hidden;will-change:transform}.class-card>*{position:relative;z-index:2}.class-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--shine-x) var(--shine-y),rgba(255,255,255,.25) 0%,rgba(255,255,255,.1) 20%,transparent 50%);opacity:var(--shine-opacity);transition:opacity .3s ease;pointer-events:none;z-index:10;border-radius:16px}.class-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:radial-gradient(ellipse at var(--shine-x) 0%,rgba(255,255,255,.12) 0%,transparent 50%),radial-gradient(ellipse at var(--shine-x) 100%,rgba(0,0,0,.08) 0%,transparent 50%);opacity:var(--shine-opacity);pointer-events:none;z-index:1;transition:opacity .3s ease}.class-card:hover{box-shadow:0 25px 35px #0000001f,0 15px 20px #00000014,inset 0 1px #ffffff40}.class-card:not(:hover){--card-rx: 0deg;--card-ry: 0deg;--shine-opacity: 0;transition:transform .4s ease-out,box-shadow .4s ease-out}.class-card:active{transform:perspective(800px) rotateX(var(--card-rx)) rotateY(var(--card-ry)) scale(.98);transition-duration:.1s}.class-card-add{background:transparent;border:2px dashed var(--border-light);box-shadow:none}.class-card-add:before,.class-card-add:after{display:none}.class-card-add:hover{background:var(--bg-card);border-color:var(--primary);transform:translateY(-4px) scale(1.02);box-shadow:0 8px 20px #00000014}.class-card-add .class-card-icon{background:linear-gradient(135deg,#10b98126,#10b98114);color:#34d399}.class-card-add .class-card-name{color:var(--text-muted)}.class-card-icon{position:relative;z-index:2;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:14px;color:#fff;box-shadow:0 2px 8px #0000001a,inset 0 1px #fff3}.class-card-text{display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-width:0}.class-card-name{position:relative;z-index:2;font-size:15px;font-weight:700;color:#fff;text-align:left;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.15)}.class-card-count{position:relative;z-index:2;font-size:12px;font-weight:500;color:#ffffffd9;background:#ffffff26;padding:4px 10px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.class-card-emoji{font-size:28px;line-height:1}.class-card.class-card-blue{background:linear-gradient(145deg,#3b82f6,#1d4ed8)}.class-card.class-card-sky{background:linear-gradient(145deg,#0ea5e9,#0284c7)}.class-card.class-card-teal{background:linear-gradient(145deg,#14b8a6,#0d9488)}.class-card.class-card-green{background:linear-gradient(145deg,#22c55e,#16a34a)}.class-card.class-card-amber{background:linear-gradient(145deg,#f59e0b,#d97706)}.class-card.class-card-orange{background:linear-gradient(145deg,#f97316,#ea580c)}.class-card.class-card-pink{background:linear-gradient(145deg,#ec4899,#db2777)}.class-card:not(.class-card-blue):not(.class-card-sky):not(.class-card-teal):not(.class-card-green):not(.class-card-amber):not(.class-card-orange):not(.class-card-pink):not(.class-card-add){background:linear-gradient(145deg,#8b5cf6,#7c3aed)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.dashboard-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border)}.card-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text-main);margin:0}.card-title svg{color:var(--text-muted);width:18px;height:18px}.card-link{font-size:13px;font-weight:500;color:var(--primary);text-decoration:none;transition:opacity .15s ease}.card-link:hover{opacity:.8}.dashboard-actions-card .card-header{border-bottom:none;padding-bottom:10px}.quick-actions-list{display:flex;flex-direction:column;gap:6px;padding:0 14px 14px}.quick-action{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:10px;text-decoration:none;transition:background .15s ease}.quick-action:hover{background:var(--bg-hover)}.quick-action-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.quick-action-icon.action-upload{background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:#60a5fa}.quick-action-icon.action-continue{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);color:#a78bfa}.quick-action-icon.action-prompts{background:linear-gradient(135deg,#10b98133,#10b9811a);color:#34d399}.quick-action-icon.action-workspace{background:linear-gradient(135deg,#fbbf2433,#fbbf241a);color:#fbbf24}.quick-action-text{display:flex;flex-direction:column;gap:1px;min-width:0}.quick-action-title{font-size:14px;font-weight:600;color:var(--text-main)}.quick-action-desc{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-recent{display:flex;flex-direction:column}.dashboard-recent .recent-list{flex:1;display:flex;flex-direction:column;gap:2px;padding:8px;overflow-y:auto;max-height:280px}.recent-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px 16px;text-align:center}.recent-empty svg{color:var(--text-muted);opacity:.4}.recent-empty p{font-size:14px;font-weight:500;color:var(--text-muted);margin:0}.recent-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border-radius:8px;text-decoration:none;transition:background .15s ease}.recent-item:hover{background:var(--bg-hover)}.recent-item-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fbbf2433,#fbbf241a);border-radius:8px;color:#fbbf24;flex-shrink:0}.recent-item-icon svg{width:16px;height:16px}.recent-item-content{flex:1;min-width:0;display:flex;flex-direction:column}.recent-item-name{font-size:13px;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-item-time{font-size:11px;color:var(--text-muted)}.recent-item-status{display:flex;gap:4px}.dashboard-progress{padding:0}.dashboard-progress .card-header{border-bottom:none;padding-bottom:8px}.progress-stats{display:flex;flex-direction:column;gap:10px;padding:0 14px 14px}.progress-stat{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-muted);border-radius:10px;border:1px solid var(--border)}.progress-stat-value{font-size:22px;font-weight:700;color:var(--text-main);line-height:1;min-width:32px}.progress-stat-label{font-size:13px;color:var(--text-muted)}:root[data-theme=light] .dashboard-hero{background:linear-gradient(135deg,#6395ff1a,#8b5cf60f,#3bbdf80a);border-color:#8b95ff38}:root[data-theme=light] .dashboard-hero:before{background:radial-gradient(circle,rgba(139,92,246,.08) 0%,transparent 70%)}:root[data-theme=light] .pending-indicator:hover{box-shadow:0 8px 24px #0000000f}@media(max-width:900px){.dashboard-metrics{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-actions-card{grid-column:span 2}.quick-actions-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}}@media(max-width:640px){.dashboard-container{padding:22px 18px 36px;gap:18px}.dashboard-hero{padding:22px}.hero-greeting{font-size:26px}.dashboard-pending{flex-direction:column;gap:8px}.pending-indicator{padding:14px 18px}.metric-card{padding:16px 18px}.feedback-grid{grid-template-columns:1fr}.class-card{min-width:220px;width:220px;height:128px}.class-card-icon{width:56px;height:56px}.dashboard-grid{grid-template-columns:1fr}.dashboard-actions-card{grid-column:span 1}.quick-actions-list{grid-template-columns:1fr}.classes-grid{gap:14px;padding:8px 2px 12px}.class-card{min-width:110px;width:110px;height:154px;padding:16px 12px;border-radius:14px}.class-card-icon{width:48px;height:48px;border-radius:12px}.class-card-name{font-size:13px;max-width:95px}.class-card-count{font-size:11px;padding:3px 8px}}.dashboard-footer-spacer{height:160px}.dashboard-recent .recent-list{scrollbar-width:thin;scrollbar-color:transparent transparent}.dashboard-recent .recent-list:hover{scrollbar-color:var(--border) transparent}.dashboard-recent .recent-list::-webkit-scrollbar{width:5px}.dashboard-recent .recent-list::-webkit-scrollbar-track{background:transparent}.dashboard-recent .recent-list::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}.dashboard-recent .recent-list:hover::-webkit-scrollbar-thumb{background:var(--border)}.dashboard-card,.pending-indicator,.class-card,.quick-action,.recent-item{transition:all .2s cubic-bezier(.4,0,.2,1)}.dashboard-hero{animation:fadeSlideIn .35s ease-out}.dashboard-pending{animation:fadeSlideIn .35s ease-out 40ms backwards}.dashboard-classes-section{animation:fadeSlideIn .35s ease-out 80ms backwards}.dashboard-grid{animation:fadeSlideIn .35s ease-out .12s backwards}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .dashboard-hero{background:var(--bg-card-strong);border-color:var(--border-light)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .dashboard-hero:before{display:none}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .pending-indicator{background:var(--bg-card);border-color:var(--border)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .pending-indicator:hover{border-color:var(--border-light);background:var(--bg-hover)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .pending-icon{background:var(--bg-muted);color:var(--text-main)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .pending-action-btn{background:var(--primary-glow);border-color:var(--primary);color:var(--primary)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .pending-action-btn:hover{background:var(--bg-hover)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .class-card-add{background:transparent;border:2px dashed var(--border-light)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .class-card-add:hover{background:var(--bg-card);border-color:var(--primary)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .dashboard-card{background:var(--bg-card);border-color:var(--border)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .card-header{border-color:var(--border-light)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .quick-action:hover{background:var(--bg-hover)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .quick-action-icon{background:var(--bg-muted);color:var(--text-main)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .recent-item:hover{background:var(--bg-hover)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .recent-item-icon{background:var(--bg-muted);color:var(--text-main)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .progress-stat{background:var(--bg-muted);border-color:var(--border)}#view-blank{padding:40px;height:100%;overflow:auto}.blank-page{min-height:100%;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);padding:clamp(24px,4vw,40px);display:flex;flex-direction:column;gap:12px}.blank-page h2{margin:0;font-size:1.8rem}.blank-page p{margin:0;color:var(--text-muted);max-width:560px}#view-pdf-organiser{padding:20px 24px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;height:100%;min-height:0;background:transparent}.response-uploader-toggle{display:inline-flex;gap:4px;align-self:center;background:var(--bg-card);border:1px solid var(--border);padding:5px;border-radius:999px;margin-bottom:24px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.response-uploader-toggle.is-flow-locked{display:none}.response-uploader-toggle-btn{border:none;background:transparent;color:var(--text-muted);font-size:.88rem;font-weight:500;padding:12px 24px;border-radius:999px;cursor:pointer;transition:var(--transition);position:relative}.response-uploader-toggle-btn:hover:not(.is-active){color:var(--text-main);background:var(--bg-hover)}.response-uploader-toggle-btn.is-active{background:linear-gradient(135deg,#54aafff2,#3b82f6f2);color:#fff;font-weight:600;box-shadow:0 6px 16px #3b82f659}.flow-locked-hidden{display:none!important}.flow-context-banner{width:min(100%,1040px);border:1px solid var(--border);background:linear-gradient(135deg,#38bdf81f,#3b82f614);border-radius:16px;padding:16px 18px;margin:0 auto 18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.flow-context-copy{display:grid;gap:4px}.flow-context-label{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--text-muted)}.flow-context-banner h2{margin:0;font-size:1rem}.flow-context-banner p{margin:0;font-size:.86rem;color:var(--text-muted)}@media(max-width:760px){.flow-context-banner{flex-direction:column;align-items:flex-start}}.response-uploader-section{width:100%;display:flex;flex-direction:column;align-items:center;flex:1;min-height:0}.response-uploader-section.hidden{display:none}#auto-response-section,#maths-response-section{justify-content:flex-start;padding-bottom:40px}.response-uploader-intro{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:24px 28px;box-shadow:var(--shadow-soft);margin-bottom:20px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-width:800px;width:100%;align-self:center}.response-uploader-intro h2{font-size:1.15rem;font-weight:600;margin-bottom:8px;color:var(--text-main)}.response-uploader-intro p{color:var(--text-muted);font-size:.9rem;line-height:1.5}.response-uploader-hint{margin-top:8px;font-style:italic;opacity:.85}.response-uploader-steps{margin-top:14px;padding-left:20px;color:var(--text-muted);font-size:.88rem;display:grid;gap:8px;line-height:1.5}.response-uploader-steps li::marker{color:var(--primary);font-weight:600}.pdf-organiser-page{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:16px;flex:1;min-height:0;align-self:center}.pdf-organiser-toolbar{display:flex;flex-direction:column;gap:10px}.pdf-organiser-toolbar-strip{display:flex;align-items:center;gap:8px;padding:8px 14px;background:linear-gradient(145deg,#fffffff2,#f0f5fce6);border:1px solid rgba(210,223,238,.7);border-radius:999px;box-shadow:0 8px 24px #0f172a1a,inset 0 2px 4px #ffffffe6,inset 0 -1px 2px #b4c3d733;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap;justify-content:center}.pdf-organiser-toolbar-strip--nav{padding:6px 14px;justify-content:center}.pdf-organiser-toolbar-group{display:flex;align-items:center;gap:6px}.pdf-organiser-toolbar-group--selects{gap:8px}.pdf-organiser-toolbar-group--pages{gap:6px}.pdf-organiser-toolbar-group--zoom{gap:4px}.pdf-organiser-toolbar-divider{width:1px;height:28px;background:#c8d7eb99;margin:0 4px;flex-shrink:0}.pdf-organiser-toolbar-spacer{flex:1;min-width:8px}.pdf-organiser-inline-select{display:flex;align-items:center;gap:6px}.pdf-organiser-inline-label{font-size:.78rem;font-weight:600;color:#5a6b82;white-space:nowrap}.pdf-organiser-select{height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(200,215,235,.6);background:linear-gradient(145deg,#fffffffa,#f5f8fcf2);color:#3d4f6a;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0f172a0f,inset 0 1px 2px #ffffffe6}.pdf-organiser-select:hover:not(:disabled){border-color:#aac3e1cc;box-shadow:0 4px 12px #0f172a1a}.pdf-organiser-select:focus{outline:none;border-color:var(--primary, #38bdf8);box-shadow:0 0 0 3px #38bdf833}.pdf-organiser-select:disabled{opacity:.5;cursor:not-allowed}.pdf-organiser-page-input{height:34px;width:50px;padding:0 8px;border-radius:999px;border:1px solid rgba(200,215,235,.6);background:linear-gradient(145deg,#fffffffa,#f5f8fcf2);color:#3d4f6a;font-size:.82rem;font-weight:500;text-align:center;transition:all .2s ease;box-shadow:0 2px 6px #0f172a0f,inset 0 1px 2px #ffffffe6;-moz-appearance:textfield}.pdf-organiser-page-input::-webkit-outer-spin-button,.pdf-organiser-page-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pdf-organiser-page-input:hover{border-color:#aac3e1cc}.pdf-organiser-page-input:focus{outline:none;border-color:var(--primary, #38bdf8);box-shadow:0 0 0 3px #38bdf833}.pdf-organiser-page-dash{font-size:.9rem;font-weight:500;color:#6c7a91}.pdf-organiser-toolbar .btn-primary{border-radius:999px;padding:8px 18px;font-size:.82rem;font-weight:600;color:#0f2a3d;background:linear-gradient(135deg,#7dd3fc,#38bdf8 60%,#22d3ee);border:1px solid rgba(30,99,133,.2);box-shadow:0 6px 16px #38bdf84d,inset 0 1px #ffffffb3;transition:all .2s ease;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.pdf-organiser-toolbar .btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #38bdf866,inset 0 1px #fffc}.pdf-organiser-toolbar .btn-primary:active{transform:translateY(0);box-shadow:0 4px 12px #38bdf84d,inset 0 2px 4px #0f172a26}.pdf-organiser-toolbar .btn-secondary{border-radius:999px;padding:8px 16px;font-size:.82rem;font-weight:500;color:#3d4f6a;background:linear-gradient(145deg,#fffffffa,#f5f8fcf2);border:1px solid rgba(200,215,235,.6);box-shadow:0 2px 6px #0f172a0f,inset 0 1px 2px #ffffffe6;transition:all .2s ease;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.pdf-organiser-toolbar .btn-secondary:hover{background:linear-gradient(145deg,#fff,#fafcfffa);border-color:#aac3e1cc;box-shadow:0 4px 12px #0f172a1a,inset 0 1px 2px #fff;transform:translateY(-1px)}.pdf-organiser-toolbar .btn-secondary:active{transform:translateY(0);box-shadow:0 1px 3px #0f172a14,inset 0 1px 3px #b4c3d74d}.pdf-organiser-toolbar .btn-icon-only{min-width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center}.pdf-organiser-toolbar .btn-icon-text{padding:8px 14px}.pdf-organiser-toolbar .btn-icon-text svg{flex-shrink:0}.pdf-organiser-zoom-label{font-size:.82rem;font-weight:600;color:#3d4f6a;min-width:48px;text-align:center;padding:0 6px}.pdf-organiser-page-indicator{font-size:.82rem;font-weight:500;color:#5a6b82;padding:6px 14px;background:linear-gradient(145deg,#fffffffa,#f5f8fcf2);border:1px solid rgba(200,215,235,.6);border-radius:999px;box-shadow:0 2px 6px #0f172a0f,inset 0 1px 2px #ffffffe6;white-space:nowrap}@media(max-width:900px){.pdf-organiser-toolbar-strip{padding:10px 12px;gap:6px;border-radius:20px}.pdf-organiser-toolbar-group--selects{flex-wrap:wrap;justify-content:center}.pdf-organiser-toolbar-divider{display:none}}@media(max-width:600px){#view-pdf-organiser{padding:12px 16px}.pdf-organiser-toolbar-strip{padding:8px 10px;border-radius:16px}.pdf-organiser-toolbar-group{flex-wrap:wrap;justify-content:center}.pdf-organiser-inline-select{flex-direction:column;gap:2px}.pdf-organiser-page-input{width:45px}}.pdf-organiser-left-rail #responses-unassigned-folder-grid{display:flex;flex-direction:column;gap:12px;padding-top:12px;max-height:260px;overflow-y:auto;padding-right:6px}.pdf-organiser-left-rail #responses-unassigned-folder-grid .folder-tile{flex-direction:row;align-items:center;text-align:left;border:1px solid rgba(196,211,230,.6);background:linear-gradient(145deg,#ffffffeb,#f0f5fce0);border-radius:20px;padding:10px 14px;min-height:0;justify-content:space-between;height:56px}.pdf-organiser-left-rail #responses-unassigned-list .history-item,.pdf-organiser-left-rail #responses-recent-list .history-item{margin:0;align-items:center;border:1px solid rgba(196,211,230,.6);background:linear-gradient(145deg,#ffffffeb,#f0f5fce0);border-radius:20px;padding:10px 14px;height:56px;display:flex;justify-content:space-between;flex-direction:row;text-align:left;min-height:0}.pdf-organiser-resizer{width:var(--pdf-organiser-resizer);height:100%;cursor:col-resize;background:#c4d3e6b3;border-radius:999px;margin:0 auto;touch-action:none}.pdf-organiser-columns>.pdf-organiser-card{display:flex;flex-direction:column;min-height:0;height:100%}.pdf-organiser-preview-section{display:flex;flex-direction:column;min-height:0;height:100%;gap:16px}.pdf-organiser-left-rail .pdf-organiser-card:last-child{flex:1;min-height:0;display:flex;flex-direction:column}.pdf-organiser-left-rail .responses-unassigned-list,.pdf-organiser-left-rail .responses-recent-list{flex:1;min-height:0;overflow:auto}.pdf-organiser-preview{position:relative;flex:1;border:none;border-radius:20px;padding:12px;min-height:200px;display:flex;flex-direction:column;overflow:auto;align-items:center;justify-content:center;min-height:0;background:transparent}.pdf-organiser-preview.has-pdf{border:none;justify-content:flex-start}.pdf-organiser-preview-header{display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(145deg,#fffffff2,#f0f5fce6);border:1px solid rgba(210,223,238,.7);border-radius:999px;padding:6px 10px;box-shadow:0 8px 24px #0f172a14,inset 0 2px 4px #ffffffe6,inset 0 -1px 2px #b4c3d733}.pdf-organiser-preview-header .btn-secondary{position:relative;overflow:hidden;background:linear-gradient(135deg,#7dd3fc,#38bdf8 60%,#22d3ee);border:1px solid rgba(30,99,133,.2);border-radius:999px;padding:8px 16px;font-size:.82rem;font-weight:600;color:#0f2a3d;box-shadow:0 10px 22px #38bdf859,inset 0 1px #ffffffb3;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.pdf-organiser-preview-header .btn-secondary:after{content:"";position:absolute;top:-50%;left:-60%;width:50%;height:200%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.7),transparent);transform:translate(-120%);transition:transform .45s ease}.pdf-organiser-preview-header .btn-secondary:hover{transform:translateY(-2px);box-shadow:0 14px 26px #38bdf873,inset 0 1px #fffc}.pdf-organiser-preview-header .btn-secondary:hover:after{transform:translate(240%)}.pdf-organiser-preview-header .btn-secondary:active{transform:translateY(0);box-shadow:0 8px 16px #38bdf859,inset 0 2px 4px #0f172a33}.pdf-organiser-preview-header .btn-zoom .zoom-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(145deg,#dcebfae6,#c8dcf5cc);border:1px solid rgba(180,200,230,.6);font-size:.9rem;font-weight:600;color:#4a6285;box-shadow:inset 0 1px 2px #fffc}.pdf-organiser-preview-header .panel-header-zoom-label{font-size:.82rem;font-weight:600;color:#3d4f6a;min-width:48px;text-align:center;padding:0 6px}.pdf-organiser-page-indicator{font-size:.82rem;font-weight:500;color:#5a6b82;padding:0 10px}.pdf-organiser-empty{color:#6c7a91;margin-bottom:8px}.pdf-organiser-saved-item{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);cursor:context-menu}.pdf-organiser-context-menu{position:fixed;display:flex;flex-direction:column;gap:6px;padding:8px;min-width:160px;background:linear-gradient(145deg,#fffffffa,#ecf2faf2);border:1px solid rgba(196,211,230,.7);border-radius:14px;box-shadow:0 16px 32px #0f172a2e;z-index:20}:root[data-theme=dark] .pdf-organiser-toolbar-strip{background:#1e293bf2;border-color:var(--border);box-shadow:0 8px 24px #0000004d}:root[data-theme=dark] .pdf-organiser-toolbar-divider{background:var(--border)}:root[data-theme=dark] .pdf-organiser-inline-label{color:var(--text-muted)}:root[data-theme=dark] .pdf-organiser-select{background:var(--bg-card);border-color:var(--border);color:var(--text-main);box-shadow:var(--shadow-soft)}:root[data-theme=dark] .pdf-organiser-select:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-card-strong)}:root[data-theme=dark] .pdf-organiser-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}:root[data-theme=dark] .pdf-organiser-page-input{background:var(--bg-card);border-color:var(--border);color:var(--text-main);box-shadow:var(--shadow-soft)}:root[data-theme=dark] .pdf-organiser-page-input:hover{border-color:var(--border-strong)}:root[data-theme=dark] .pdf-organiser-page-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}:root[data-theme=dark] .pdf-organiser-page-dash{color:var(--text-muted)}:root[data-theme=dark] .pdf-organiser-toolbar .btn-primary{color:#e2f4ff;background:linear-gradient(135deg,#38bdf8,#0ea5e9 60%,#22d3ee);border-color:#38bdf859;box-shadow:0 8px 20px #0ea5e966,inset 0 1px #fff3}:root[data-theme=dark] .pdf-organiser-toolbar .btn-primary:hover{box-shadow:0 10px 24px #0ea5e980,inset 0 1px #ffffff40}:root[data-theme=dark] .pdf-organiser-toolbar .btn-secondary{background:var(--bg-card);border-color:var(--border);color:var(--text-main);box-shadow:var(--shadow-soft)}:root[data-theme=dark] .pdf-organiser-toolbar .btn-secondary:hover{border-color:var(--border-strong);background:var(--bg-card-strong)}:root[data-theme=dark] .pdf-organiser-zoom-label{color:var(--text-main)}:root[data-theme=dark] .pdf-organiser-page-indicator{background:var(--bg-card);border-color:var(--border);color:var(--text-muted);box-shadow:var(--shadow-soft)}:root[data-theme=dark] .pdf-organiser-empty{color:var(--text-muted)}:root[data-theme=dark] .pdf-organiser-left-rail #responses-unassigned-folder-grid .folder-tile,:root[data-theme=dark] .pdf-organiser-left-rail #responses-unassigned-list .history-item,:root[data-theme=dark] .pdf-organiser-left-rail #responses-recent-list .history-item{border:1px solid var(--border);background:var(--bg-card)}:root[data-theme=dark] .pdf-organiser-resizer{background:var(--border)}:root[data-theme=dark] .pdf-organiser-preview{border:none;border-radius:20px;background:transparent}:root[data-theme=dark] .pdf-organiser-preview.has-pdf{border:none}:root[data-theme=dark] .pdf-organiser-context-menu{background:var(--bg-card);border:1px solid var(--border);box-shadow:0 12px 30px #00000059}:root[data-theme=dark] .pdf-organiser-preview-header{background:var(--bg-card);border-color:var(--border);box-shadow:0 8px 24px #0003,inset 0 1px 2px #ffffff0d}:root[data-theme=dark] .pdf-organiser-preview-header .btn-secondary{color:#e2f4ff;background:linear-gradient(135deg,#38bdf8,#0ea5e9 60%,#22d3ee);border-color:#38bdf859;box-shadow:0 12px 24px #0ea5e966,inset 0 1px #fff3}:root[data-theme=dark] .pdf-organiser-preview-header .btn-secondary:hover{box-shadow:0 16px 30px #0ea5e980,inset 0 1px #ffffff40}:root[data-theme=dark] .pdf-organiser-preview-header .btn-secondary:active{box-shadow:0 8px 16px #0ea5e94d,inset 0 2px 4px #0003}:root[data-theme=dark] .pdf-organiser-preview-header .btn-zoom .zoom-icon{background:var(--bg-muted);border-color:var(--border);color:var(--text-main);box-shadow:inset 0 1px 1px #ffffff0d}:root[data-theme=dark] .pdf-organiser-preview-header .panel-header-zoom-label{color:var(--text-main)}:root[data-theme=dark] .pdf-organiser-page-indicator{color:var(--text-muted)}:root[data-theme=light] .response-uploader-toggle{background:#ffffffe6;border-color:#abbbd180;box-shadow:0 8px 24px #0f172a14}:root[data-theme=light] .response-uploader-toggle-btn.is-active{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 6px 16px #2563eb59}:root[data-theme=sepia-light] .response-uploader-toggle{background:#fbf0dc;border-color:#1a1a1a1f;box-shadow:none}:root[data-theme=sepia-light] .response-uploader-toggle-btn{color:#5c5c5c}:root[data-theme=sepia-light] .response-uploader-toggle-btn:hover:not(.is-active){color:#1a1a1a;background:#f5e0c0}:root[data-theme=sepia-light] .response-uploader-toggle-btn.is-active{background:linear-gradient(135deg,#9d2f2f,#7d2424);color:#fdf6e8;box-shadow:none}:root[data-theme=sepia-dark] .response-uploader-toggle{background:#3e2e28;border-color:#e0d5d11f;box-shadow:none}:root[data-theme=sepia-dark] .response-uploader-toggle-btn{color:#b0a19a}:root[data-theme=sepia-dark] .response-uploader-toggle-btn:hover:not(.is-active){color:#e0d5d1;background:#5a4842}:root[data-theme=sepia-dark] .response-uploader-toggle-btn.is-active{background:linear-gradient(135deg,#e57373,#c56262);color:#2a201d;box-shadow:none}.auto-upload-page{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:800px;margin:0 auto;padding:32px 24px}.auto-upload-card{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:24px;padding:32px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:var(--transition)}.auto-upload-card:hover{box-shadow:var(--shadow-strong)}.auto-upload-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px;text-align:center;flex-direction:column;align-items:center}@media(min-width:500px){.auto-upload-header{flex-direction:row;text-align:left;align-items:flex-start}}.auto-upload-title{font-size:1.35rem;font-weight:700;color:var(--text-main);margin-bottom:8px;letter-spacing:-.02em}.auto-upload-subtitle{color:var(--text-muted);font-size:.95rem;line-height:1.6;max-width:480px}.auto-upload-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;flex-shrink:0;background:linear-gradient(135deg,#38bdf840,#3b82f640);color:#7dd3fc;border:1px solid rgba(56,189,248,.35);box-shadow:0 4px 12px #38bdf826}.auto-upload-step{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--primary);background:var(--primary-glow);border:1.5px solid var(--primary);margin-bottom:12px}.auto-upload-dropzone{padding:28px;border-radius:20px;border:2px dashed var(--border-light);background:linear-gradient(145deg,var(--bg-muted),transparent);display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;transition:var(--transition);position:relative;overflow:hidden}.auto-upload-dropzone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,var(--primary-glow),transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.auto-upload-dropzone:hover:before{opacity:.5}.auto-upload-dropzone:hover{border-color:var(--primary);background:linear-gradient(145deg,var(--bg-muted),var(--bg-card))}.auto-upload-drop-copy{display:flex;flex-direction:column;align-items:center}.auto-upload-drop-copy p{color:var(--text-muted);font-size:.9rem;line-height:1.6;max-width:360px}.auto-upload-drop-title{font-size:1.1rem;font-weight:600;color:var(--text-main);margin-bottom:6px}.auto-upload-drop-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.auto-upload-file-name{color:var(--text-muted);font-size:.85rem;padding:10px 18px;border-radius:999px;background:var(--bg-card);border:1px solid var(--border);max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:var(--transition)}.auto-upload-file-name:not(:empty):not([data-empty=true]){color:var(--text-main);background:var(--primary-glow);border-color:var(--primary)}.auto-upload-fields{margin-top:28px;display:grid;gap:20px;grid-template-columns:1fr}@media(min-width:460px){.auto-upload-fields{grid-template-columns:repeat(2,1fr)}}.auto-upload-field{display:flex;flex-direction:column;gap:10px}.auto-upload-field label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding-left:4px}.auto-upload-select-wrap{position:relative}.auto-upload-select-wrap:after{content:"";position:absolute;right:16px;top:50%;width:12px;height:12px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23b7c1d4' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat center / contain;transform:translateY(-50%);pointer-events:none;opacity:.7;transition:var(--transition)}.auto-upload-select-wrap:focus-within:after{opacity:1}.auto-upload-select{width:100%;padding:14px 42px 14px 18px;border-radius:14px;border:1.5px solid var(--input-border);background:var(--input-bg);color:var(--text-main);font-size:.95rem;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:var(--transition);box-shadow:var(--shadow-inset);cursor:pointer}.auto-upload-select:hover:not(:disabled){border-color:var(--border-light);background:var(--bg-card)}.auto-upload-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.auto-upload-select:disabled{opacity:.45;cursor:not-allowed}.auto-upload-actions{margin-top:28px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.auto-upload-actions .btn-primary,.auto-upload-actions .btn-secondary{flex:1;min-width:160px;max-width:240px;justify-content:center;padding:14px 24px;font-size:.95rem;border-radius:14px}.auto-upload-status-row{margin-top:24px;padding:20px 24px;border-radius:16px;border:1px solid var(--border);background:var(--bg-muted);min-height:64px;transition:var(--transition)}.auto-upload-status{font-size:.95rem;color:var(--text-muted);line-height:1.6;text-align:center}.auto-upload-status:empty:before{content:"Ready to process your PDF";opacity:.6}.auto-upload-status:empty+.auto-upload-summary:empty{display:none}.auto-upload-status-row:has(.auto-upload-status:empty):has(.auto-upload-summary:empty){border-style:dashed}.auto-upload-status[data-state=error]{color:#f87171;font-weight:500}.auto-upload-status[data-state=complete]{color:#34d399;font-weight:500}.auto-upload-status[data-state=processing]{color:var(--primary);font-weight:500}.auto-upload-summary{margin-top:12px;white-space:pre-line;font-size:.88rem;color:var(--text-muted);line-height:1.7;text-align:center}.auto-upload-summary:empty{display:none}.auto-upload-help{background:linear-gradient(145deg,var(--bg-muted),var(--bg-card));border:1px solid var(--border);padding:28px 32px}.auto-upload-help .auto-upload-title{font-size:1.05rem;margin-bottom:18px;text-align:center;color:var(--text-muted)}.auto-upload-help ol{margin:0;padding:0;list-style:none;color:var(--text-muted);font-size:.92rem;line-height:1.8;display:grid;gap:12px;counter-reset:step}.auto-upload-help ol li{display:flex;align-items:flex-start;gap:14px;counter-increment:step}.auto-upload-help ol li:before{content:counter(step);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--primary-glow);border:2px solid var(--primary);color:var(--primary);font-weight:700;font-size:.8rem;flex-shrink:0}:root[data-theme=light] .auto-upload-select-wrap:after{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%235a677b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat center / contain}:root[data-theme=light] .auto-upload-badge{background:linear-gradient(135deg,#38bdf82e,#3b82f62e);border-color:#3b82f64d;color:#1e40af;box-shadow:0 4px 12px #3b82f61f}:root[data-theme=light] .auto-upload-step{background:#3b82f61f;border-color:#3b82f666;color:var(--primary)}:root[data-theme=light] .auto-upload-dropzone{background:linear-gradient(145deg,#ecf2fcf2,#fffc);border-color:#abbbd199}:root[data-theme=light] .auto-upload-dropzone:hover{background:linear-gradient(145deg,#f0f6ff,#fffffff2);border-color:var(--primary)}:root[data-theme=light] .auto-upload-card{background:#ffffffeb;box-shadow:0 20px 50px #0f172a1a}:root[data-theme=light] .auto-upload-card:hover{box-shadow:0 24px 60px #0f172a24}:root[data-theme=light] .auto-upload-help{background:linear-gradient(145deg,#f6fafffa,#fffffff2)}:root[data-theme=light] .auto-upload-help ol li:before{background:#3b82f61f;border-color:var(--primary);color:var(--primary)}:root[data-theme=sepia-light] .auto-upload-card{background:#fbf0dc;border-color:#1a1a1a1f;box-shadow:none}:root[data-theme=sepia-light] .auto-upload-card:hover{box-shadow:none}:root[data-theme=sepia-light] .auto-upload-badge{background:#9d2f2f1f;border-color:#9d2f2f40;color:#9d2f2f;box-shadow:none}:root[data-theme=sepia-light] .auto-upload-step{background:#9d2f2f1a;border-color:#9d2f2f66;color:#9d2f2f}:root[data-theme=sepia-light] .auto-upload-dropzone{background:#f8e8ce;border-color:#1a1a1a33}:root[data-theme=sepia-light] .auto-upload-dropzone:hover{background:#f5e0c0;border-color:#9d2f2f}:root[data-theme=sepia-light] .auto-upload-dropzone:before{background:radial-gradient(circle at 50% 0%,rgba(157,47,47,.15),transparent 70%)}:root[data-theme=sepia-light] .auto-upload-select{background:#fbf0dc;border-color:#1a1a1a26}:root[data-theme=sepia-light] .auto-upload-select:focus{border-color:#9d2f2f;box-shadow:0 0 0 4px #9d2f2f26}:root[data-theme=sepia-light] .auto-upload-select-wrap:after{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%235c5c5c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat center / contain}:root[data-theme=sepia-light] .auto-upload-help{background:#f8e8ce}:root[data-theme=sepia-light] .auto-upload-help ol li:before{background:#9d2f2f1a;border-color:#9d2f2f;color:#9d2f2f}:root[data-theme=sepia-light] .auto-upload-status-row{background:#f8e8ce;border-color:#1a1a1a1f}:root[data-theme=sepia-light] .auto-upload-file-name{background:#fbf0dc;border-color:#1a1a1a1f}:root[data-theme=sepia-light] .auto-upload-file-name:not(:empty):not([data-empty=true]){background:#9d2f2f1a;border-color:#9d2f2f}:root[data-theme=sepia-dark] .auto-upload-card{background:#3e2e28;border-color:#e0d5d11f;box-shadow:none}:root[data-theme=sepia-dark] .auto-upload-card:hover{box-shadow:none}:root[data-theme=sepia-dark] .auto-upload-badge{background:#e573732e;border-color:#e573734d;color:#e57373;box-shadow:none}:root[data-theme=sepia-dark] .auto-upload-step{background:#e5737326;border-color:#e5737380;color:#e57373}:root[data-theme=sepia-dark] .auto-upload-dropzone{background:#4a3832;border-color:#e0d5d133}:root[data-theme=sepia-dark] .auto-upload-dropzone:hover{background:#5a4842;border-color:#e57373}:root[data-theme=sepia-dark] .auto-upload-dropzone:before{background:radial-gradient(circle at 50% 0%,rgba(229,115,115,.2),transparent 70%)}:root[data-theme=sepia-dark] .auto-upload-select{background:#3e2e28;border-color:#e0d5d126}:root[data-theme=sepia-dark] .auto-upload-select:focus{border-color:#e57373;box-shadow:0 0 0 4px #e5737333}:root[data-theme=sepia-dark] .auto-upload-select-wrap:after{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23b0a19a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat center / contain}:root[data-theme=sepia-dark] .auto-upload-help{background:#4a3832}:root[data-theme=sepia-dark] .auto-upload-help ol li:before{background:#e5737326;border-color:#e57373;color:#e57373}:root[data-theme=sepia-dark] .auto-upload-status-row{background:#4a3832;border-color:#e0d5d11f}:root[data-theme=sepia-dark] .auto-upload-file-name{background:#3e2e28;border-color:#e0d5d11f}:root[data-theme=sepia-dark] .auto-upload-file-name:not(:empty):not([data-empty=true]){background:#e5737326;border-color:#e57373}@media(max-width:600px){.auto-upload-page{gap:20px;padding:20px 16px}.auto-upload-card{padding:24px 20px;border-radius:20px}.auto-upload-header{gap:14px;margin-bottom:24px}.auto-upload-title{font-size:1.2rem}.auto-upload-dropzone{padding:24px 20px}.auto-upload-fields{margin-top:24px;gap:16px}.auto-upload-actions{flex-direction:column;margin-top:24px}.auto-upload-actions .btn-primary,.auto-upload-actions .btn-secondary{max-width:none;width:100%}.auto-upload-help{padding:24px 20px}}@media(min-width:900px){.auto-upload-page{padding:40px 32px}.auto-upload-card{padding:40px}.auto-upload-dropzone{padding:36px}}.model-answer-page{height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.model-answer-coming{font-size:clamp(2.5rem,6vw,5rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--text-main);text-shadow:0 0 16px rgba(56,189,248,.35),0 0 32px rgba(56,189,248,.2)}#view-responses{height:100%}.class-analytics--floating{--analytics-accent: #14b8a6;--analytics-warm: rgba(245, 158, 11, .18);gap:24px;width:100%}.class-analytics--floating,.class-analytics--floating *{box-sizing:border-box}.class-analytics--floating .class-analytics-hero{background:transparent;border:none;box-shadow:none;padding:0 0 6px}.class-analytics--floating .class-analytics-hero:before{inset:-35% -10% auto auto;background:radial-gradient(circle,rgba(20,184,166,.25),transparent 65%)}.class-analytics--floating .class-analytics-hero:after{inset:auto auto -45% -20%;background:radial-gradient(circle,rgba(245,158,11,.2),transparent 70%)}.class-analytics--floating .class-analytics-title{font-family:EB Garamond,serif;font-size:2rem;letter-spacing:-.02em}.class-analytics-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.class-analytics-score-card{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:18px 20px;border-radius:22px;background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:0}.class-analytics-score-ring{--score: 0;width:112px;height:112px;border-radius:50%;background:conic-gradient(var(--analytics-accent) calc(var(--score) * 1%),rgba(255,255,255,.08) 0);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 0 0 6px #ffffff0f,0 18px 30px #060c1640}.class-analytics-score-ring[data-band=exceeding]{--analytics-accent: #22c55e}.class-analytics-score-ring[data-band=meeting]{--analytics-accent: #14b8a6}.class-analytics-score-ring[data-band=approaching]{--analytics-accent: #f59e0b}.class-analytics-score-ring[data-band=below]{--analytics-accent: #f97316}.class-analytics-score-ring:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);z-index:0}.class-analytics-score-value{position:relative;z-index:1;font-size:1.6rem;font-weight:700;letter-spacing:-.02em;color:var(--text-main)}.class-analytics-score-body{display:flex;flex-direction:column;gap:6px;min-width:0}.class-analytics-score-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600}.class-analytics-score-meta{font-size:.8rem;color:var(--text-muted);max-width:100%;word-break:break-word}.class-analytics-average-toggle{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap;max-width:100%}.class-analytics-toggle{padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg-muted);color:var(--text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;cursor:pointer;flex:1 1 auto;min-width:0;text-align:center}.class-analytics-toggle.is-active{background:#14b8a633;border-color:#14b8a666;color:var(--text-main)}.class-analytics-metric-card{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:18px;background:linear-gradient(160deg,#14b8a60f,#f59e0b14),var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:0}.class-analytics-thresholds{display:flex;flex-direction:column;gap:12px}.class-thresholds-toggle{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:999px;border:1px solid var(--border);background:var(--bg-muted);color:var(--text-main);font-size:.8rem;font-weight:600;cursor:pointer;width:fit-content}.class-thresholds-toggle-meta{font-size:.7rem;color:var(--text-muted);font-weight:500}.class-thresholds-panel{padding:14px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:12px}.class-threshold-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.class-threshold-field{display:flex;flex-direction:column;gap:6px}.class-threshold-field label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600}.class-threshold-field input{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-main);font-size:.9rem}.class-threshold-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.class-threshold-note{font-size:.75rem;color:var(--text-muted)}.class-metric-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:600}.class-metric-value{font-size:1.3rem;font-weight:700;color:var(--text-main)}.class-metric-meta{font-size:.75rem;color:var(--text-muted)}.class-analytics-insights{display:flex;flex-direction:column;gap:12px;width:100%}.class-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;list-style:none;margin:0;padding:0;width:100%}.class-insight{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px 16px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);align-items:center}.class-insight-icon{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#14b8a62e;color:var(--text-main);font-weight:700}.class-insight-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.class-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;align-items:stretch}.class-analytics--floating .class-analytics-panel{background:var(--glass);border-radius:20px;border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);min-width:0}.class-question-performance,.class-score-histogram,.class-progress-chart{min-height:120px}@media(max-width:1200px){.class-analytics-metrics{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.class-analytics-score-card{grid-template-columns:1fr;justify-items:center;text-align:center}.class-analytics-average-toggle{justify-content:center}}@media(max-width:720px){.class-analytics-hero{flex-direction:column;align-items:flex-start}.class-analytics-hero-side{align-items:flex-start}}.responses-page.classes-layout{display:flex;flex-direction:column;gap:24px;height:auto;padding:24px;min-height:0}.classes-tiles{background:transparent;border:none;border-radius:0;padding:0;display:flex;flex-direction:column;gap:16px;min-height:0;box-shadow:none}.classes-tiles-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.classes-tiles-header h2{font-size:1.2rem;font-weight:600}.classes-detail{flex:1;min-width:0;overflow-y:auto;padding:6px 0 18px}.responses-class-detail{background:transparent}.app-header--class-menu .header-left{height:100%;min-height:0;position:relative;z-index:210;overflow:visible;flex:1;gap:16px;display:flex;align-items:center}.app-header--class-menu .header-title{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;height:auto!important;width:auto!important;max-width:none!important;display:flex!important;align-items:center!important;overflow:visible!important;white-space:normal!important;border-radius:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;flex:1}.app-header--class-menu .breadcrumb-bar{width:auto;height:auto;display:flex;align-items:center}.class-menu-bar{display:flex!important;align-items:center;gap:16px;visibility:visible!important;opacity:1!important;background:transparent;border:none;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;height:100%;flex:1}.app-header--class-menu{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:500;overflow:visible;background:var(--glass);border:none;border-bottom:1px solid var(--glass-border);border-radius:0;box-shadow:0 4px 20px #00000014;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);height:var(--header-pill-height);min-height:var(--header-pill-height)!important;padding:0 24px!important;margin:0!important;align-items:center!important;gap:16px!important;justify-content:flex-start}:root[data-theme=dark] .app-header--class-menu{box-shadow:0 4px 20px #0000004d}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .app-header--class-menu{box-shadow:0 4px 20px #0000001a}body:has(.app-header--class-menu) .workspace{padding-top:calc(var(--header-pill-height) + 16px)!important}body:has(.app-header--class-menu) .app-sidebar{z-index:502}body:has(.app-header--class-menu) .app-sidebar.collapsed .sidebar-header{position:fixed;top:0;left:0;height:var(--header-pill-height);display:flex;align-items:center;padding-left:24px;margin:0;z-index:501}body:has(.app-header--class-menu) .app-sidebar.collapsed #sidebar-toggle{border-radius:10px;height:40px}.app-sidebar.collapsed~.workspace .app-header--class-menu{padding-left:224px!important}.class-menu-dropdown{position:relative;display:flex;align-items:center;z-index:220}.class-menu-class-pill{display:flex;align-items:center;justify-content:center;padding:8px 16px;height:40px;border-radius:10px;background:var(--bg-card);border:1px solid var(--glass-border);box-shadow:0 2px 4px #0000000a;color:var(--text-main);font-weight:600;font-size:.9rem;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;max-width:100%;transition:all .15s ease}.class-menu-class-pill:hover{background:var(--bg-hover);border-color:var(--border-strong)}:root[data-theme=dark] .class-menu-class-pill{background:var(--bg-card);border-color:var(--border)}:root[data-theme=dark] .class-menu-class-pill:hover{background:var(--bg-hover)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .class-menu-class-pill{background:var(--bg-card);border-color:var(--border)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .class-menu-class-pill:hover{background:var(--bg-hover)}.class-menu-class-pill:after{content:"▾";font-size:.7rem;margin-left:6px;color:var(--text-muted)}.class-menu-bar .class-detail-tabs{margin-bottom:0;flex:1;justify-content:center}.class-menu-list{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;max-width:320px;padding:8px;border-radius:10px;background:linear-gradient(145deg,#fffffffa,#f0f5fcf2);border:1px solid rgba(200,215,235,.6);box-shadow:0 8px 24px #0f172a1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:4px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;transition:opacity .12s ease,transform .12s ease,visibility .12s ease}:root[data-theme=dark] .class-menu-list{background:#1e293bfa;border-color:var(--border);box-shadow:0 8px 24px #0006}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .class-menu-list{background:var(--bg-card);border-color:var(--border)}.class-menu-list[hidden]{display:none}.class-menu-dropdown.is-open .class-menu-list{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.class-menu-item{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:8px;text-decoration:none;font-weight:500;font-size:.85rem;color:var(--text-main);background:transparent;border:1px solid transparent;transition:all .15s ease;white-space:nowrap}.class-menu-item:hover,.class-menu-item:focus-visible{background:#c8d7eb66}.class-menu-item.is-active{background:linear-gradient(145deg,#fffffffa,#f5f8fcf2);border-color:#c8d7eb99;box-shadow:0 2px 6px #0f172a14}:root[data-theme=dark] .class-menu-item:hover,:root[data-theme=dark] .class-menu-item:focus-visible{background:var(--bg-hover)}:root[data-theme=dark] .class-menu-item.is-active{background:var(--bg-card);border-color:var(--border)}.class-detail-tabs{position:relative;display:flex;gap:4px;padding:4px;background:var(--bg-card);border-radius:10px;width:auto;border:1px solid var(--glass-border);box-shadow:0 2px 4px #0000000a;height:40px;align-items:center;margin:0 auto}:root[data-theme=dark] .class-detail-tabs{background:var(--bg-card);border-color:var(--border)}:root[data-theme=sepia-light] .class-detail-tabs{background:var(--bg-card);border-color:var(--border)}:root[data-theme=sepia-dark] .class-detail-tabs{background:var(--bg-card);border-color:var(--border)}.class-detail-tabs-glow{display:none}.class-detail-tab{position:relative;z-index:1;display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid transparent;background:transparent;border-radius:8px;font-size:.85rem;font-weight:500;color:var(--text-muted, #6b7280);cursor:pointer;transition:all .15s ease;white-space:nowrap;text-decoration:none;height:auto}.class-detail-tab[draggable=true]{cursor:grab;-webkit-user-select:none;user-select:none}.class-detail-tab.is-dragging{opacity:.6;cursor:grabbing}.class-detail-tab:hover{background:var(--bg-hover);border-color:var(--border-light);color:var(--text-main, #1f2937)}.class-detail-tab.is-active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600;box-shadow:0 2px 4px #0ea5e94d}:root[data-theme=dark] .class-detail-tab:hover{background:var(--bg-hover);border-color:var(--border);color:var(--text-main)}:root[data-theme=dark] .class-detail-tab.is-active{background:var(--primary);border-color:var(--primary);color:#fff}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .class-detail-tab:hover{background:var(--bg-hover);border-color:var(--border);color:var(--text-main)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .class-detail-tab.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.class-detail-tab svg{flex-shrink:0;transition:transform .2s ease}.class-detail-tab.is-active svg{transform:scale(1.05)}.app-header--class-menu .header-actions{margin-left:auto;gap:12px;height:100%;display:flex;align-items:center}.app-header--class-menu .header-datetime-wrapper{height:auto;display:flex;align-items:center}.app-header--class-menu .header-datetime{border-radius:10px;border:1px solid var(--glass-border);background:var(--bg-card);box-shadow:0 2px 4px #0000000a;height:40px;display:flex;align-items:center;padding:0 16px}.app-header--class-menu .header-datetime:after{display:none}:root[data-theme=dark] .app-header--class-menu .header-datetime{background:var(--bg-card);border-color:var(--border)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .app-header--class-menu .header-datetime{background:var(--bg-card);border-color:var(--border)}.app-header--class-menu .header-appearance-menu{left:50%;right:auto;transform:translate(-50%) translateY(-6px);border-radius:10px}.app-header--class-menu .header-datetime-wrapper.is-open .header-appearance-menu{transform:translate(-50%) translateY(0)}.app-header--class-menu .header-queue-wrapper{height:auto;display:flex;align-items:center}.app-header--class-menu .header-queue-pill{border-radius:10px;height:40px;display:flex;align-items:center}.class-tab-content{display:none}.class-tab-content.is-active{display:block}.knowledge-map-wrapper{min-height:500px;background:var(--glass, rgba(255, 255, 255, .8));border:1px solid var(--glass-border, rgba(0, 0, 0, .1));border-radius:24px;overflow:hidden}.responses-class-subsection{background:var(--glass);border:1px solid var(--glass-border);border-radius:24px;padding:14px 16px;margin-bottom:14px;box-shadow:var(--shadow-soft)}.class-analytics{display:flex;flex-direction:column;gap:16px;margin-bottom:18px}.class-analytics-hero{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:20px 22px;border-radius:26px;background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);overflow:hidden}.class-analytics-hero:before{content:"";position:absolute;inset:-40% -10% auto auto;width:320px;height:320px;background:radial-gradient(circle,rgba(56,189,248,.35),transparent 65%);opacity:.75;pointer-events:none}.class-analytics-hero:after{content:"";position:absolute;inset:auto auto -45% -15%;width:320px;height:320px;background:radial-gradient(circle,rgba(16,185,129,.22),transparent 70%);opacity:.6;pointer-events:none}.class-analytics-hero-content{position:relative;z-index:1;max-width:620px;flex:1}.class-analytics-hero-side{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:12px;min-width:220px}.class-analytics-hero-action{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:136px;min-height:118px;border:1px solid var(--glass-border);border-radius:18px;padding:14px 12px;background:var(--bg-card-strong);color:var(--text-main);box-shadow:0 14px 24px #0f172a1f;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.class-analytics-hero-action:hover{border-color:var(--primary);box-shadow:0 14px 28px #0ea5e940;transform:translateY(-2px)}.class-analytics-hero-action-icon{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(140deg,var(--primary),#7c3aed);color:#fff;box-shadow:0 10px 20px #0ea5e93b}.class-analytics-hero-action-icon svg{width:22px;height:22px}.class-analytics-hero-action-caption{text-align:center;font-size:.82rem;line-height:1.24;font-weight:600}.class-analytics-hero-action:focus-visible{outline:none;box-shadow:0 0 0 3px #38bdf840,0 14px 24px #0f172a1f}.class-analytics-kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);font-weight:600;margin:0}.class-analytics-title{margin:6px 0;font-size:1.6rem;font-weight:700;color:var(--text-main)}.class-analytics-hero-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.class-analytics-range{display:flex;flex-direction:column;gap:6px}.class-analytics-range-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600}.class-analytics-range-select{padding:10px 36px 10px 16px;border-radius:12px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-main);font-size:.85rem;font-weight:600;min-width:170px;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;box-shadow:0 2px 6px #0000000f}.class-analytics-range-select:hover{border-color:var(--primary);box-shadow:0 4px 12px #38bdf826}.class-analytics-range-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #38bdf833}.class-analytics-custom-range{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-top:12px;padding:14px 16px;background:var(--bg-muted);border-radius:14px;border:1px solid var(--border)}.class-analytics-date-field{display:flex;flex-direction:column;gap:6px}.class-analytics-date-field label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600}.class-analytics-date-field input{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-main);font-size:.85rem;font-weight:500;transition:all .2s ease}.class-analytics-date-field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #38bdf833}.class-analytics-custom-range .btn-secondary{padding:10px 20px;border-radius:10px;font-weight:600}.class-analytics-subtitle{margin:0;font-size:.95rem;color:var(--text-muted);line-height:1.5}.class-analytics-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:0;justify-content:flex-end}.class-analytics-tag{padding:4px 10px;border-radius:999px;background:var(--bg-muted);border:1px solid var(--border);color:var(--text-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.class-analytics-actions{display:flex;align-items:center;gap:10px;margin-top:0;justify-content:flex-end}.class-action-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 18px 8px 8px;border-radius:999px;background:linear-gradient(135deg,#38bdf826,#0ea5e914);border:1px solid rgba(56,189,248,.35);color:var(--text-main);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 8px #38bdf81a}.class-action-pill:hover{background:linear-gradient(135deg,#38bdf840,#0ea5e926);border-color:#38bdf880;transform:translateY(-1px);box-shadow:0 4px 16px #38bdf833}.class-action-pill:active{transform:translateY(0)}.action-pill-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#fff;flex-shrink:0;box-shadow:0 2px 6px #0ea5e959}.action-pill-icon svg{width:16px;height:16px}.action-pill-label{white-space:nowrap}:root[data-theme=dark] .class-action-pill{background:linear-gradient(135deg,#38bdf81f,#0ea5e90f);border-color:#38bdf84d}:root[data-theme=dark] .class-action-pill:hover{background:linear-gradient(135deg,#38bdf833,#0ea5e91f);border-color:#38bdf873}:root[data-theme=light] .class-action-pill{background:linear-gradient(135deg,#38bdf81f,#0ea5e90d);border-color:#38bdf866;color:#0c4a6e}:root[data-theme=light] .class-action-pill:hover{background:linear-gradient(135deg,#38bdf833,#0ea5e91a)}.class-action-pill:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.class-action-pill:disabled:hover{transform:none;box-shadow:0 2px 8px #38bdf81a}.class-analytics-hero-score{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:150px;gap:10px}.class-analytics-average-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px;background:var(--bg-muted);border:1px solid var(--border);border-radius:999px}.class-average-toggle-btn{border:none;background:transparent;color:var(--text-muted);padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:var(--transition)}.class-average-toggle-btn.is-active{background:var(--bg-card);color:var(--text-main);box-shadow:0 2px 6px #0000002e}.class-analytics-score-ring{--score: 0;width:140px;height:140px;border-radius:50%;background:conic-gradient(#38bdf8f2,#38bdf8f2 calc(var(--score) * 1%),#94a3b833 calc(var(--score) * 1%),#94a3b833);display:flex;align-items:center;justify-content:center;position:relative}.class-analytics-score-ring:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:var(--bg-card-strong);border:1px solid var(--glass-border)}.score-ring-content{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;gap:4px}.score-ring-value{font-size:1.8rem;font-weight:700;color:var(--text-main)}.score-ring-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.score-ring-meta{font-size:.7rem;color:var(--text-muted)}.class-analytics-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.class-kpi-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;min-height:90px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden}.class-kpi-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 50%);pointer-events:none}.class-kpi-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600;position:relative;z-index:1}.class-kpi-value{font-size:1.5rem;font-weight:700;color:var(--text-main);letter-spacing:-.02em;position:relative;z-index:1}.class-kpi-meta{font-size:.75rem;color:var(--text-muted);position:relative;z-index:1}.class-analytics-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.class-analytics-panels--compact{grid-template-columns:1fr 1fr}.class-analytics-panel{background:var(--glass);border:1px solid var(--glass-border);border-radius:20px;padding:18px 20px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden;min-width:0}.class-analytics-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.03),transparent 60%);pointer-events:none}.class-analytics-panel--grades,.class-analytics-panel--insights{flex:1}.class-analytics-panel--wide{grid-column:span 2}.class-analytics-panel-header{position:relative;z-index:1}.class-analytics-panel-header--split{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.class-analytics-panel-header h3{margin:0;font-size:1rem;font-weight:700;color:var(--text-main);letter-spacing:-.01em}.class-analytics-panel-header p{margin:4px 0 0;font-size:.8rem;color:var(--text-muted);line-height:1.4}.class-analytics-flag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#92400e;background:#f59e0b2e;border:1px solid rgba(245,158,11,.35);border-radius:999px;white-space:nowrap;cursor:pointer;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.class-analytics-flag:focus-visible{outline:2px solid rgba(245,158,11,.6);outline-offset:2px}.class-analytics-flag-caret{font-size:.8rem;line-height:1}.class-analytics-flag-panel{position:relative;width:100%;margin:10px 0 4px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-soft);padding:10px 12px}.class-analytics-flag-panel-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--text-muted);margin-bottom:6px}.class-analytics-flag-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.class-analytics-flag-list li{margin:0}.class-analytics-gap-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--bg-muted);color:var(--text-main);font-size:.82rem;font-weight:500;text-decoration:none;transition:all .2s ease}.class-analytics-gap-link:hover{border-color:var(--border-hover);box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.class-grade-distribution{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-auto-rows:minmax(0,1fr);gap:10px;align-items:stretch;align-content:stretch;position:relative;z-index:1;flex:1;perspective:900px;min-width:0}.class-grade-distribution:has(.class-analytics-empty){display:block}.class-grade-chip{--grade-card-bg: linear-gradient(135deg, #1f2937, #111827);--grade-card-glow: rgba(15, 23, 42, .35);--grade-card-ink: #f8fafc;--grade-pill-bg: rgba(248, 250, 252, .22);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 14px;border-radius:18px;background:var(--grade-card-bg);border:1px solid rgba(255,255,255,.14);color:var(--grade-card-ink);transition:transform .25s ease,box-shadow .25s ease;animation:fadeSlideIn .35s ease both;animation-delay:var(--anim-delay, 0ms);box-shadow:0 14px 28px var(--grade-card-glow),inset 0 1px #ffffff59,inset 0 -18px 26px #0000002e;width:100%;height:100%;position:relative;transform-style:preserve-3d;cursor:pointer}.class-grade-chip:hover{transform:translateY(-10px) translateZ(8px) rotateX(6deg) rotateY(-6deg) scale(1.04);box-shadow:0 22px 36px var(--grade-card-glow),inset 0 1px #ffffff73,inset 0 -22px 34px #0000003d}.class-grade-chip:focus-visible{outline:2px solid rgba(56,189,248,.45);outline-offset:2px}.class-grade-chip:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.4),transparent 55%);opacity:.6;transition:opacity .25s ease,transform .25s ease;pointer-events:none}.class-grade-chip:hover:before{opacity:.9;transform:translateY(-6px);animation:gradeCardSheen .6s ease}@keyframes gradeCardSheen{0%{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}to{opacity:.7;transform:translateY(-4px)}}.class-grade-chip-grade{font-size:2.6rem;font-weight:800;color:inherit;min-width:24px;text-align:center;letter-spacing:-.02em;text-shadow:0 6px 16px rgba(0,0,0,.3);transform:translateZ(18px);transition:transform .25s ease}.class-grade-chip-count{display:flex;align-items:center;justify-content:center;min-width:40px;height:28px;padding:0 12px;border-radius:999px;background:var(--grade-pill-bg);color:inherit;font-size:.8rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff59;transform:translateZ(12px)}.class-grade-chip[data-grade^=A],.class-grade-chip[data-grade="9"],.class-grade-chip[data-grade="8"]{--grade-card-bg: linear-gradient(135deg, #1fbf73, #0f766e);--grade-card-glow: rgba(16, 185, 129, .35);--grade-pill-bg: rgba(240, 253, 250, .24)}.class-grade-chip[data-grade^=A] .class-grade-chip-count,.class-grade-chip[data-grade="9"] .class-grade-chip-count,.class-grade-chip[data-grade="8"] .class-grade-chip-count{color:#f0fdf4}.class-grade-chip[data-grade^=B],.class-grade-chip[data-grade="7"],.class-grade-chip[data-grade="6"]{--grade-card-bg: linear-gradient(135deg, #38bdf8, #1d4ed8);--grade-card-glow: rgba(59, 130, 246, .35);--grade-pill-bg: rgba(219, 234, 254, .26)}.class-grade-chip[data-grade^=B] .class-grade-chip-count,.class-grade-chip[data-grade="7"] .class-grade-chip-count,.class-grade-chip[data-grade="6"] .class-grade-chip-count{color:#eff6ff}.class-grade-chip[data-grade^=C],.class-grade-chip[data-grade="5"],.class-grade-chip[data-grade="4"]{--grade-card-bg: linear-gradient(135deg, #f59e0b, #d97706);--grade-card-glow: rgba(245, 158, 11, .4);--grade-pill-bg: rgba(254, 243, 199, .32)}.class-grade-chip[data-grade^=C] .class-grade-chip-count,.class-grade-chip[data-grade="5"] .class-grade-chip-count,.class-grade-chip[data-grade="4"] .class-grade-chip-count{color:#fff7ed}.class-grade-chip[data-grade^=D],.class-grade-chip[data-grade^=E],.class-grade-chip[data-grade="3"],.class-grade-chip[data-grade="2"],.class-grade-chip[data-grade="1"]{--grade-card-bg: linear-gradient(135deg, #f97316, #dc2626);--grade-card-glow: rgba(248, 113, 113, .38);--grade-pill-bg: rgba(254, 226, 226, .28)}.class-grade-chip[data-grade^=D] .class-grade-chip-count,.class-grade-chip[data-grade^=E] .class-grade-chip-count,.class-grade-chip[data-grade="3"] .class-grade-chip-count,.class-grade-chip[data-grade="2"] .class-grade-chip-count,.class-grade-chip[data-grade="1"] .class-grade-chip-count{color:#fff7ed}.class-grade-chip[data-grade=U],.class-grade-chip[data-grade^=F],.class-grade-chip[data-grade^=G]{--grade-card-bg: linear-gradient(135deg, #64748b, #334155);--grade-card-glow: rgba(71, 85, 105, .35);--grade-pill-bg: rgba(226, 232, 240, .22)}.class-grade-chip[data-grade=U] .class-grade-chip-count,.class-grade-chip[data-grade^=F] .class-grade-chip-count,.class-grade-chip[data-grade^=G] .class-grade-chip-count{color:#f8fafc}.class-grade-row{display:grid;grid-template-columns:52px 1fr 38px;align-items:center;gap:10px;font-size:.85rem}.class-grade-label{font-weight:600;color:var(--text-main)}.class-grade-bar{position:relative;height:10px;border-radius:999px;background:var(--bg-muted);border:1px solid var(--border);overflow:hidden}.class-grade-bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:0%;background:linear-gradient(90deg,#38bdf8e6,#10b981bf);border-radius:inherit;transition:width .3s ease}.class-grade-value{text-align:right;font-weight:600;color:var(--text-muted)}.class-target-distribution{display:flex;flex-direction:column;gap:12px}.class-target-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.class-target-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border);transition:all .2s ease;animation:fadeSlideIn .35s ease both;animation-delay:var(--anim-delay, 0ms);position:relative;overflow:hidden}.class-target-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.12;pointer-events:none}.class-target-card.is-above:before{background:linear-gradient(135deg,#10b981,#34d399)}.class-target-card.is-on:before{background:linear-gradient(135deg,#38bdf8,#0ea5e9)}.class-target-card.is-below:before{background:linear-gradient(135deg,#ef4444,#f87171)}.class-target-card-icon{font-size:1.1rem;line-height:1}.class-target-card.is-above .class-target-card-icon{color:#10b981}.class-target-card.is-on .class-target-card-icon{color:#38bdf8}.class-target-card.is-below .class-target-card-icon{color:#ef4444}.class-target-card-count{font-size:1.5rem;font-weight:700;color:var(--text-main);line-height:1}.class-target-card-label{font-size:.7rem;font-weight:600;color:var(--text-main);text-transform:uppercase;letter-spacing:.04em}.class-target-card-pct{font-size:.68rem;font-weight:600;color:var(--text-muted);padding:2px 8px;background:var(--bg-muted);border-radius:999px}.class-target-bar{display:flex;height:14px;border-radius:999px;overflow:hidden;border:1px solid var(--border);background:var(--bg-muted)}.class-target-segment{height:100%}.class-target-segment.is-above{background:linear-gradient(90deg,#22c55ee6,#10b981b3)}.class-target-segment.is-on{background:linear-gradient(90deg,#38bdf8d9,#0ea5e9a6)}.class-target-segment.is-below{background:linear-gradient(90deg,#f87171d9,#ef4444b3)}.class-target-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:.75rem;color:var(--text-muted)}.class-target-legend-item{display:flex;align-items:center;gap:6px;font-weight:600}.class-target-dot{width:8px;height:8px;border-radius:50%}.class-target-dot.is-above{background:#10b981e6}.class-target-dot.is-on{background:#38bdf8e6}.class-target-dot.is-below{background:#ef4444e6}.class-progress-chart{min-height:150px}.class-progress-chart svg{width:100%;height:160px;display:block}.class-progress-empty,.class-analytics-empty{font-size:.85rem;color:var(--text-muted);text-align:center;padding:24px 0}.class-insights-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.class-insight{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:14px 16px;transition:all .2s ease}.class-insight:hover{border-color:var(--border-light);box-shadow:0 4px 12px #0000000f}.class-insight-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600}.class-insight-value{font-size:1rem;font-weight:600;color:var(--text-main)}.class-insight-sub{font-size:.75rem;color:var(--text-muted)}.class-insight.is-empty{text-align:center;justify-content:center}.class-analytics--floating .class-insight{background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.class-analytics--floating .class-insight-icon{width:34px;height:34px;border-radius:10px;background:#14b8a62e;display:inline-flex;align-items:center;justify-content:center}.class-analytics--floating .class-analytics-score-ring{width:112px;height:112px;background:conic-gradient(var(--analytics-accent) calc(var(--score) * 1%),rgba(255,255,255,.08) 0);box-shadow:inset 0 0 0 6px #ffffff0f,0 18px 30px #060c1640}.class-analytics--floating .class-analytics-score-ring:after{background:var(--bg-card);border:1px solid var(--border)}.class-analytics--floating .class-analytics-score-ring[data-band=exceeding]{--analytics-accent: #22c55e}.class-analytics--floating .class-analytics-score-ring[data-band=meeting]{--analytics-accent: #14b8a6}.class-analytics--floating .class-analytics-score-ring[data-band=approaching]{--analytics-accent: #f59e0b}.class-analytics--floating .class-analytics-score-ring[data-band=below]{--analytics-accent: #f97316}.class-analytics--floating .class-analytics-average-toggle{background:transparent;border:none;padding:0}.class-performance-bands-section{margin-bottom:14px}.class-performance-bands-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:0 4px}.class-performance-bands-label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.class-performance-bands-toggle{display:flex;align-items:center;gap:8px}.class-performance-bands-toggle label{font-size:.8rem;color:var(--text-muted)}.class-performance-select{padding:4px 8px;font-size:.8rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text);cursor:pointer}.class-performance-select:hover{border-color:var(--border-hover)}.class-performance-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-alpha)}.class-performance-bands{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:0;min-width:0}.class-performance-bands:has(.class-analytics-empty){display:block}.class-performance-bands .class-analytics-empty{background:var(--bg-card);border:1px dashed var(--border);border-radius:16px;padding:20px;text-align:center;color:var(--text-muted);font-size:.85rem}.performance-band{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 12px;border-radius:16px;background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-soft);position:relative;overflow:hidden;animation:fadeSlideIn .4s ease both;animation-delay:var(--anim-delay, 0ms)}.performance-band.is-clickable{cursor:pointer}.performance-band.is-clickable:focus-visible{outline:2px solid rgba(56,189,248,.45);outline-offset:2px}.performance-band:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.12;pointer-events:none}.performance-band.is-exceeding:before{background:linear-gradient(135deg,#10b981,#34d399)}.performance-band.is-meeting:before{background:linear-gradient(135deg,#38bdf8,#0ea5e9)}.performance-band.is-approaching:before{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.performance-band.is-below:before{background:linear-gradient(135deg,#ef4444,#f87171)}.performance-band-icon{font-size:1.2rem;line-height:1}.performance-band.is-exceeding .performance-band-icon{color:#10b981}.performance-band.is-meeting .performance-band-icon{color:#38bdf8}.performance-band.is-approaching .performance-band-icon{color:#f59e0b}.performance-band.is-below .performance-band-icon{color:#ef4444}.performance-band-count{font-size:1.6rem;font-weight:700;color:var(--text-main);line-height:1}.performance-band-label{font-size:.75rem;font-weight:600;color:var(--text-main);text-transform:uppercase;letter-spacing:.04em}.performance-band-sublabel{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.performance-band-pct{font-size:.7rem;font-weight:600;color:var(--text-muted);padding:2px 8px;background:var(--bg-muted);border-radius:999px}.class-question-performance{display:flex;flex-direction:column;gap:10px;min-width:0}.question-perf-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(120px,2fr) minmax(44px,auto) minmax(60px,auto);align-items:center;gap:12px;animation:fadeSlideIn .35s ease both;animation-delay:var(--anim-delay, 0ms);min-width:0}.question-perf-row.is-clickable{cursor:pointer;border-radius:10px;padding:6px 8px}.question-perf-row.is-clickable:hover{background:#94a3b814}.question-perf-row.is-clickable:focus-visible{outline:2px solid rgba(56,189,248,.45);outline-offset:2px}.question-perf-label{font-size:.82rem;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.question-perf-bar{height:10px;background:var(--bg-muted);border:1px solid var(--border);border-radius:999px;overflow:hidden;position:relative}.question-perf-bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transition:width .5s ease}.question-perf-bar-fill.is-exceeding{background:linear-gradient(90deg,#10b981,#34d399)}.question-perf-bar-fill.is-meeting{background:linear-gradient(90deg,#38bdf8,#0ea5e9)}.question-perf-bar-fill.is-approaching{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.question-perf-bar-fill.is-below{background:linear-gradient(90deg,#ef4444,#f87171)}.question-perf-value{font-size:.85rem;font-weight:700;color:var(--text-main);text-align:right}.question-perf-count{font-size:.72rem;color:var(--text-muted);text-align:right}.class-score-histogram{min-height:120px;min-width:0}.histogram-bars{display:flex;align-items:flex-end;gap:6px;height:100px;padding-top:10px;min-width:0}.histogram-bar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;position:relative;animation:fadeSlideIn .3s ease both;animation-delay:var(--anim-delay, 0ms);min-width:0}.histogram-bar.is-clickable{cursor:pointer}.histogram-bar.is-clickable:focus-visible{outline:2px solid rgba(56,189,248,.45);outline-offset:2px;border-radius:8px}.histogram-bar-fill{width:100%;border-radius:4px 4px 0 0;position:absolute;bottom:20px;transition:height .5s ease}.histogram-bar-fill.is-exceeding{background:linear-gradient(180deg,#10b981,#34d399)}.histogram-bar-fill.is-meeting{background:linear-gradient(180deg,#38bdf8,#0ea5e9)}.histogram-bar-fill.is-approaching{background:linear-gradient(180deg,#f59e0b,#fbbf24)}.histogram-bar-fill.is-below{background:linear-gradient(180deg,#ef4444,#f87171)}.histogram-bar-label{position:absolute;bottom:0;font-size:.6rem;font-weight:600;color:var(--text-muted)}.histogram-bar-value{position:absolute;bottom:22px;font-size:.6rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;pointer-events:none}.class-analytics-score-ring[data-band=exceeding]{background:conic-gradient(#10b981f2,#10b981f2 calc(var(--score) * 1%),#94a3b833 calc(var(--score) * 1%),#94a3b833)}.class-analytics-score-ring[data-band=meeting]{background:conic-gradient(#38bdf8f2,#38bdf8f2 calc(var(--score) * 1%),#94a3b833 calc(var(--score) * 1%),#94a3b833)}.class-analytics-score-ring[data-band=approaching]{background:conic-gradient(#f59e0bf2,#f59e0bf2 calc(var(--score) * 1%),#94a3b833 calc(var(--score) * 1%),#94a3b833)}.class-analytics-score-ring[data-band=below]{background:conic-gradient(#ef4444f2,#ef4444f2 calc(var(--score) * 1%),#94a3b833 calc(var(--score) * 1%),#94a3b833)}.class-insight{display:flex;flex-direction:row;align-items:flex-start;gap:12px;animation:fadeSlideIn .35s ease both;animation-delay:var(--anim-delay, 0ms)}.class-insight-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;background:var(--bg-muted);border:1px solid var(--border)}.class-insight.is-exceeding .class-insight-icon{background:#10b98126;border-color:#10b98166;color:#10b981}.class-insight.is-meeting .class-insight-icon{background:#38bdf826;border-color:#38bdf866;color:#38bdf8}.class-insight.is-approaching .class-insight-icon{background:#f59e0b26;border-color:#f59e0b66;color:#f59e0b}.class-insight.is-below .class-insight-icon{background:#ef444426;border-color:#ef444466;color:#ef4444}.class-insight.is-neutral .class-insight-icon{background:var(--bg-muted);border-color:var(--border);color:var(--text-muted)}.class-insight-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.class-inline-action-btn{margin-top:8px;align-self:flex-start;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--bg-muted);color:var(--text-main);font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .18s ease}.class-inline-action-btn:hover{border-color:var(--border-hover);background:var(--bg-card)}.class-inline-action-btn:focus-visible{outline:2px solid rgba(56,189,248,.5);outline-offset:2px}.class-data-quality-summary{font-size:.82rem;color:var(--text-main);background:var(--bg-muted);border:1px solid var(--border);border-radius:12px;padding:10px 12px}.class-data-source-list{display:flex;flex-wrap:wrap;gap:8px}.class-data-source-chip{border:1px solid var(--border);background:var(--bg-card);color:var(--text-main);border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:3px;align-items:flex-start;cursor:pointer;min-width:138px}.class-data-source-chip:hover{border-color:var(--border-hover);box-shadow:var(--shadow-soft)}.class-data-source-chip:focus-visible{outline:2px solid rgba(20,184,166,.45);outline-offset:2px}.class-data-source-name{font-size:.74rem;font-weight:600;color:var(--text-main)}.class-data-source-meta{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.class-exclusion-reason-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.class-exclusion-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:10px 12px}.class-exclusion-text{font-size:.78rem;color:var(--text-main)}.class-priority-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.class-priority-chip{border:1px solid var(--border);border-radius:14px;background:var(--bg-card);color:var(--text-main);padding:10px 12px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"label count" "meta meta";gap:4px 8px;text-align:left;cursor:pointer}.class-priority-chip:disabled{opacity:.6;cursor:not-allowed}.class-priority-chip:hover:not(:disabled){border-color:var(--border-hover);box-shadow:var(--shadow-soft)}.class-priority-chip-label{grid-area:label;font-size:.78rem;font-weight:700}.class-priority-chip-count{grid-area:count;font-size:1rem;font-weight:700}.class-priority-chip-meta{grid-area:meta;font-size:.66rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.class-priority-chip.is-reteach{border-color:#ef444459;background:#ef444414}.class-priority-chip.is-watch{border-color:#f59e0b59;background:#f59e0b17}.class-priority-chip.is-stretch{border-color:#10b98159;background:#10b98117}.class-intervention-list,.class-drilldown-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.class-intervention-item,.class-drilldown-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--bg-card)}.class-drilldown-main{min-width:0}.class-drilldown-link{display:inline-block;color:var(--text-main);font-weight:600;font-size:.84rem;text-decoration:none}.class-drilldown-link:hover{text-decoration:underline}.class-drilldown-meta{margin-top:2px;font-size:.73rem;color:var(--text-muted)}.class-drilldown-badge{white-space:nowrap;padding:5px 8px;border-radius:999px;background:var(--bg-muted);border:1px solid var(--border);font-size:.68rem;color:var(--text-main);font-weight:600}.class-drilldown-empty{font-size:.8rem;color:var(--text-muted);text-align:center;border:1px dashed var(--border);border-radius:12px;padding:12px;background:var(--bg-card)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.class-performance-bands{grid-template-columns:repeat(2,1fr)}.class-priority-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.class-intervention-item,.class-drilldown-item{flex-wrap:wrap;align-items:flex-start}}@media(max-width:600px){.class-performance-bands{grid-template-columns:1fr}.question-perf-row{grid-template-columns:1fr 60px;gap:8px}.question-perf-bar,.question-perf-count{display:none}.histogram-bars{height:80px}.class-data-source-list{display:grid;grid-template-columns:1fr}.class-priority-groups{grid-template-columns:1fr}.class-exclusion-item,.class-intervention-item,.class-drilldown-item{flex-direction:column;align-items:flex-start}.class-drilldown-badge{align-self:flex-start}}.classes-files-hint{font-size:.8rem;color:var(--text-muted);font-weight:500}.responses-class-subsection-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:10px}.responses-class-subsection-header .file-sort-toggle{margin-left:auto}.class-rank-controls .file-sort-toggle{margin-left:0}.class-toolbar{display:flex;align-items:center;gap:16px;padding:10px 16px;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap}.toolbar-group{display:flex;align-items:center;gap:10px}.toolbar-separator{width:1px;height:28px;background:var(--border);flex-shrink:0}.toolbar-group-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);white-space:nowrap}.toolbar-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-main);font-size:.82rem;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap}.toolbar-toggle-btn:hover{background:var(--bg-card);border-color:var(--border-light)}.toolbar-icon{opacity:.7;flex-shrink:0}.toolbar-chevron{opacity:.5;flex-shrink:0;margin-left:2px}.toolbar-toggle-label{line-height:1}.toolbar-pill-group{display:flex;align-items:center;gap:8px}.toolbar-pills{display:flex;align-items:center;gap:4px;padding:3px;background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-sm)}.toolbar-pill{padding:5px 10px;font-size:.75rem;font-weight:600;border:none;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;transition:var(--transition);white-space:nowrap}.toolbar-pill:hover{color:var(--text-main);background:#ffffff14}.toolbar-pill.is-active{background:var(--bg-card);color:var(--text-main);box-shadow:0 1px 3px #00000026}.toolbar-group-display .toolbar-pill{border:1px solid transparent}.toolbar-group-display .toolbar-pill.is-active.toolbar-pill-grade{background:#ffe7ba40;border-color:#f0b75f80;color:#d4a050}.toolbar-group-display .toolbar-pill.is-active.toolbar-pill-mark{background:#bef4dc33;border-color:#58cca080;color:#4eca9a}.toolbar-group-display .toolbar-pill.is-active.toolbar-pill-percentage{background:#ffe2c54d;border-color:#f59e0b73;color:#f59e0b}.toolbar-group-display .toolbar-pill.is-active.toolbar-pill-level{background:#c7e0ff33;border-color:#6ca1dc80;color:#7cb3e8}:root[data-theme=light] .class-toolbar{background:#ffffffd9;border-color:var(--border)}:root[data-theme=light] .toolbar-toggle-btn{background:#ffffffe6}:root[data-theme=light] .toolbar-toggle-btn:hover{background:#fff}:root[data-theme=light] .toolbar-pills{background:#f0f4fae6}:root[data-theme=light] .toolbar-pill:hover{background:#0000000a}:root[data-theme=light] .toolbar-pill.is-active{background:#fff;box-shadow:0 1px 3px #0000001a}:root[data-theme=light] .toolbar-group-display .toolbar-pill.is-active.toolbar-pill-grade{background:#ffe7ba99;color:#8a5a10}:root[data-theme=light] .toolbar-group-display .toolbar-pill.is-active.toolbar-pill-mark{background:#bef4dc8c;color:#1a7a50}:root[data-theme=light] .toolbar-group-display .toolbar-pill.is-active.toolbar-pill-percentage{background:#ffe2c599;color:#a16100}:root[data-theme=light] .toolbar-group-display .toolbar-pill.is-active.toolbar-pill-level{background:#c7e0ff99;color:#305580}.toolbar-pill.is-disabled{opacity:.4;cursor:not-allowed}.toolbar-action-btn{padding:8px 16px;border-radius:999px;font-weight:600;letter-spacing:.01em;background:var(--bg-card);border:1px solid var(--border);box-shadow:0 3px 10px #0f172a14}.toolbar-action-btn:hover{background:var(--bg-hover);border-color:var(--border-light);transform:translateY(-1px)}.class-rank-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rank-toggle-pill{background:linear-gradient(135deg,#22c55ee6,#0ea5e9e6);color:#0b1f2a;border:1px solid rgba(14,165,233,.45);border-radius:999px;font-weight:700;padding:8px 16px}.rank-toggle-pill:hover{filter:brightness(1.05)}.classes-add-student-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 18px 10px 12px;font-size:.9rem;font-weight:600;border-radius:999px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border:none;color:#fff;box-shadow:0 4px 12px #0ea5e94d;transition:all .2s ease}.classes-add-student-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0ea5e966;background:linear-gradient(135deg,#0ea5e9,#0284c7)}.classes-add-student-btn .btn-icon-circle{width:32px;height:32px;border-radius:50%;background:#ffffff40;display:flex;align-items:center;justify-content:center;flex-shrink:0}.classes-add-student-btn .btn-icon-circle img{filter:brightness(0) invert(1)}.classes-upload-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px}.classes-upload-actions{justify-content:flex-start;gap:12px;flex-wrap:wrap}.classes-upload-actions .btn-primary{margin-right:0}.classes-upload-single{padding:12px 24px;font-size:1rem;font-weight:500;border:none}.classes-uploaded-documents{display:flex;flex-direction:column;gap:18px}.classes-layout .pdf-organiser-page{flex:0 0 auto;height:auto}.responses-page.is-class-detail .classes-uploaded-documents,.responses-page.is-class-detail .classes-tiles{display:none}.responses-page.is-class-detail{gap:12px;padding-top:12px}.responses-page.is-class-detail .classes-detail{padding-top:0}.responses-page.is-class-detail .responses-class-detail-header{margin-top:0}.responses-class-detail-header{display:flex;justify-content:center;padding:0}.class-detail-title{font-size:1.6rem;font-weight:700;letter-spacing:.01em;text-align:center}.folder-front-label{display:none}.responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon) .folder-front-label{display:block}.responses-page.is-class-detail #responses-class-files-list .history-item{background:var(--bg-card);border:1px solid var(--border)}.responses-page.is-class-detail #responses-class-files-list .history-item:hover{background:var(--bg-hover)}.responses-page.is-class-detail #responses-class-files-list .history-item.is-selected{border-color:var(--primary);background:#38bdf829}.responses-page.is-class-detail .responses-class-subsection,.responses-class-subsection{padding:16px;border-radius:20px}.responses-page.is-class-detail .responses-class-subsection .responses-folder-grid,.responses-class-subsection .responses-folder-grid{gap:16px}.responses-page.is-class-detail .responses-class-subsection .folder-tile,.responses-class-subsection .folder-tile{display:flex;align-items:stretch;padding:12px;min-height:84px;gap:12px;background:linear-gradient(155deg,#ffffff29,#ffffff0d);border:1px solid rgba(148,163,184,.45);box-shadow:0 18px 30px #0f172a14}.responses-page.is-class-detail .responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon),.responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon){width:72px;height:62px;border-radius:14px 14px 10px 10px;background:linear-gradient(155deg,#fff9,#ffffff3d);border:1px solid rgba(148,163,184,.55);position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:visible;box-shadow:inset 0 2px 4px #ffffff94,0 6px 16px #0f172a2e;flex:0 0 auto;transition:transform .18s ease,box-shadow .18s ease;padding:0 7px 8px}.responses-page.is-class-detail .responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon) .folder-front-label,.responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon) .folder-front-label{position:relative;display:block;color:var(--text-main);font-size:.62rem;font-weight:600;line-height:1.08;text-align:center;letter-spacing:-.01em;overflow-wrap:anywhere;margin-top:auto;white-space:normal;max-height:none;text-shadow:0 1px 0 rgba(255,255,255,.45);padding:0 3px;word-break:break-word;overflow:visible}.responses-page.is-class-detail .responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon):before,.responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon):before{content:"";position:absolute;top:-6px;left:16px;right:16px;height:14px;border-radius:0 0 12px 12px;background:linear-gradient(to bottom,#94a3b8d9,#94a3b838);border:1px solid rgba(96,112,128,.45);border-bottom:none}.responses-page.is-class-detail .responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon):after,.responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon):after{content:"";position:absolute;inset:7px 18px auto 18px;height:18px;border-radius:18px 18px 12px 12px;background:#ffffff59;border:1px solid rgba(148,163,184,.42);border-top:none}.responses-page.is-class-detail .responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon) img,.responses-page.is-class-detail .responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon) svg,.responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon) img,.responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon) svg{display:none}.responses-page.is-class-detail .folder-icon-new .folder-front-label{display:none}.responses-page.is-class-detail .responses-class-subsection .folder-tile:hover .folder-icon:not(.folder-icon-new):not(.class-folder-icon),.responses-class-subsection .folder-tile:hover .folder-icon:not(.folder-icon-new):not(.class-folder-icon){transform:translateY(-2px) rotateX(5deg) rotateY(-4deg);box-shadow:0 16px 24px #0f172a40}.responses-page.is-class-detail .folder-tile-body,.responses-class-subsection .folder-tile-body{min-width:0;flex:1}.responses-page.is-class-detail .folder-tile-name,.responses-class-subsection .folder-tile-name{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}:root[data-theme=dark] .responses-page.is-class-detail .responses-class-subsection .folder-tile,:root[data-theme=dark] .responses-class-subsection .folder-tile,:root[data-theme=sepia-light] .responses-page.is-class-detail .responses-class-subsection .folder-tile,:root[data-theme=sepia-light] .responses-class-subsection .folder-tile,:root[data-theme=sepia-dark] .responses-page.is-class-detail .responses-class-subsection .folder-tile,:root[data-theme=sepia-dark] .responses-class-subsection .folder-tile{background:linear-gradient(155deg,#1e293b8c,#0f172a61);border-color:var(--border)}:root[data-theme=dark] .responses-page.is-class-detail .responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon),:root[data-theme=dark] .responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon),:root[data-theme=sepia-light] .responses-page.is-class-detail .responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon),:root[data-theme=sepia-light] .responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon),:root[data-theme=sepia-dark] .responses-page.is-class-detail .responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon),:root[data-theme=sepia-dark] .responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon){background:linear-gradient(155deg,#1e293b94,#1e293b66);border-color:var(--border);box-shadow:inset 0 2px 4px #94a3b814,0 6px 16px #0206176b}:root[data-theme=dark] .responses-page.is-class-detail .responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon) .folder-front-label,:root[data-theme=dark] .responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon) .folder-front-label{color:#f8fafc;text-shadow:0 1px 0 rgba(2,6,23,.4)}:root[data-theme=sepia-light] .responses-page.is-class-detail .responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon) .folder-front-label,:root[data-theme=sepia-light] .responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon) .folder-front-label{color:#1f2937;text-shadow:0 1px 0 rgba(255,255,255,.38)}:root[data-theme=sepia-dark] .responses-page.is-class-detail .responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon) .folder-front-label,:root[data-theme=sepia-dark] .responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon) .folder-front-label{color:#f5ebe5;text-shadow:0 1px 0 rgba(26,32,44,.45)}:root[data-theme=dark] .responses-page.is-class-detail .responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon):before,:root[data-theme=dark] .responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon):before,:root[data-theme=sepia-light] .responses-page.is-class-detail .responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon):before,:root[data-theme=sepia-light] .responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon):before,:root[data-theme=sepia-dark] .responses-page.is-class-detail .responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon):before,:root[data-theme=sepia-dark] .responses-class-subsection .folder-icon:not(.folder-icon-new):not(.class-folder-icon):before{background:linear-gradient(to bottom,#60a5fab3,#60a5fa59);border-color:#94a3b880}.responses-page.is-class-detail #responses-class-students-list{margin-top:6px}.responses-page.is-class-detail #responses-class-students-list .history-item{background:var(--bg-card);border:1px solid var(--border);padding:10px 14px}.responses-page.is-class-detail #responses-class-students-list .history-item:hover{background:var(--bg-hover);border-color:var(--border-light)}.responses-page.is-class-detail #responses-class-students-list .history-file-row{color:var(--text-main);font-weight:600}.responses-page.classes-layout .file-status{background:var(--bg-hover);border-color:var(--border-light);color:var(--text-muted)}.student-matrix-wrap{background:var(--glass);border:1px solid var(--glass-border);border-radius:24px;padding:12px;overflow-x:auto;box-shadow:var(--shadow-soft)}.student-matrix{display:grid;grid-template-columns:minmax(200px,max-content) repeat(var(--folder-count),minmax(150px,max-content)) minmax(140px,max-content);gap:0;min-width:max-content;border:1px solid rgba(196,211,230,.5);border-radius:12px;overflow:hidden}.student-matrix-cell{position:relative;background:#ffffffbf;border-right:1px dotted rgba(196,211,230,.4);border-bottom:1px dotted rgba(196,211,230,.4);border-radius:0;padding:12px;min-height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:var(--transition);animation:studentMatrixReveal .45s ease both;animation-delay:calc(var(--reveal-index, 0) * 12ms)}.student-matrix-cell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(140deg,rgba(255,255,255,.05),transparent 55%);opacity:0;pointer-events:none;transition:var(--transition)}.student-matrix-cell:hover:after{opacity:1}.student-matrix-heading{background:linear-gradient(145deg,#dceefff2,#c8e6ffd9);border-color:#adcdebe6;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:600;color:#1f2a3d;text-align:center}.student-matrix-heading-btn{cursor:pointer;transition:all .15s ease;position:relative}.student-matrix-heading-btn:hover{background:linear-gradient(145deg,#c8e6fff2,#b4dcffe6);border-color:#96bee6f2}.student-matrix-heading-btn:active{transform:scale(.96) translateY(1px);box-shadow:inset 0 2px 4px #0000001a;background:linear-gradient(145deg,#bedcfaf2,#aad2f5e6)}.student-matrix-add-folder,.student-matrix-add-student{background:linear-gradient(145deg,#d6f6eef2,#beebdee6);border-color:#78c8af99;color:#0f3c2f;font-weight:600;letter-spacing:.04em;text-transform:uppercase;gap:6px}.student-matrix-add-folder{font-size:.85rem;letter-spacing:.06em;line-height:1}.student-matrix-add-student{align-items:center;justify-content:center;text-align:center}.student-matrix-add-folder:hover,.student-matrix-add-student:hover{background:linear-gradient(145deg,#c8ece4fa,#aae0d0f2);border-color:#60b096b3}.student-matrix-add-placeholder{background:#e9f1f873;border-color:#c4d3e659;box-shadow:none}.student-matrix-corner{text-transform:none;letter-spacing:.02em;gap:8px;position:sticky;left:0;z-index:3;box-shadow:10px 0 18px #0f172a1f}.student-matrix-title{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.student-matrix-subtitle{font-size:.72rem;color:var(--text-muted);letter-spacing:.04em}.student-matrix-student{background:linear-gradient(135deg,#fffffff2,#f8fafce6);border-color:#becce0cc;position:sticky;left:0;z-index:2;box-shadow:10px 0 18px #0f172a1a;flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;gap:12px;padding:10px 14px;cursor:pointer;transition:all .2s ease}.student-matrix-student:hover{background:linear-gradient(135deg,#f0f8fffa,#e6f4fff2);transform:translate(2px)}.student-matrix-rank-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#f1f5f9,#e2e8f0);border:1px solid rgba(148,163,184,.4);position:relative;flex-shrink:0;transition:all .2s ease}.student-matrix-rank-badge.is-up{background:linear-gradient(145deg,#dcfce7e6,#bbf7d0cc);border-color:#22c55e80}.student-matrix-rank-badge.is-down{background:linear-gradient(145deg,#fee2e2e6,#fecacacc);border-color:#ef444480}.student-matrix-rank-badge.is-same{background:linear-gradient(145deg,#f1f5f9f2,#e2e8f0e6);border-color:#94a3b880}.rank-badge-number{font-size:1.1rem;font-weight:700;color:#1e293b;line-height:1}.student-matrix-rank-badge.is-up .rank-badge-number{color:#166534}.student-matrix-rank-badge.is-down .rank-badge-number{color:#991b1b}.student-matrix-rank-badge.is-same .rank-badge-number{color:#475569}.rank-badge-movement{position:absolute;bottom:-4px;right:-4px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid;box-shadow:0 2px 4px #0000001a}.student-matrix-rank-badge.is-up .rank-badge-movement{border-color:#22c55e;color:#22c55e}.student-matrix-rank-badge.is-down .rank-badge-movement{border-color:#ef4444;color:#ef4444}.student-matrix-rank-badge.is-same .rank-badge-movement{border-color:#94a3b8;color:#94a3b8}.rank-badge-movement svg{display:block}.student-matrix-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.student-matrix-name{font-size:.95rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-matrix-score-meta{display:flex;align-items:center;gap:4px}.score-meta-value{font-size:.85rem;font-weight:700;color:#3b82f6}.score-meta-label{font-size:.7rem;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.student-matrix-rank{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#6c7a91;display:inline-flex;align-items:center;gap:6px}.student-matrix-rank strong{color:#1f2a3d;font-weight:700}.student-matrix-rank-move{font-weight:700;font-size:.8rem}.student-matrix-rank-move.is-up{color:#16a34a}.student-matrix-rank-move.is-down{color:#dc2626}.student-matrix-rank-move.is-same{color:#64748b}.student-matrix-meta{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#6c7a91}.student-matrix-score{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;padding:0;min-height:unset;gap:6px;background:transparent;border:none}.student-matrix-score.is-empty{background:transparent;border:none;box-shadow:none}.student-matrix-score.is-pending,.student-matrix-score.is-marked{background:transparent;border:none}.student-matrix-pending{font-size:.7rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;background:#94a3b81a;border-radius:999px;border:1px solid rgba(148,163,184,.25)}.student-matrix-status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:#94a3b81f;cursor:pointer;transition:var(--transition)}.student-matrix-status-pill.is-unmarked{border-style:dotted;border-color:#94a3b899;background:transparent}.student-matrix-status-text{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#6c7a91;white-space:nowrap}.student-matrix-status-pill:hover{border-color:#38bdf899;background:#38bdf81f}.student-matrix-status-pill:focus-visible{outline:2px solid rgba(56,189,248,.5);outline-offset:2px}.student-matrix-status-pill .file-status{width:18px;height:18px;border-radius:999px;font-size:.6rem;line-height:1}.student-matrix-tiles{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding:0;background:transparent;border:none;width:100%}.student-matrix-pill{min-width:26px;height:auto;padding:3px 8px;border-radius:999px;border:1px solid rgba(196,211,230,.9);background:#ffffffe6;color:#1f2a3d;display:inline-flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:600;letter-spacing:.02em;line-height:1.2;flex-shrink:0}.student-matrix-heading,.student-matrix-student{background:linear-gradient(145deg,#f0f8fff2,#e6f2ffe6);border-color:#c4d3e6cc;box-shadow:none}.student-matrix-average{background:linear-gradient(145deg,#ecf2fcf2,#e0ebfae6);border-color:#b6c8e0d9}.student-matrix-pill.is-empty{color:#6c7a91;border-style:dashed;background:transparent}.student-matrix-pill.is-grade{background:#ffe7bae6;border-color:#f0b75fe6;color:#7a4b00}.student-matrix-pill.is-mark{background:#bef4dce6;border-color:#58cca0d9;color:#0f5a3a}.student-matrix-pill.is-level{background:#c7e0ffe6;border-color:#6ca1dcd9;color:#20456f}.student-matrix-pill.is-percentage{background:#ffe2c5e6;border-color:#f59e0bbf;color:#92400e}.matrix-key-legend{display:flex;align-items:center;gap:8px;margin-left:0}.rank-mode-legend{display:flex;align-items:center;gap:6px;margin-left:auto}.rank-mode-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.rank-mode-pill{border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:600;background:#ffffffb3;color:#1f2a3d;cursor:pointer;transition:var(--transition)}.rank-mode-pill.is-active{background:#38bdf833;border-color:#38bdf899;color:#0b4a6b}.rank-mode-pill:hover{transform:translateY(-1px)}.matrix-key-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;font-size:.9rem;font-weight:600;letter-spacing:.02em;border:1px solid;cursor:pointer;transition:all .2s ease;opacity:.5;box-shadow:0 2px 8px #00000014}.matrix-key-pill.is-active{opacity:1;box-shadow:0 4px 12px #0000001f}.matrix-key-pill:hover{transform:translateY(-1px)}.matrix-key-pill.is-grade{background:#ffe7bae6;border-color:#f0b75fe6;color:#7a4b00}.matrix-key-pill.is-mark{background:#bef4dce6;border-color:#58cca0d9;color:#0f5a3a}.matrix-key-pill.is-level{background:#c7e0ffe6;border-color:#6ca1dcd9;color:#20456f}.matrix-key-pill.is-percentage{background:#ffe2c5e6;border-color:#f59e0bbf;color:#92400e}@media(max-width:640px){.class-toolbar{gap:10px;padding:8px 12px}.toolbar-separator{display:none}.toolbar-group{flex-wrap:wrap;gap:6px}.toolbar-group-label{width:100%;margin-bottom:2px}}.student-matrix-wrap[data-hide-grade] .student-matrix-pill.is-grade,.student-matrix-wrap[data-hide-mark] .student-matrix-pill.is-mark,.student-matrix-wrap[data-hide-level] .student-matrix-pill.is-level,.student-matrix-wrap[data-hide-percentage] .student-matrix-pill.is-percentage{display:none}:root[data-theme=dark] .classes-tiles,:root[data-theme=dark] .responses-class-subsection,:root[data-theme=dark] .student-matrix-wrap{background:var(--bg-card);border-color:var(--border)}:root[data-theme=dark] .student-matrix-cell{background:var(--bg-card);border-color:var(--border)}:root[data-theme=dark] .student-matrix-heading{background:var(--bg-hover);border-color:var(--border-light);color:var(--text-main)}:root[data-theme=dark] .student-matrix-student{background:linear-gradient(135deg,var(--bg-hover),var(--bg-card));border-color:var(--border-light)}:root[data-theme=dark] .student-matrix-student:hover{background:linear-gradient(135deg,var(--bg-card),rgba(56,189,248,.08))}:root[data-theme=dark] .student-matrix-rank-badge{background:linear-gradient(145deg,var(--bg-card),var(--bg-hover));border-color:var(--border-light)}:root[data-theme=dark] .student-matrix-rank-badge.is-up{background:linear-gradient(145deg,#1665344d,#16a34a33);border-color:#22c55e80}:root[data-theme=dark] .student-matrix-rank-badge.is-down{background:linear-gradient(145deg,#7f1d1d4d,#b91c1c33);border-color:#ef444480}:root[data-theme=dark] .student-matrix-rank-badge.is-same{background:linear-gradient(145deg,var(--bg-card),var(--bg-hover));border-color:var(--border-light)}:root[data-theme=dark] .rank-badge-number{color:var(--text-main)}:root[data-theme=dark] .student-matrix-rank-badge.is-up .rank-badge-number{color:#4ade80}:root[data-theme=dark] .student-matrix-rank-badge.is-down .rank-badge-number{color:#f87171}:root[data-theme=dark] .student-matrix-rank-badge.is-same .rank-badge-number{color:var(--text-muted)}:root[data-theme=dark] .rank-badge-movement{background:var(--bg-card)}:root[data-theme=dark] .student-matrix-rank-badge.is-up .rank-badge-movement{border-color:#4ade80;color:#4ade80}:root[data-theme=dark] .student-matrix-rank-badge.is-down .rank-badge-movement{border-color:#f87171;color:#f87171}:root[data-theme=dark] .student-matrix-rank-badge.is-same .rank-badge-movement{border-color:var(--border-light);color:var(--text-muted)}:root[data-theme=dark] .score-meta-value{color:#60a5fa}:root[data-theme=dark] .score-meta-label{color:var(--text-muted)}:root[data-theme=dark] .student-matrix-add-folder,:root[data-theme=dark] .student-matrix-add-student{background:#14534659;border-color:#2dd4bf59;color:var(--text-main)}:root[data-theme=dark] .student-matrix-add-placeholder{background:#0f172a59;border-color:#94a3b833}:root[data-theme=dark] .student-matrix-name{color:var(--text-main)}:root[data-theme=dark] .student-matrix-rank{color:var(--text-muted)}:root[data-theme=dark] .student-matrix-rank strong{color:var(--text-main)}:root[data-theme=dark] .student-matrix-meta,:root[data-theme=dark] .student-matrix-pending{color:var(--text-muted)}:root[data-theme=dark] .student-matrix-status-pill{border-color:#94a3b859;background:#1e293b99}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .student-matrix-wrap{background:var(--bg-card);border-color:var(--border)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .student-matrix-cell{background:var(--bg-card);border-color:var(--border-light)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .student-matrix-heading{background:var(--bg-hover);color:var(--text-main);border-color:var(--border)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .student-matrix-student{background:var(--bg-card-strong);color:var(--text-main);border-color:var(--border-light)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .student-matrix-student:hover{background:var(--bg-hover)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .student-matrix-rank-badge{background:var(--bg-muted);border-color:var(--border)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .rank-badge-number{color:var(--text-main)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .student-matrix-name{color:var(--text-main)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .score-meta-value{color:var(--primary)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .score-meta-label{color:var(--text-muted)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .student-matrix-add-folder,:is([data-theme=sepia-light],[data-theme=sepia-dark]) .student-matrix-add-student{background:var(--bg-hover);border-color:var(--border);color:var(--text-main)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .student-matrix-add-placeholder{background:var(--bg-dark);border-color:var(--border)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .student-matrix-status-pill{background:var(--bg-muted);border-color:var(--border);color:var(--text-muted)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .class-action-pill{background:linear-gradient(135deg,#38bdf81a,#0ea5e90d);border-color:#38bdf859;color:var(--text-main)}:is([data-theme=sepia-light],[data-theme=sepia-dark]) .class-action-pill:hover{background:linear-gradient(135deg,#38bdf82e,#0ea5e91a);border-color:#38bdf873}:root[data-theme=dark] .student-matrix-status-pill:hover{border-color:#38bdf8a6;background:#38bdf829}:root[data-theme=dark] .student-matrix-tiles{background:var(--bg-card);border-color:var(--border)}:root[data-theme=dark] .student-matrix-pill{background:var(--bg-card);border-color:var(--border-light);color:var(--text-main)}:root[data-theme=dark] .student-matrix-pill.is-grade,:root[data-theme=dark] .student-matrix-pill.is-mark,:root[data-theme=dark] .student-matrix-pill.is-level{color:var(--text-main)}:root[data-theme=dark] .matrix-key-pill{background:var(--bg-card);border-color:var(--border-light);color:var(--text-main)}:root[data-theme=dark] .rank-mode-label{color:var(--text-muted)}:root[data-theme=dark] .rank-mode-pill{background:var(--bg-card);border-color:var(--border-light);color:var(--text-main)}:root[data-theme=dark] .rank-mode-pill.is-active{background:#38bdf833;border-color:#38bdf899;color:var(--text-main)}:root[data-theme=dark] .rank-toggle-pill{color:#f8fafc}:root[data-theme=dark] .matrix-key-pill.is-grade,:root[data-theme=dark] .matrix-key-pill.is-mark,:root[data-theme=dark] .matrix-key-pill.is-level{color:var(--text-main)}@keyframes studentMatrixReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.responses-page.classes-layout{flex-direction:column}.classes-menu{width:100%;max-width:none}.class-analytics-hero{flex-direction:column;align-items:flex-start}.class-analytics-hero-side{width:100%;align-items:flex-start}.class-analytics-tags,.class-analytics-actions{justify-content:flex-start}.class-analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.class-analytics-panels,.class-analytics-panels--compact{grid-template-columns:1fr}.class-analytics-panel--wide{grid-column:span 1}.class-analytics-actions{margin-top:14px}.class-action-pill{font-size:.8rem;padding:6px 14px 6px 6px}.action-pill-icon{width:28px;height:28px}.action-pill-icon svg{width:14px;height:14px}.student-matrix{grid-template-columns:minmax(180px,max-content) repeat(var(--folder-count),minmax(130px,max-content)) minmax(120px,max-content)}.student-matrix-cell{min-height:52px;padding:8px 10px}.student-matrix-name{font-size:.88rem}.student-matrix-rank-badge{min-width:36px;height:36px;border-radius:10px}.rank-badge-number{font-size:.95rem}.rank-badge-movement{width:16px;height:16px;bottom:-3px;right:-3px}.rank-badge-movement svg{width:8px;height:8px}.student-matrix-pill{min-width:28px;height:auto;padding:3px 7px;font-size:.65rem;line-height:1.2}}@media(max-width:600px){.class-analytics-score-ring{width:120px;height:120px}.class-analytics-kpis{grid-template-columns:1fr}.class-insights-list{gap:8px}.class-insight-icon{width:28px;height:28px;font-size:.9rem}.student-matrix-wrap{padding:10px;border-radius:14px}.student-matrix{grid-template-columns:minmax(160px,max-content) repeat(var(--folder-count),minmax(120px,max-content)) minmax(110px,max-content);gap:10px}.student-matrix-heading{font-size:.65rem}.student-matrix-student{gap:8px;padding:8px 10px}.student-matrix-rank-badge{min-width:32px;height:32px;border-radius:8px}.rank-badge-number{font-size:.85rem}.rank-badge-movement{width:14px;height:14px;bottom:-2px;right:-2px}.rank-badge-movement svg{width:7px;height:7px}.student-matrix-name{font-size:.82rem}.score-meta-value{font-size:.78rem}.score-meta-label{font-size:.62rem}}.class-analytics-v2{display:flex;flex-direction:column;gap:16px;--analytics-ink: var(--text-main);--analytics-muted: var(--text-muted);--analytics-primary: var(--primary);--analytics-primary-soft: var(--primary-alpha, rgba(56, 189, 248, .22));--analytics-surface: linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .01));--analytics-surface-soft: linear-gradient(145deg, var(--analytics-primary-soft), rgba(255, 255, 255, .02));--analytics-line: var(--analytics-primary-soft);--analytics-line-soft: var(--analytics-primary-soft);background:linear-gradient(132deg,var(--analytics-primary-soft),transparent 60%);border:1px solid var(--analytics-line);border-radius:22px;padding:14px}.class-analytics-v2-layout{display:grid;gap:14px;grid-template-columns:repeat(12,minmax(0,1fr))}.class-analytics-v2-card{position:relative;border-radius:20px;border:1px solid var(--analytics-line);background:var(--analytics-surface),linear-gradient(130deg,var(--analytics-primary-soft),transparent 72%),var(--glass);box-shadow:var(--shadow-soft);padding:18px;overflow:hidden;min-height:120px;transition:transform .18s ease,border-color .22s ease,box-shadow .22s ease}.class-analytics-v2-card:before{content:"";position:absolute;inset:-120px auto auto -100px;width:220px;height:220px;background:radial-gradient(circle,var(--analytics-primary-soft),transparent 62%);pointer-events:none}.class-analytics-v2-card:after{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.34) 50%,transparent 58%);transform:translate(-120%);transition:transform .72s cubic-bezier(.2,.7,.2,1);pointer-events:none;opacity:.65}.class-analytics-v2-card:hover{transform:translateY(-1px);border-color:var(--analytics-primary);box-shadow:0 14px 30px var(--analytics-primary-soft),var(--shadow-soft)}.class-analytics-v2-card:hover:after{transform:translate(120%)}.class-analytics-v2-card--overview{grid-column:span 12}.class-analytics-v2-card--distribution{grid-column:span 5}.class-analytics-v2-card--trend{grid-column:span 7}.class-analytics-v2-card--priority,.class-analytics-v2-card--student-grades{grid-column:span 6}.class-analytics-v2-header{display:flex;flex-direction:column;gap:4px;margin-bottom:14px;position:relative;z-index:1}.class-analytics-v2-header h3{margin:0;font-size:1rem;font-weight:650;letter-spacing:-.01em;color:var(--text-main)}.class-analytics-v2-header p{margin:0;font-size:.79rem;color:var(--text-muted)}.class-analytics-v2-stats{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;z-index:1}.class-analytics-v2-stat{border-radius:14px;border:1px solid var(--analytics-line-soft);background:var(--analytics-surface-soft);padding:12px;display:flex;flex-direction:column;gap:4px}.class-analytics-v2-stat-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.11em;color:var(--text-muted);font-weight:650}.class-analytics-v2-stat strong{font-size:1.35rem;line-height:1.1;color:var(--text-main);letter-spacing:-.01em}.class-analytics-v2-stat-meta{font-size:.76rem;color:var(--text-muted);line-height:1.3}.class-grade-distribution--v2{display:flex;flex-direction:column;gap:9px;position:relative;z-index:1}.class-grade-row{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;opacity:0;animation:analyticsFadeIn .35s ease forwards;animation-delay:var(--anim-delay, 0ms)}.class-grade-row-grade{font-size:.82rem;font-weight:700;color:var(--text-main)}.class-grade-row-track{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--analytics-primary-soft),rgba(255,255,255,.05));overflow:hidden;border:1px solid var(--analytics-line)}.class-grade-row-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--analytics-primary) 0%,var(--analytics-primary) 100%);box-shadow:0 0 14px var(--analytics-primary-soft)}.class-grade-row-count{font-size:.78rem;color:var(--analytics-muted);font-weight:600}.class-analytics-trend{position:relative;z-index:1}.class-trend-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;align-items:end;min-height:150px}.class-trend-col{display:flex;flex-direction:column;gap:6px;align-items:center}.class-trend-bar-wrap{width:100%;height:124px;border-radius:14px;border:1px solid var(--analytics-line);background:linear-gradient(180deg,var(--analytics-primary-soft),rgba(255,255,255,.04));display:flex;align-items:flex-end;justify-content:center;padding:8px}.class-trend-bar{width:100%;border-radius:10px;background:linear-gradient(180deg,var(--analytics-primary),rgba(255,255,255,.16));min-height:8%;transition:height .35s ease}.class-trend-bar.is-empty{background:linear-gradient(180deg,var(--analytics-primary-soft),rgba(255,255,255,.06))}.class-trend-label{font-size:.67rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:650}.class-analytics-priority-list{display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}.class-priority-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:13px;border:1px solid var(--analytics-line);background:linear-gradient(145deg,var(--analytics-primary-soft),rgba(255,255,255,.04));opacity:0;animation:analyticsFadeIn .35s ease forwards;animation-delay:var(--anim-delay, 0ms)}.class-priority-body{display:flex;flex-direction:column;gap:3px;min-width:0}.class-priority-name{font-size:.84rem;font-weight:620;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.class-priority-meta{font-size:.74rem;color:var(--text-muted)}.class-priority-badge{flex-shrink:0;font-size:.74rem;font-weight:700;color:var(--text-main);border-radius:999px;padding:5px 10px;border:1px solid var(--analytics-line);background:linear-gradient(135deg,var(--analytics-primary-soft),rgba(255,255,255,.06))}.class-student-grade-list{display:flex;flex-direction:column;gap:10px;max-height:292px;overflow-y:auto;padding-right:4px;position:relative;z-index:1}.class-student-grade-list::-webkit-scrollbar{width:8px}.class-student-grade-list::-webkit-scrollbar-thumb{background:var(--analytics-primary-soft);border-radius:999px}.class-student-grade-row{border:1px solid var(--analytics-line);border-radius:13px;background:linear-gradient(145deg,var(--analytics-primary-soft),rgba(255,255,255,.04));padding:10px;display:flex;flex-direction:column;gap:8px;opacity:0;animation:analyticsFadeIn .35s ease forwards;animation-delay:var(--anim-delay, 0ms)}.class-student-grade-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.class-student-grade-name{font-size:.82rem;font-weight:650;color:var(--analytics-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.class-student-grade-total{flex-shrink:0;border-radius:999px;border:1px solid var(--analytics-line);background:linear-gradient(130deg,var(--analytics-primary-soft),rgba(255,255,255,.04));color:var(--analytics-ink);font-size:.68rem;font-weight:650;padding:3px 9px;letter-spacing:.04em;text-transform:uppercase}.class-student-grade-chips{display:flex;flex-wrap:wrap;gap:6px}.class-student-grade-chip,.class-student-grade-empty{border-radius:999px;border:1px solid var(--analytics-line);background:linear-gradient(120deg,var(--analytics-primary-soft),rgba(255,255,255,.06));color:var(--analytics-ink);font-size:.7rem;font-weight:620;padding:4px 9px}.class-student-grade-empty{color:var(--analytics-muted)}.class-analytics-coming-soon{margin:2px 4px 0;font-size:.78rem;color:var(--analytics-ink);background:linear-gradient(120deg,var(--analytics-primary-soft),rgba(255,255,255,.06));border:1px solid var(--analytics-line);border-radius:999px;display:inline-flex;align-self:flex-start;padding:6px 10px}@media(prefers-reduced-motion:reduce){.class-analytics-v2-card,.class-analytics-v2-card:after{transition:none}.class-analytics-v2-card:hover{transform:none}}@keyframes analyticsFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1080px){.class-analytics-v2-card--distribution,.class-analytics-v2-card--trend,.class-analytics-v2-card--priority,.class-analytics-v2-card--student-grades{grid-column:span 12}.class-analytics-v2-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.class-analytics-v2-stats{grid-template-columns:minmax(0,1fr)}.class-grade-row{grid-template-columns:40px 1fr auto}.class-trend-grid{gap:6px}}.archive-container{display:flex;flex-direction:column;gap:20px}.archive-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}.archive-header h2{margin-bottom:6px}.archive-header p{color:var(--text-muted);margin:0}.archive-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.archive-count{color:var(--text-muted);font-size:.9rem}.archive-list{display:flex;flex-direction:column;gap:12px}.archive-item{border:1px solid var(--border);background:var(--bg-card);border-radius:var(--radius-md);padding:14px 16px;transition:var(--transition)}.archive-item:hover{background:var(--bg-hover);border-color:var(--border-light)}.archive-item-title{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--text-main)}.archive-item-type{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;background:var(--bg-hover);color:var(--text-muted);padding:4px 8px;border-radius:999px}.archive-item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archive-item-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:6px;color:var(--text-muted);font-size:.85rem}.archive-empty{border:1px dashed var(--border);border-radius:var(--radius-md);padding:20px;text-align:center;color:var(--text-muted)}.settings-body .main-content{padding:0!important}#view-settings{padding:40px;overflow:visible}.main-content{overflow-y:auto}.profile-page{padding:40px;overflow-y:auto}.settings-container{max-width:600px;margin:0 auto;width:100%}#view-settings .settings-container{max-width:1200px;margin:0}.settings-layout{display:block}.settings-column-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.settings-column-secondary{flex:1 1 0;min-width:240px}.settings-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:0}.settings-page-hero{grid-column:1 / -1;padding:24px 28px;border-radius:16px;background:linear-gradient(135deg,#6395ff1f,#8b5cf614,#3bbdf80f);border:1px solid rgba(139,149,255,.18);position:relative;overflow:hidden}.settings-page-hero:before{content:"";position:absolute;top:-60%;right:-15%;width:280px;height:280px;background:radial-gradient(circle,rgba(139,92,246,.12) 0%,transparent 70%);pointer-events:none}.settings-page-hero>*{position:relative;z-index:1}.settings-page-header h2{margin:0 0 6px;font-size:1.6rem}.settings-page-header p{margin:0;color:var(--text-muted)}.settings-header-actions{display:flex;align-items:center;gap:12px}.settings-status-pill{background:#38bdf824;color:#0ea5e9;border:1px solid rgba(14,165,233,.35);padding:6px 12px;border-radius:999px;font-size:.85rem;font-weight:600}.settings-group{background:var(--bg-card);border:1px solid var(--border);padding:24px;border-radius:var(--radius-md);margin-bottom:0}.settings-group--full{grid-column:1 / -1}.settings-group--danger{border-color:#f8717166;background:linear-gradient(135deg,#f8717114,#f8717105)}.settings-group h3{margin:0 0 12px;font-size:1.2rem}.settings-group-header p{margin:0 0 20px;color:var(--text-muted)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin-bottom:16px}.settings-field{display:flex;flex-direction:column;gap:8px}.settings-field label{font-size:.85rem;color:var(--text-muted)}.settings-input{width:100%}.settings-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.settings-stack{display:flex;flex-direction:column;gap:12px}.settings-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.settings-option-row{display:flex;gap:12px;flex-wrap:wrap}.settings-toggle{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-dark)}.settings-toggle input[type=checkbox],.settings-toggle input[type=radio]{width:16px;height:16px;accent-color:var(--primary)}.settings-toggle span{font-size:.9rem}.settings-card .btn-primary{width:100%;margin-top:16px}.settings-progress{height:10px;background:var(--bg-dark);border-radius:999px;overflow:hidden;border:1px solid var(--border);margin:8px 0 16px}.settings-progress-bar{height:100%;background:linear-gradient(90deg,#38bdf8e6,#0ea5e999)}.settings-checklist{display:grid;gap:10px}.settings-check-item{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:.9rem}.settings-check-item:before{content:"";width:10px;height:10px;border-radius:50%;border:2px solid var(--border-light)}.settings-check-item.is-done{color:var(--text-main)}.settings-check-item.is-done:before{border-color:#10b981cc;background:#10b981cc;box-shadow:0 0 0 3px #10b98126}.settings-action-list{display:grid;gap:12px}.settings-action-row{border:1px solid var(--border);background:var(--bg-dark);padding:12px 14px;border-radius:var(--radius-sm);display:flex;justify-content:space-between;align-items:center;text-align:left;gap:12px;cursor:pointer;transition:var(--transition);font:inherit;color:inherit}.settings-action-row:hover{border-color:var(--border-light);background:var(--bg-hover)}.settings-action-row span{display:flex;flex-direction:column;gap:4px}.settings-action-row strong{font-weight:600}.settings-action-row small{color:var(--text-muted);font-size:.8rem}.settings-action-cta{color:var(--primary);font-weight:600;font-size:.85rem}.settings-data-block{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;color:var(--text-muted);font-size:.85rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.settings-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.settings-cost-card{position:sticky;top:24px}.settings-cost-metric{display:flex;align-items:baseline;gap:10px;margin-top:16px}.settings-cost-value{font-size:2rem;font-weight:700;color:var(--text-main)}.settings-cost-currency{font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.settings-cost-note{margin-top:12px;font-size:.9rem;color:var(--text-muted)}@media(max-width:1080px){.settings-layout{flex-direction:column}.settings-column-main{grid-template-columns:1fr}}.settings-usage-card{background:linear-gradient(135deg,#6395ff14,#8b5cf60f);border:1px solid rgba(99,149,255,.2);border-radius:var(--radius-md);padding:20px}.settings-usage-metric{display:flex;align-items:center;gap:16px}.settings-usage-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6395ff33,#8b5cf626);border-radius:12px;color:var(--primary);flex-shrink:0}.settings-usage-values{display:flex;flex-direction:column;gap:4px}.settings-cost-display{display:flex;align-items:baseline;gap:6px}.settings-usage-label{font-size:13px;color:var(--text-muted)}.settings-usage-details{display:flex;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(99,149,255,.15)}.settings-usage-stat{display:flex;flex-direction:column;gap:2px}.settings-usage-stat-label{font-size:12px;color:var(--text-muted)}.settings-usage-stat-value{font-size:20px;font-weight:700;color:var(--text-main)}.settings-storage-card{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 20px}.settings-storage-meter{display:flex;flex-direction:column;gap:10px}.settings-storage-bar{height:8px;background:var(--bg-dark);border-radius:999px;overflow:hidden;border:1px solid var(--border)}.settings-storage-fill{display:block;height:100%;background:linear-gradient(90deg,#10b981e6,#06b6d4cc);border-radius:999px;transition:width .3s ease}.settings-storage-labels{display:flex;justify-content:space-between;font-size:13px;color:var(--text-muted)}@media(max-width:720px){#view-settings{padding:24px}.settings-page-header{flex-direction:column;align-items:flex-start}.settings-grid,.settings-split{grid-template-columns:1fr}.settings-usage-details{flex-direction:column;gap:12px}}.admin-console{max-width:1200px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:16px}.admin-console-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-console-title{font-size:26px;font-weight:600;margin:0;color:var(--text-main, #fff)}.admin-console-subtitle{margin:6px 0 0;color:var(--text-muted, rgba(255, 255, 255, .6));font-size:14px}.admin-console-status{font-size:14px;color:var(--text-muted, rgba(255, 255, 255, .7))}.admin-console-status.error{color:#ff8080}.admin-console-table-wrap{background:var(--bg-card, rgba(30, 41, 59, .5));border:1px solid var(--border, rgba(255, 255, 255, .1));border-radius:16px;overflow:hidden}.admin-console-table{width:100%;border-collapse:collapse}.admin-console-table thead{background:#0f172a8c}.admin-console-table th,.admin-console-table td{padding:14px 16px;text-align:left;font-size:14px}.admin-console-table th{color:var(--text-main, #fff);font-weight:600;letter-spacing:.01em}.admin-console-table td{color:var(--text-muted, rgba(255, 255, 255, .7));border-top:1px solid var(--border, rgba(255, 255, 255, .08))}.admin-console-total-row td{border-top:1px solid var(--border, rgba(255, 255, 255, .16));color:var(--text-main, #fff);font-weight:600;background:#0f172a59}.admin-monthly{margin-top:18px;padding-top:14px;border-top:1px solid var(--border, rgba(255, 255, 255, .1))}.admin-monthly-header{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.admin-monthly-title{margin:0;font-size:18px;font-weight:600;color:var(--text-main, #fff)}.admin-monthly-subtitle{margin:0;font-size:13px;color:var(--text-muted, rgba(255, 255, 255, .65))}.admin-monthly-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-monthly-tile{background:var(--bg-card, rgba(30, 41, 59, .5));border:1px solid var(--border, rgba(255, 255, 255, .1));border-radius:14px;padding:12px 12px 10px;display:flex;flex-direction:column;gap:8px}.admin-monthly-tile-label{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted, rgba(255, 255, 255, .6))}.admin-monthly-tile-value{font-size:20px;font-weight:700;color:var(--text-main, #fff)}.admin-monthly-tile-meta{font-size:12px;color:var(--text-muted, rgba(255, 255, 255, .55))}.admin-monthly-empty{margin-top:10px;font-size:13px;color:var(--text-muted, rgba(255, 255, 255, .7))}@media(max-width:900px){.admin-console{padding:16px}.admin-console-header{flex-direction:column;align-items:flex-start}.admin-console-table th,.admin-console-table td{padding:12px;font-size:13px}}@media(max-width:1100px){.admin-monthly-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.admin-monthly-tiles{grid-template-columns:1fr}}.purchase-credits-page{display:flex;flex-direction:column;gap:32px;width:100%;max-width:1100px;margin:0 auto;padding:36px 0 48px}.purchase-summary-card{display:flex;flex-direction:column;gap:18px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px 28px;box-shadow:0 24px 60px #00000047;position:relative;overflow:hidden}.purchase-summary-subtitle{color:var(--text-muted);font-size:1rem;margin:0}.purchase-progress{width:100%;height:12px;background:var(--bg-hover);border-radius:999px;overflow:hidden;border:1px solid var(--border)}.purchase-progress-bar{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#2563ebe6,#38bdf8e6);box-shadow:0 0 18px #38bdf866}.purchase-progress-bar--full{width:100%}.purchase-pages-left{font-size:1.1rem;font-weight:700;color:var(--text-main);margin:0}.purchase-options{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:20px}.purchase-option-card{display:flex;flex-direction:column;gap:14px;position:relative;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;transform-style:preserve-3d;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 22px 24px;overflow:hidden;isolation:isolate;min-height:220px}.purchase-option-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(56,189,248,.25),transparent 60%);opacity:.4;z-index:0;transition:opacity .22s ease}.purchase-option-card:after{content:"";position:absolute;top:-120%;right:-40%;bottom:-120%;left:-40%;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.2) 50%,transparent 65%);transform:translate(-60%);transition:transform .42s ease;z-index:0}.purchase-option-card:hover{transform:translateY(-8px) rotateX(3deg) rotateY(-2deg);box-shadow:0 26px 60px #0f172a47;border-color:#38bdf866}.purchase-option-card:hover:after{transform:translate(60%)}.purchase-option-card:hover:before{opacity:.7}.purchase-option-card.is-recommended{border-color:#2563eb8c;box-shadow:0 22px 48px #2563eb47,0 0 0 2px #2563eb26;background:linear-gradient(180deg,rgba(37,99,235,.08),transparent 55%)}.purchase-option-header,.purchase-option-copy,.purchase-option-btn,.purchase-option-badge{position:relative;z-index:1}.purchase-option-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.purchase-option-header h3{font-size:1.1rem}.purchase-option-price{font-size:1.2rem;font-weight:700}.purchase-option-copy{color:var(--text-muted);font-size:.95rem}.purchase-option-btn{margin-top:auto}.purchase-option-badge{align-self:flex-start;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:#2563eb26;color:var(--text-main);border:1px solid rgba(37,99,235,.35)}.billing-body{background:var(--bg-dark);color:var(--text-main);min-height:100vh}.billing-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.billing-card{max-width:520px;width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;box-shadow:0 20px 60px #00000040}.billing-title{margin-top:16px;margin-bottom:8px;font-size:2rem}@media(max-width:980px){.purchase-options{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:720px){.purchase-options{grid-template-columns:minmax(0,1fr)}}.landing-overlay{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--overlay-strong)}.landing-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);z-index:0;opacity:.6;object-fit:cover}.landing-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:480px;padding:2rem}.landing-title{font-size:3.75rem;font-weight:700;letter-spacing:-.05em;color:var(--landing-text);text-shadow:0 6px 22px rgba(8,10,20,.45);margin-bottom:1rem;text-decoration:none;display:inline-flex;align-items:center;gap:0;justify-content:center;white-space:nowrap;text-align:center}.landing-title:hover{text-decoration:none}.landing-title .brand-handwritten{font-family:Bradley Hand,Segoe Print,Comic Sans MS,Apple Chancery,cursive;font-weight:600;color:var(--primary)}.landing-title .brand-typewriter{font-family:American Typewriter,Courier New,Courier,Lucida Console,monospace;font-weight:600;color:var(--landing-text)}.landing-title .brand-ai{font-family:American Typewriter,Courier New,Courier,Lucida Console,monospace;font-weight:600;color:var(--primary)}.landing-auth-card{width:100%;background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-strong);animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.landing-section{display:flex;flex-direction:column;gap:1.25rem}.landing-label{font-size:.875rem;font-weight:500;color:var(--landing-muted);margin-bottom:-.5rem;text-transform:uppercase;letter-spacing:.05em}.landing-input{width:100%;padding:1rem 1.25rem;border-radius:var(--radius-md);background:var(--glass);border:1px solid var(--glass-border);color:var(--landing-text);font-size:1rem;transition:var(--transition);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.landing-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:var(--bg-card-strong)}.landing-input::placeholder{color:var(--input-placeholder)}.landing-auth-mode{display:none}.landing-auth-mode--active{display:block}.landing-auth-mode .landing-auth-actions{margin-top:1rem}.landing-forgot-password-link{margin-top:-.25rem;margin-bottom:.35rem;align-self:flex-end;font-size:.85rem;color:var(--landing-muted);text-decoration:underline;text-underline-offset:2px;background:none;border:none;padding:0;cursor:pointer;transition:var(--transition)}.landing-forgot-password-link:hover{color:var(--text-main);text-decoration-color:var(--text-main)}.landing-reset-help{margin:.5rem 0;line-height:1.45}.landing-auth-mode .landing-secondary{margin-top:.75rem}.landing-auth-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.landing-cta{display:inline-flex;justify-content:center;align-items:center;width:100%;padding:1rem;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);border:none;background:linear-gradient(135deg,#54aafff2,#3b82f6f2);color:#fff;box-shadow:var(--shadow-soft)}.landing-cta:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:var(--shadow-strong)}.landing-cta:active{transform:translateY(0)}.landing-cta-alt{background:var(--glass);border:1px solid var(--glass-border);color:var(--landing-text);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.landing-cta-alt:hover{background:var(--bg-hover);border-color:var(--border-light);filter:none}.landing-message{margin-top:1rem;text-align:center;font-size:.9rem;min-height:1.5rem;color:var(--landing-muted)}.landing-divider{position:relative;margin:1.5rem 0 1rem;text-align:center;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--landing-muted)}.landing-divider:before,.landing-divider:after{content:"";position:absolute;top:50%;width:32%;height:1px;background:var(--glass-border)}.landing-divider:before{left:0}.landing-divider:after{right:0}.landing-divider span{padding:0 .75rem;background:#0c0e1899;border-radius:999px}.landing-social{display:flex;flex-direction:column;gap:.75rem}.landing-microsoft-btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.9rem 1rem;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#ffffffeb;color:#1f2937;font-weight:600;font-size:.98rem;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-soft)}.landing-microsoft-btn:hover,.landing-google-btn:hover,.landing-apple-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-strong)}.landing-microsoft-btn:active,.landing-google-btn:active,.landing-apple-btn:active{transform:translateY(0)}.landing-google-btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.9rem 1rem;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#fffffffa;color:#1f2937;font-weight:600;font-size:.98rem;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-soft)}.landing-apple-btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.9rem 1rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.18);background:#111827;color:#f9fafb;font-weight:600;font-size:.98rem;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-soft)}.landing-apple-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-strong)}.landing-apple-btn:active{transform:translateY(0)}.landing-microsoft-icon{display:inline-flex;width:18px;height:18px}.landing-microsoft-icon svg{width:100%;height:100%}.landing-google-icon{display:inline-flex;width:18px;height:18px}.landing-google-icon svg{width:100%;height:100%}.landing-apple-icon{font-size:1.1rem;line-height:1}.landing-microsoft-icon rect:nth-child(1){fill:#f25022}.landing-microsoft-icon rect:nth-child(2){fill:#7fba00}.landing-microsoft-icon rect:nth-child(3){fill:#00a4ef}.landing-microsoft-icon rect:nth-child(4){fill:#ffb900}.landing-kicker{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);margin-bottom:.5rem}.landing-signup-modal{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;background:var(--overlay-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .3s ease}.landing-signup-modal.hidden{opacity:0;pointer-events:none}.landing-signup-card{width:100%;max-width:600px;background:var(--bg-card-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-strong);padding:2.5rem;position:relative;max-height:90vh;overflow-y:auto;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.landing-signup-close{position:absolute;top:1.5rem;right:1.5rem;background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;line-height:1;padding:.25rem;border-radius:var(--radius-sm);transition:var(--transition)}.landing-signup-close:hover{color:var(--text-main);background:#ffffff0d}.landing-signup-header{text-align:center;margin-bottom:2rem}#landing-signup-title{font-size:1.75rem;margin-bottom:.5rem}.landing-signup-subtitle{color:var(--text-muted);font-size:.95rem}.landing-form-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}.landing-checkbox-row{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;color:var(--text-muted);font-size:.9rem}.landing-checkbox-row input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--primary);border-radius:4px}.landing-signup-step-indicator{display:flex;justify-content:flex-end;font-size:.85rem;color:var(--text-muted);margin-bottom:1rem;font-weight:500}.landing-signup-footer{margin-top:2rem}.landing-signup-footer--dual{display:grid;grid-template-columns:1fr 2fr;gap:1rem}.landing-secondary{display:inline-flex;justify-content:center;align-items:center;padding:1rem;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);border:1px solid transparent;cursor:pointer;font-weight:500;transition:var(--transition)}.landing-secondary:hover{color:var(--text-main);background:#ffffff0d}#view-feedback{height:100%;display:flex;flex-direction:column;min-height:0;overflow:hidden}.feedback-page{position:relative;width:100%;margin:0;padding:8px 0 16px;display:flex;flex-direction:column;gap:16px;height:100%}.feedback-page:before{display:none}.boundary-actions-bar{display:flex;gap:12px;flex-wrap:wrap}.boundary-action-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;background:var(--bg-muted);border:1px solid var(--border);color:var(--text-main);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.boundary-action-btn:hover{background:var(--bg-hover);border-color:var(--border-light)}.boundary-action-btn svg{color:var(--text-muted)}.scheme-boundary-paste{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--input-bg);border:1px solid var(--border);border-radius:8px}.paste-actions{display:flex;gap:10px;justify-content:flex-end}.btn-action{padding:8px 16px;border-radius:8px;background:var(--primary);border:none;color:#fff;font-size:.8125rem;font-weight:500;cursor:pointer;transition:filter var(--transition-fast)}.btn-action:hover{filter:brightness(1.1)}.btn-action.secondary{background:var(--bg-card);border:1px solid var(--border);color:var(--text-main)}.btn-action.secondary:hover{background:var(--bg-hover)}.btn-action.small{padding:6px 12px;font-size:.8125rem}.boundaries-table-wrapper{margin-top:8px;overflow-x:auto}.grade-boundary-header{display:grid;grid-template-columns:1.1fr 1fr .9fr .9fr .8fr .8fr 36px;gap:8px;align-items:center;padding:10px 16px;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;background:var(--bg-muted);border-radius:8px;margin-bottom:8px;min-width:760px}.grade-boundary-list{display:flex;flex-direction:column;gap:8px}.grade-boundary-row{display:grid;grid-template-columns:1.1fr 1fr .9fr .9fr .8fr .8fr 36px;gap:8px;align-items:center;background:var(--bg-muted);border:1px solid var(--border);border-radius:8px;padding:10px 16px;transition:border-color var(--transition-fast);min-width:760px}.grade-boundary-row:hover{border-color:var(--border-light)}.grade-boundary-row input{height:36px;border-radius:6px;border:1px solid var(--border);background:var(--input-bg);padding:0 10px;font-size:.8125rem;color:var(--text-main);width:100%;transition:border-color var(--transition-fast)}.grade-boundary-row .boundary-min-percent,.grade-boundary-row .boundary-max-percent{background:var(--bg-card);color:var(--text-muted)}.split-components-panel{display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--input-bg);margin-bottom:16px}.grade-component-header{display:grid;grid-template-columns:1.6fr .9fr 36px;gap:8px;align-items:center;padding:10px 16px;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;background:var(--bg-muted);border-radius:8px;margin-bottom:8px;min-width:420px}.grade-component-list{display:flex;flex-direction:column;gap:8px}.grade-component-row{display:grid;grid-template-columns:1.6fr .9fr 36px;gap:8px;align-items:center;background:var(--bg-muted);border:1px solid var(--border);border-radius:8px;padding:10px 16px;min-width:420px}.grade-component-row input{height:36px;border-radius:6px;border:1px solid var(--border);background:var(--input-bg);padding:0 10px;font-size:.8125rem;color:var(--text-main);width:100%}.boundary-delete-btn{width:32px;height:32px;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.boundary-delete-btn:hover{background:var(--bg-hover);color:var(--text-main);border-color:var(--border-light)}.grade-boundary-row input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.grade-boundary-meta{font-size:.75rem;color:var(--text-muted);text-align:center}.hierarchical-layout{display:flex;flex-direction:column;height:100%;gap:16px;background:transparent}.hierarchical-top-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;margin:0;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;gap:8px;box-shadow:var(--shadow-soft);flex-shrink:0;position:relative;z-index:10}.top-bar-left{display:flex;gap:8px;align-items:center}.top-bar-right{display:flex;align-items:center;gap:12px}.action-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:8px;border:1px solid var(--border);font-size:.75rem;font-weight:600;letter-spacing:.01em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);background:var(--bg-card);color:var(--text-main);min-height:34px;box-shadow:none}.action-btn .btn-icon-circle{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-btn .btn-icon-circle svg{width:16px;height:16px;color:var(--text-muted)}.action-btn:hover{transform:translateY(-1px);background:var(--bg-hover);border-color:var(--border-light);box-shadow:0 4px 12px #0ea5e926}.action-btn:hover .btn-icon-circle svg{color:var(--text-main)}.action-btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.action-btn.primary .btn-icon-circle svg{color:#fff}.action-btn.primary:hover{filter:brightness(1.04);box-shadow:0 6px 16px #0ea5e933}.action-btn.icon-only{padding:6px;width:36px;height:36px;justify-content:center}.action-btn.icon-only .btn-icon-circle{width:32px;height:32px}.filter-group{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:none}.filter-group label{font-size:.8125rem;font-weight:500;color:var(--text-muted);padding-left:12px}.filter-select{padding:8px 32px 8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--input-bg);color:var(--text-main);font-size:.8125rem;font-weight:500;min-width:140px;cursor:pointer;transition:border-color var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23b7c1d4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.hierarchical-panels{display:flex;flex:1;min-height:0;overflow:hidden;padding:0;gap:16px}.panel{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:none;backdrop-filter:none}.panel-mark-schemes{width:380px;min-width:340px}.panel-question-foci{flex:1}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg-card)}.panel-header-info{display:flex;align-items:center;gap:10px}.panel-header-icon{width:30px;height:30px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-hover);color:var(--primary);border:1px solid var(--border);margin-right:2px}.panel-header-text{display:flex;flex-direction:column;gap:1px}.panel-title{font-size:.875rem;font-weight:600;color:var(--text-main);margin:0}.panel-subtitle{font-size:.75rem;color:var(--text-muted)}.panel-count{font-size:.8125rem;font-weight:600;color:var(--text-muted)}.panel-content{flex:1;overflow-y:auto;padding:14px;background:var(--bg-card)}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:transparent}.panel-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.panel-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 32px;color:var(--text-muted)}.panel-empty-state .empty-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--bg-muted);margin-bottom:16px}.panel-empty-state .empty-icon svg{width:36px;height:36px;color:var(--primary);opacity:.7}.panel-empty-state h3{font-size:1.125rem;font-weight:600;color:var(--text-main);margin:0 0 8px;letter-spacing:-.02em}.panel-empty-state p{font-size:.8125rem;margin:0 0 24px;max-width:280px;line-height:1.6}.empty-state-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:filter var(--transition-fast)}.empty-state-btn .btn-icon-circle{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.empty-state-btn .btn-icon-circle svg{width:16px;height:16px}.empty-state-btn:hover{filter:brightness(1.1)}.empty-state-actions{display:flex;gap:10px;width:100%;max-width:360px;margin-bottom:20px}.empty-action-card{flex:1;display:flex;align-items:flex-start;gap:10px;padding:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;cursor:pointer;text-align:left;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.empty-action-card:hover{background:var(--bg-hover);border-color:var(--primary)}.empty-action-card svg{flex-shrink:0;margin-top:2px;color:var(--primary)}.empty-action-text{display:flex;flex-direction:column;gap:2px}.empty-action-title{font-size:.8125rem;font-weight:600;color:var(--text-main)}.empty-action-desc{font-size:.75rem;color:var(--text-muted);line-height:1.4}.empty-state-steps{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-muted);border-radius:8px}.empty-step{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted);white-space:nowrap}.empty-step-num{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary);color:#fff;font-size:.75rem;font-weight:600;flex-shrink:0}.empty-step-arrow{color:var(--border-light);display:flex;align-items:center}.mark-scheme-group{margin-bottom:16px}.mark-scheme-group-header{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;background:var(--bg-card);transition:all .2s ease;border:1px solid var(--border)}.mark-scheme-group-header:hover{background:var(--bg-hover);color:var(--text-main)}.mark-scheme-group-header svg{width:14px;height:14px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.mark-scheme-group.is-collapsed .mark-scheme-group-header svg{transform:rotate(-90deg)}.mark-scheme-group.is-collapsed .mark-scheme-group-items{display:none}.mark-scheme-group-items{display:flex;flex-direction:column;gap:8px}.mark-scheme-card{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);min-height:52px;box-shadow:0 2px 10px #0f172a08}.scheme-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:10px;background:var(--bg-hover);color:var(--text-muted)}.scheme-icon svg{width:18px;height:18px;stroke-width:1.8}.mark-scheme-card:hover{background:var(--bg-hover);border-color:var(--border-light)}.mark-scheme-card:hover .scheme-icon{color:var(--primary)}.mark-scheme-card.is-selected{border-color:var(--primary);box-shadow:0 0 8px #0ea5e94d,0 0 16px #0ea5e91f;background:var(--bg-hover)}.mark-scheme-card.is-selected .scheme-icon{background:var(--primary);color:#fff}.scheme-info{flex:1;min-width:0;z-index:2}.scheme-title{font-size:.875rem;font-weight:500;color:var(--text-main);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scheme-meta{display:flex;gap:10px;font-size:.75rem;color:var(--text-muted)}.scheme-meta-item{display:flex;align-items:center;gap:4px}.scheme-meta-item svg{width:12px;height:12px}.scheme-actions{display:flex;gap:4px;opacity:0;transition:opacity var(--transition-fast)}.mark-scheme-card:hover .scheme-actions{opacity:1}.scheme-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.scheme-action-btn svg{width:14px;height:14px}.scheme-action-btn:hover{background:var(--bg-hover);color:var(--text-main)}.scheme-action-btn.delete:hover{background:#ef44441f;border-color:#ef444459;color:#ef4444}.quick-add-form{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border)}.quick-add-input{flex:1;padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text-main);font-size:.875rem;transition:border-color var(--transition-fast)}.quick-add-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.quick-add-input::placeholder{color:var(--text-muted)}.quick-add-submit{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--primary);border:1px solid var(--primary);color:#fff;min-height:34px;border-radius:8px;font-size:.75rem;text-transform:uppercase;font-weight:500;cursor:pointer;transition:filter var(--transition-fast),box-shadow var(--transition-fast)}.quick-add-submit .btn-icon-circle{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-add-submit .btn-icon-circle svg{width:14px;height:14px}.quick-add-submit:hover{filter:brightness(1.04);box-shadow:0 6px 12px #0ea5e959}.quick-add-submit.is-saving{background:var(--primary);pointer-events:none}.quick-add-submit.is-saving .btn-icon-circle{animation:spinSaveCircle .8s linear infinite}.quick-add-submit.is-success{background:#10b981;pointer-events:none;box-shadow:0 6px 20px #10b98166}.quick-add-submit.is-success .btn-icon-circle{background:#ffffff4d;animation:checkmarkPopCircle .4s cubic-bezier(.4,0,.2,1)}.quick-add-submit.is-success .btn-icon-circle svg{display:none}.quick-add-submit.is-success .btn-icon-circle:after{content:"✓";font-size:.875rem;font-weight:700;color:#fff}@keyframes spinSaveCircle{to{transform:rotate(360deg)}}@keyframes checkmarkPopCircle{0%{transform:scale(.5)}50%{transform:scale(1.2)}to{transform:scale(1)}}.focus-cards-list{display:flex;flex-direction:column;gap:10px}.focus-card{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);min-height:52px;box-shadow:0 2px 10px #0f172a08}.focus-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--bg-hover);color:var(--text-muted);flex-shrink:0}.focus-icon svg{width:18px;height:18px;stroke-width:1.8}.focus-card:hover{background:var(--bg-hover);border-color:var(--border-light)}.focus-card:hover .focus-icon{color:var(--primary)}.focus-card.is-selected{border-color:#0ea5e98c;box-shadow:0 0 8px #0ea5e94d,0 0 16px #0ea5e91f;background:var(--bg-hover)}.focus-content{flex:1;min-width:0;z-index:2}.focus-title{font-size:.875rem;font-weight:500;color:var(--text-main);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.focus-details{font-size:.75rem;color:var(--text-muted)}.focus-badges{display:flex;gap:6px;margin-top:6px}.focus-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:#ffffff73;border-radius:999px;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.focus-badge.has-override{background:#f59e0b26;color:#d97706;border:1px solid rgba(245,158,11,.3)}.focus-badge.uses-default{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}:root:not([data-theme=light]) .focus-badge{background:#ffffff1a}.focus-actions{display:flex;gap:4px;opacity:0;transition:opacity var(--transition-fast)}.focus-card:hover .focus-actions{opacity:1}.focus-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.focus-action-btn svg{width:14px;height:14px}.focus-action-btn:hover{background:var(--bg-hover);color:var(--text-main)}.focus-action-btn.delete:hover{background:#ef44441f;border-color:#ef444459;color:#ef4444}.skeleton-card{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border)}.skeleton-icon{width:40px;height:40px;border-radius:8px;flex-shrink:0}.skeleton-lines{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-line{height:12px;border-radius:4px}.skeleton-line.short{height:10px}.skeleton-shimmer{background:var(--bg-hover);background-image:linear-gradient(90deg,var(--bg-hover) 0%,var(--bg-muted) 50%,var(--bg-hover) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.inline-delete-confirm{display:flex;align-items:center;gap:6px;animation:expandConfirm .2s ease}.inline-delete-confirm span{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.inline-delete-confirm .confirm-btn{padding:3px 8px;font-size:.75rem;font-weight:500;border-radius:4px;border:none;cursor:pointer;transition:background-color var(--transition-fast)}.inline-delete-confirm .confirm-btn.cancel{background:var(--bg-hover);color:var(--text-muted)}.inline-delete-confirm .confirm-btn.danger{background:#ef444426;color:#ef4444}.inline-delete-confirm .confirm-btn.cancel:hover{background:var(--bg-muted)}.inline-delete-confirm .confirm-btn.danger:hover{background:#ef444440}@keyframes expandConfirm{0%{opacity:0;transform:scaleX(.8)}to{opacity:1;transform:scaleX(1)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-container{background:var(--bg-card-strong);border:1px solid var(--border);border-radius:12px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 16px 48px #00000040;animation:modalFadeScale .2s cubic-bezier(.4,0,.2,1);overflow:hidden}.modal-container.modal-large{max-width:800px}#mark-scheme-modal{justify-content:flex-end;padding:0}#mark-scheme-modal .modal-container{max-width:min(640px,90vw);max-height:100vh;height:100vh;border-radius:0;animation:drawerSlideIn .25s cubic-bezier(.4,0,.2,1)}#mark-scheme-modal.modal-closing .modal-container{animation:drawerSlideOut .2s cubic-bezier(.4,0,.2,1) forwards}@keyframes drawerSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawerSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes modalFadeScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.modal-header-content{display:flex;align-items:center;gap:10px}.modal-header-icon{display:none}.modal-header h2{font-size:1rem;font-weight:600;color:var(--text-main);margin:0}.modal-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.modal-close-btn svg{width:16px;height:16px}.modal-close-btn:hover{background:var(--bg-hover);color:var(--text-main)}.modal-body{flex:1;overflow-y:auto;padding:24px}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border);flex-shrink:0}.modal-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast);border:1px solid transparent}.modal-btn.primary{background:var(--primary);color:#fff}.modal-btn.primary:hover{filter:brightness(1.1)}.modal-btn.secondary{background:var(--bg-card);color:var(--text-main);border-color:var(--border)}.modal-btn.secondary:hover{background:var(--bg-hover);border-color:var(--border-light)}.modal-btn.danger{background:transparent;color:#ef4444;border-color:#ef444466}.modal-btn.danger:hover{background:#ef44441a;border-color:#ef4444}.modal-btn.primary.is-saving{background:var(--primary);pointer-events:none;position:relative}.modal-btn.primary.is-saving:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spinSave .8s linear infinite}.modal-btn.primary.is-saving>*{opacity:0}@keyframes spinSave{to{transform:rotate(360deg)}}.modal-btn.primary.is-success{background:#10b981;pointer-events:none;box-shadow:0 8px 24px #10b98166}.modal-btn.primary.is-success:before{content:"";position:absolute;top:50%;left:50%;width:10px;height:18px;margin:-12px 0 0 -5px;border:3px solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg);animation:checkmarkPop .4s cubic-bezier(.4,0,.2,1)}.modal-btn.primary.is-success>*{opacity:0}@keyframes checkmarkPop{0%{transform:rotate(45deg) scale(0);opacity:0}50%{transform:rotate(45deg) scale(1.2)}to{transform:rotate(45deg) scale(1);opacity:1}}.feedback-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--bg-card-strong);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0003;z-index:10000;opacity:0;transition:transform var(--transition-normal),opacity var(--transition-normal)}.feedback-toast.is-visible{transform:translate(-50%) translateY(0);opacity:1}.feedback-toast .toast-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.feedback-toast .toast-message{font-size:.875rem;font-weight:500;color:var(--text-main);white-space:nowrap}.feedback-toast--success .toast-icon{background:var(--bg-hover);border:1px solid rgba(16,185,129,.3);color:#10b981}.feedback-toast--error .toast-icon{background:var(--bg-hover);border:1px solid rgba(239,68,68,.3);color:#ef4444}.feedback-toast--info .toast-icon{background:var(--bg-hover);border:1px solid rgba(59,130,246,.3);color:#3b82f6}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.shake{animation:shake .5s ease;border-color:#ef4444!important;box-shadow:0 0 0 4px #ef444426!important}.modal-form{display:flex;flex-direction:column;gap:24px}.form-row{display:flex;gap:16px}.form-row .form-field{flex:1}.form-row .form-field.flex-2{flex:2}.form-row .form-field.flex-1{flex:1}.form-field{display:flex;flex-direction:column;gap:8px}.form-label{font-size:.8125rem;font-weight:600;color:var(--text-main);letter-spacing:-.01em}.form-label .required{color:#ef4444}.form-input,.form-select,.form-textarea{padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text-main);font-size:.875rem;transition:border-color var(--transition-fast)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted);opacity:.7}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--border-light)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23b7c1d4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.form-textarea{min-height:120px;resize:vertical;font-family:inherit;line-height:1.6}.form-textarea.tall{min-height:200px}.form-hint{font-size:.75rem;color:var(--text-muted);line-height:1.4}.form-section-collapsible{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg-card);transition:border-color var(--transition-fast)}.form-section-collapsible:hover{border-color:var(--border-light)}.form-section-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:.875rem;font-weight:600;color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;transition:background-color var(--transition-fast)}.form-section-header:hover{background:var(--bg-hover)}.form-section-header::-webkit-details-marker{display:none}.form-section-header svg{color:var(--text-muted);transition:all .3s cubic-bezier(.4,0,.2,1)}details[open] .form-section-header svg{transform:rotate(180deg);color:var(--primary)}.form-section-content{padding:16px;display:flex;flex-direction:column;gap:16px;border-top:1px solid var(--border);background:transparent;animation:sectionExpand .2s ease}@keyframes sectionExpand{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.feedback-preset-selector{display:flex;flex-direction:column;gap:10px}.preset-chips{display:flex;flex-wrap:wrap;gap:8px}.preset-chip{padding:8px 14px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text-muted);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.preset-chip:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-hover)}.preset-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.input-method-tabs{display:flex;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:3px;margin-bottom:12px;gap:2px}.input-method-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border:none;border-radius:6px;background:transparent;color:var(--text-muted);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.input-method-tab:hover{color:var(--text-main)}.input-method-tab.active{background:var(--bg-hover);color:var(--text-main);border:1px solid var(--border-light);box-shadow:0 1px 2px #0000000f}.input-method-tab svg{width:14px;height:14px}.input-method-selector.modal-upload{display:none}.checkbox-option{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:.875rem;color:var(--text-main);padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;transition:all .3s ease}.checkbox-option:hover{background:var(--bg-hover);border-color:var(--border-light)}.checkbox-option input[type=checkbox]{display:none}.checkbox-mark{width:22px;height:22px;border:2px solid var(--border);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;background:var(--input-bg)}.checkbox-option:hover .checkbox-mark{border-color:var(--primary)}.checkbox-option input:checked+.checkbox-mark{background:var(--primary);border-color:transparent;box-shadow:0 4px 12px #3b82f64d}.checkbox-option input:checked+.checkbox-mark:after{content:"";width:5px;height:10px;border:2px solid white;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);margin-bottom:2px}.modal-boundary-bar{margin-bottom:16px;display:flex;gap:10px}.modal-boundary-bar .boundary-action-btn{padding:8px 14px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color var(--transition-fast);display:inline-flex;align-items:center;gap:8px}.modal-boundary-bar .boundary-action-btn:hover{background:var(--bg-hover);border-color:var(--border-light)}.modal-boundary-bar .boundary-action-btn svg{color:var(--text-muted)}.modal-boundaries{background:var(--bg-muted);border-radius:14px;border:1px solid var(--border);overflow:hidden}.modal-boundaries .grade-boundary-header{padding:12px 16px;background:var(--bg-hover)}.modal-boundaries .grade-boundary-header.compact span{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.modal-boundaries .grade-boundary-list{padding:12px;gap:10px}.modal-boundaries .grade-boundary-row{border-radius:10px;padding:12px 14px}.templates-filters{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.templates-filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding-left:12px}.templates-filter-bar{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px}.template-filter-btn{padding:6px 14px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-muted);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.template-filter-btn:hover{background:var(--bg-hover);color:var(--text-main)}.template-filter-btn.active{background:var(--bg-hover);border-color:var(--primary);color:var(--text-main)}.template-filter-btn.subject-btn.active{background:var(--primary)}.templates-count{font-size:.8125rem;color:var(--text-muted);padding:0 4px 16px;border-bottom:1px solid var(--border);margin-bottom:16px}.templates-count #template-count-number{font-weight:600;color:var(--primary)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.template-card{padding:0;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);overflow:hidden}.template-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #0000001f}.template-card-header{display:flex;align-items:flex-start;gap:12px;padding:16px 16px 12px;border-bottom:1px solid var(--border)}.template-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-muted);border-radius:8px;color:var(--primary);flex-shrink:0}.template-icon svg{width:20px;height:20px}.template-card:hover .template-icon{color:var(--primary)}.template-card-info{flex:1}.template-card-title{font-size:1rem;font-weight:600;color:var(--text-main);margin:0 0 4px;letter-spacing:-.01em}.template-card-subtitle{font-size:.75rem;color:var(--text-muted)}.template-card-body{padding:16px 20px;font-size:.8125rem;color:var(--text-muted);line-height:1.6}.template-card-meta{display:flex;flex-wrap:wrap;gap:6px;padding:12px 20px 16px}.template-meta-tag{padding:5px 12px;background:var(--bg-hover);border-radius:999px;font-size:.75rem;font-weight:500;color:var(--text-muted);transition:all .2s ease}.template-card:hover .template-meta-tag{background:var(--primary-glow);color:var(--primary)}.template-meta-tag.board-tag{background:#3b82f61a;color:#3b82f6}.template-meta-tag.subject-tag{background:#8b5cf61a;color:#8b5cf6}.template-meta-tag.marks-tag{background:#10b9811a;color:#10b981}.template-meta-tag.paper-tag{background:#0e74901f;color:#0e7490}.template-icon.history-icon{background:var(--bg-muted);border:1px solid rgba(234,179,8,.25);color:#eab308}.template-card:hover .template-icon.history-icon{background:var(--bg-hover)}.templates-empty{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--text-muted)}.templates-empty p{margin:0 0 8px}.templates-empty p:first-child{font-size:1rem;font-weight:500;color:var(--text-main)}.selected-scheme-info{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--border);font-size:.8125rem;color:var(--text-muted);background:var(--bg-card)}.selected-scheme-icon{display:none}.selected-scheme-text{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.selected-scheme-title{font-size:.8125rem;font-weight:500;color:var(--text-main);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-scheme-meta{display:flex;gap:8px;font-size:.75rem;color:var(--text-muted)}.selected-scheme-meta span{display:flex;align-items:center;gap:3px}.selected-scheme-meta span:empty{display:none}.selected-scheme-meta svg{width:12px;height:12px}@media(max-width:1100px){.hierarchical-panels{flex-direction:column;gap:16px}.panel-mark-schemes{width:100%;min-width:auto;max-height:320px}.modal-container.modal-large{max-width:100%}.form-row{flex-direction:column}}@media(max-width:768px){.hierarchical-top-bar{flex-direction:column;gap:12px;padding:8px;border-radius:12px}.top-bar-left,.top-bar-right{width:100%;justify-content:center}.hierarchical-panels{padding:0}.panel{border-radius:14px}.action-btn{width:auto;padding:6px 12px}.action-btn.primary{padding:6px 14px}.filter-group{flex:1}.filter-group label{display:none}.filter-select{flex:1}.templates-grid{grid-template-columns:1fr}.templates-filter-bar{border-radius:16px;padding:6px}.template-filter-btn{padding:8px 14px;font-size:.8125rem}.mark-scheme-card,.focus-card{padding:6px 16px 6px 6px;min-height:52px}.scheme-icon,.focus-icon{width:40px;height:40px}.scheme-title,.focus-title{font-size:.8125rem}}@media(max-width:480px){.hierarchical-top-bar{padding:10px 12px}.hierarchical-panels{gap:12px}.panel{border-radius:12px}.panel-header{padding:12px 16px}.panel-content{padding:12px}.quick-add-form{padding:10px 12px}.quick-add-input{padding:10px 16px;font-size:.8125rem}.modal-container{border-radius:14px;max-height:95vh}#mark-scheme-modal .modal-container{max-width:100vw;border-radius:0}.modal-header,.modal-body,.modal-footer{padding:16px}.input-method-tabs{flex-wrap:wrap}.empty-state-actions{flex-direction:column}.empty-state-steps{flex-wrap:wrap;justify-content:center}}@media(max-width:600px){.modal-overlay:not(#mark-scheme-modal){align-items:flex-end;padding:0}.modal-overlay:not(#mark-scheme-modal) .modal-container{max-width:100%;max-height:92vh;border-radius:14px 14px 0 0;animation:bottomSheetSlideUp .25s cubic-bezier(.4,0,.2,1)}#mark-scheme-modal{padding:0}#mark-scheme-modal .modal-container{max-width:100vw;width:100vw}}@keyframes bottomSheetSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.mobile-panel-tabs{display:none}@media(max-width:768px){.mobile-panel-tabs{display:flex;gap:0;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:3px;margin:0}.mobile-panel-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-muted);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.mobile-panel-tab.active{background:var(--bg-hover);color:var(--text-main)}.mobile-panel-tab .tab-count{font-size:.75rem;opacity:.7}.hierarchical-panels .panel.mobile-hidden{display:none}}@media(hover:none){.scheme-actions,.focus-actions{opacity:1!important}.scheme-action-btn,.focus-action-btn{width:36px;height:36px;min-width:36px;min-height:36px}.inline-delete-confirm .confirm-btn{padding:6px 12px;font-size:.8125rem;min-height:36px}}.mastery-not-covered{--mastery-bg: rgba(148, 163, 184, .15);--mastery-border: rgba(148, 163, 184, .4);--mastery-color: #94a3b8}.mastery-basic{--mastery-bg: rgba(251, 191, 36, .18);--mastery-border: rgba(251, 191, 36, .5);--mastery-color: #f59e0b}.mastery-developing{--mastery-bg: rgba(56, 189, 248, .18);--mastery-border: rgba(56, 189, 248, .5);--mastery-color: #0ea5e9}.mastery-secure{--mastery-bg: rgba(34, 197, 94, .18);--mastery-border: rgba(34, 197, 94, .5);--mastery-color: #22c55e}.mastery-mastered{--mastery-bg: rgba(168, 85, 247, .18);--mastery-border: rgba(168, 85, 247, .5);--mastery-color: #a855f7}.kc-correct{--mastery-bg: rgba(34, 197, 94, .22);--mastery-border: rgba(34, 197, 94, .55);--mastery-color: #22c55e}.kc-incorrect{--mastery-bg: rgba(239, 68, 68, .22);--mastery-border: rgba(239, 68, 68, .55);--mastery-color: #ef4444}.kp-stat-value.mastery-not-covered,.kp-stat-value.mastery-basic,.kp-stat-value.mastery-developing,.kp-stat-value.mastery-secure,.kp-stat-value.mastery-mastered,.knowledge-preview-stat-value.mastery-not-covered,.knowledge-preview-stat-value.mastery-basic,.knowledge-preview-stat-value.mastery-developing,.knowledge-preview-stat-value.mastery-secure,.knowledge-preview-stat-value.mastery-mastered{color:var(--mastery-color)}.km-container{display:flex;flex-direction:column;height:100%;min-height:600px}.km-header{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:10px 20px;background:transparent;border-bottom:none;overflow:hidden}.km-header:before{content:"";position:absolute;inset:-40% auto auto -10%;width:280px;height:280px;background:radial-gradient(circle,rgba(168,85,247,.25),transparent 65%);opacity:.6;pointer-events:none}.km-header:after{content:"";position:absolute;inset:auto -10% -40% auto;width:280px;height:280px;background:radial-gradient(circle,rgba(56,189,248,.2),transparent 70%);opacity:.5;pointer-events:none}.km-header-info{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;width:100%}.km-header-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.km-title{font-size:1.25rem;font-weight:700;color:var(--text-main);margin:0}.km-header-bottom{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.km-stats{font-size:.8rem;color:var(--text-muted)}.km-view-toggle{display:flex;gap:0;padding:4px;background:var(--bg-muted);border-radius:50px;border:1px solid var(--glass-border)}.km-view-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:transparent;border-radius:50px;font-size:.8rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .25s ease;white-space:nowrap}.km-view-btn:hover{color:var(--text-main)}.km-view-btn.is-active{background:linear-gradient(135deg,#54aafff2,#3b82f6f2);color:#fff;box-shadow:0 2px 12px #3b82f659}.km-view-btn svg{width:14px;height:14px;flex-shrink:0}.km-mode-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;background:transparent;border-bottom:none}.km-mode-group{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.km-mode-toggle{display:inline-flex;gap:4px;padding:0;border-radius:999px;background:transparent;border:none}.km-mode-btn{border:none;background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:600;padding:8px 18px;border-radius:999px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.km-mode-btn:hover{color:var(--text-main)}.km-mode-btn.is-active{background:linear-gradient(135deg,#54aafff2,#3b82f6f2);color:#fff;box-shadow:0 2px 12px #3b82f659}.km-mode-hint{font-size:.8rem;color:var(--text-muted)}.km-mode-panels{display:flex;flex-direction:column;flex:1;min-height:0}.km-mode-panel{display:none;min-height:0}.km-mode-panel.is-active{display:block}.km-mode-panel--live.is-active{display:flex;flex-direction:column;flex:1}.km-mode-panel--live.is-active .km-live-view{flex:1}.km-live-controls-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 20px;background:transparent;border-bottom:none;flex-wrap:wrap;overflow:visible}.km-live-controls{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.km-live-empty{padding:32px 24px}.km-live-view{display:flex;flex-direction:column;min-height:0;height:100%}.km-live-field{display:flex;flex-direction:column;gap:6px;font-size:.75rem;color:var(--text-muted)}.km-live-field span{text-transform:uppercase;letter-spacing:.08em}.km-live-field--disabled{opacity:.7}.km-live-field-value{font-size:.85rem;color:var(--text-main);padding:8px 12px;border-radius:12px;border:1px dashed var(--glass-border);background:var(--bg-muted)}.km-bank-select{min-width:200px;padding:8px 12px;border-radius:12px;border:1px solid var(--glass-border);background:var(--bg-card);color:var(--text-main);font-size:.85rem}.km-pill-dropdown{position:relative}.km-pill-dropdown summary{list-style:none;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass);color:var(--text-main);cursor:pointer;font-size:.85rem}.km-pill-dropdown summary::-webkit-details-marker{display:none}.km-pill-dropdown[open] summary{border-color:var(--border-light);box-shadow:var(--shadow-soft)}.km-pill-panel{position:absolute;top:calc(100% + 10px);right:0;width:240px;max-height:280px;overflow-y:auto;background:var(--bg-card-strong);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--shadow-strong);padding:12px;z-index:20}.km-bank-pill .km-pill-panel{width:260px}.km-bank-option-btn{width:100%;text-align:left;border:none;background:transparent;color:var(--text-main);padding:8px 10px;border-radius:10px;cursor:pointer;font-size:.85rem;transition:all .15s ease}.km-bank-option-btn:hover{background:var(--bg-hover)}.km-student-select-all{width:100%;padding:6px 10px;border-radius:10px;border:1px solid var(--glass-border);background:var(--bg-muted);color:var(--text-main);font-size:.75rem;cursor:pointer;margin-bottom:10px}.km-student-list{display:grid;gap:8px}.km-student-option{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-main)}.km-lesson-header{padding:20px 24px 0}.km-lesson-header h3{margin:0;font-size:1.1rem;color:var(--text-main)}.km-lesson-header p{margin:6px 0 0;color:var(--text-muted);font-size:.85rem}.km-lesson-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:20px;padding:20px 24px 24px}.km-lesson-panel{display:flex;flex-direction:column;gap:16px}.km-inline-panel{min-height:100%}.km-test-placeholder{padding:60px 24px;display:flex;justify-content:center}.km-soon-card{max-width:420px;padding:28px;border-radius:24px;background:var(--glass);border:1px solid var(--glass-border);text-align:center;color:var(--text-main)}.km-soon-card p{margin:8px 0 0;color:var(--text-muted)}.lc-inline .lc-modal{width:100%;max-height:none;background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);transform:none;opacity:1}.lc-inline .lc-modal-header{border-bottom:1px solid var(--glass-border)}.lc-inline .lc-modal-header h2{color:var(--text-main)}.lc-inline .lc-eyebrow,.lc-inline .lc-subtitle,.lc-inline .lc-hint,.lc-inline .lc-selection-count,.lc-inline .lc-footer-meta,.lc-inline .lc-footer-divider,.lc-inline .lc-footer-selection,.lc-inline .lc-footer-pages{color:var(--text-muted)}.lc-inline .lc-section-title h3,.lc-inline .lc-node-title,.lc-inline .lc-bank-content strong{color:var(--text-main)}.lc-inline .lc-close,.lc-inline .lc-cancel{display:none}.lc-inline .lc-bank-option{background:var(--bg-card);border-color:var(--glass-border)}.lc-inline .lc-view-toggle{background:var(--bg-muted);border-color:var(--glass-border)}.lc-inline .lc-view-btn{color:var(--text-muted)}.lc-inline .lc-view-btn.is-active{background:var(--glass);color:var(--text-main)}.lc-inline .lc-modal-footer{border-top:1px solid var(--glass-border);background:transparent}.lcu-inline .km-modal-card{max-width:none;width:100%;box-shadow:var(--shadow-soft)}.lcu-inline .lcu-close,.lcu-inline .lcu-cancel{display:none}.km-create-bank-btn,.km-change-template-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;border-radius:50px;font-size:.8rem;background:var(--glass);border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.km-create-bank-btn:hover,.km-change-template-btn:hover{background:var(--bg-hover);border-color:var(--border-light)}.km-create-bank-btn svg{width:14px;height:14px;flex-shrink:0}.km-body{display:flex;flex:1;min-height:0;overflow:hidden}.km-sidebar{width:320px;min-width:280px;max-width:400px;background:var(--glass);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;overflow:hidden}.km-tree-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--glass-border)}.km-tree-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.km-expand-all-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--glass-border);border-radius:8px;background:var(--glass);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.km-expand-all-btn:hover{background:var(--bg-hover);color:var(--text-main)}.km-tree{flex:1;overflow-y:auto;padding:12px}.km-tree-empty{padding:20px;text-align:center;color:var(--text-muted);font-size:.85rem}.km-tree-unit{margin-bottom:8px}.km-tree-unit-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:var(--bg-muted);border-radius:12px;font-size:.85rem;font-weight:600;color:var(--text-main);cursor:pointer;transition:all .2s ease;text-align:left}.km-tree-unit-header:hover{background:var(--bg-hover)}.km-tree-unit-header.is-expanded .km-tree-chevron{transform:rotate(90deg)}.km-tree-chevron{flex-shrink:0;transition:transform .2s ease;color:var(--text-muted)}.km-tree-unit-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.km-tree-unit-count{font-size:.7rem;font-weight:500;padding:2px 8px;background:var(--primary-glow);color:var(--primary);border-radius:50px}.km-tree-unit-content{padding-left:12px;margin-top:6px}.km-tree-subtopic{margin-bottom:4px}.km-tree-subtopic-header{display:flex;align-items:center;gap:6px;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:10px;font-size:.8rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s ease;text-align:left}.km-tree-subtopic-header:hover{background:var(--bg-hover);color:var(--text-main)}.km-tree-subtopic-header.is-expanded{color:var(--text-main)}.km-tree-subtopic-header.is-expanded .km-tree-chevron{transform:rotate(90deg)}.km-tree-subtopic-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.km-tree-subtopic-count{font-size:.65rem;color:var(--text-muted);opacity:.7}.km-tree-subtopic-content{padding-left:10px;margin-top:4px}.km-tree-statement{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid transparent;background:transparent;border-radius:10px;font-size:.78rem;color:var(--text-muted);cursor:pointer;transition:all .2s ease;text-align:left;margin-bottom:2px}.km-tree-statement:hover{background:var(--bg-hover);color:var(--text-main)}.km-tree-statement.is-selected{background:linear-gradient(135deg,#54aaff26,#3b82f61a);border-color:#3b82f666;color:var(--text-main)}.km-tree-statement-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.km-tree-statement-indicator{width:10px;height:10px;border-radius:50%;background:var(--mastery-color);flex-shrink:0;box-shadow:0 0 8px var(--mastery-color)}.km-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:transparent}.km-tracking-area{flex:1;overflow-y:auto;padding:24px}.km-no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:60px 40px;color:var(--text-muted)}.km-no-selection svg{margin-bottom:20px;opacity:.4}.km-no-selection p{font-size:.95rem;max-width:300px;line-height:1.6}.km-statement-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--glass-border)}.km-statement-title{font-size:1.1rem;font-weight:600;color:var(--text-main);margin:0;line-height:1.4;flex:1}.km-statement-actions{display:flex;gap:8px}.km-set-all-btn{padding:8px 16px;border-radius:50px;font-size:.8rem;background:var(--glass);border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;transition:all .2s ease}.km-set-all-btn:hover{background:var(--bg-hover)}.km-core-knowledge{margin-bottom:16px}.km-core-knowledge details{background:var(--bg-muted);border-radius:16px;overflow:hidden}.km-core-knowledge summary{padding:12px 18px;font-size:.85rem;font-weight:500;color:var(--text-main);cursor:pointer;transition:background .2s ease}.km-core-knowledge summary:hover{background:var(--bg-hover)}.km-core-knowledge-list{padding:0 18px 16px 36px;margin:0;font-size:.8rem;color:var(--text-muted);line-height:1.7}.km-core-knowledge-list li{margin-bottom:6px}.km-statement-qa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.km-qa-block{background:var(--bg-muted);border:1px solid var(--glass-border);border-radius:12px;padding:12px 14px}.km-qa-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.km-qa-text{margin:6px 0 0;font-size:.85rem;color:var(--text-main);line-height:1.5}.km-mastery-legend{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:14px 18px;background:var(--bg-muted);border-radius:50px;width:fit-content}.km-legend-item{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--text-muted)}.km-legend-color{width:12px;height:12px;border-radius:50%;background:var(--mastery-color);box-shadow:0 0 8px var(--mastery-color)}.km-legend-label{font-weight:500}.km-seating-wrapper{display:flex;flex-direction:column;gap:16px}.km-grid-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;background:var(--glass);border:1px solid var(--glass-border);border-radius:50px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.km-grid-size{font-size:.9rem;font-weight:600;color:var(--text-main);padding:0 12px;min-width:60px}.km-grid-buttons{display:flex;align-items:center;gap:6px}.km-grid-btn{display:flex;align-items:center;gap:5px;padding:8px 14px;border:1px solid var(--glass-border);border-radius:50px;background:var(--glass);font-size:.75rem;font-weight:500;color:var(--text-main);cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.km-grid-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-light);transform:translateY(-1px)}.km-grid-btn:disabled{opacity:.35;cursor:not-allowed}.km-grid-btn svg{width:12px;height:12px;flex-shrink:0}.km-grid-divider{width:1px;height:24px;background:var(--glass-border);margin:0 8px}.km-seating-grid{display:grid;grid-template-columns:repeat(var(--km-grid-cols, 8),1fr);gap:8px}.km-grid-cell{position:relative;aspect-ratio:1;min-height:0;border-radius:14px}.km-grid-cell-empty{background:var(--bg-muted);border:2px dashed var(--glass-border);transition:all .2s ease;opacity:.5}.km-grid-cell-empty.drag-over{background:#3b82f626;border-color:#3b82f680;opacity:1;transform:scale(1.02)}.km-student-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 6px;background:var(--mastery-bg);border:2px solid var(--mastery-border);border-radius:14px;cursor:grab;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.km-student-cell:hover:not(.is-dragging){transform:scale(1.08);box-shadow:0 8px 24px #0003;z-index:10}.km-student-cell:focus{outline:none;box-shadow:0 0 0 3px var(--primary-glow),0 8px 24px #0003;z-index:10}.km-student-cell:active{cursor:grabbing}.km-student-cell.is-dragging{opacity:.4;transform:scale(.95)}.km-student-cell.drag-over{transform:scale(1.1);box-shadow:0 8px 28px #00000040}.km-student-cell.has-misconception{border-style:dashed}.km-student-initials{font-size:1rem;font-weight:700;color:var(--mastery-color);line-height:1}.km-student-name{font-size:.55rem;color:var(--mastery-color);text-align:center;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;opacity:.8}.km-student-level{position:absolute;top:4px;right:4px;font-size:.55rem;font-weight:700;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:var(--mastery-color);color:#fff;border-radius:50%;box-shadow:0 2px 6px #0003}.km-misconception-badge{position:absolute;top:4px;left:4px;font-size:.55rem;font-weight:700;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f87171,#ef4444);color:#fff;border-radius:50%;box-shadow:0 2px 8px #ef444466}.km-seating-empty{display:flex;align-items:center;justify-content:center;text-align:center;padding:60px;color:var(--text-muted)}.km-list-view{padding:0}.km-list-cards{display:flex;flex-direction:column;gap:10px}.km-list-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--mastery-bg);border:2px solid var(--mastery-border);border-radius:16px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.km-list-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.km-list-card:focus{outline:none;box-shadow:0 0 0 3px var(--primary-glow),0 8px 24px #00000026}.km-list-card.has-misconception{border-style:dashed}.km-list-card-info{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.km-list-card-initials{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--mastery-color);color:#fff;font-size:1rem;font-weight:700;border-radius:12px;flex-shrink:0}.km-list-card-name{font-size:1rem;font-weight:600;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.km-list-card-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.km-list-card .km-level-selector{display:flex;gap:6px}.km-list-card .km-level-option{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:2px solid var(--mastery-border);border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease;background:var(--mastery-bg);color:var(--mastery-color);opacity:.4}.km-list-card .km-level-option:hover{opacity:.7;transform:scale(1.05)}.km-list-card .km-level-option.is-active{opacity:1;transform:scale(1.1);box-shadow:0 4px 12px #00000026,0 0 12px var(--mastery-color)}.km-list-card .km-misconception-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:2px solid var(--glass-border);border-radius:12px;background:var(--glass);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.km-list-card .km-misconception-toggle:hover{border-color:var(--text-muted);background:var(--bg-hover)}.km-list-card .km-misconception-toggle.is-active{background:#ef444426;border-color:#ef444480;color:#ef4444;box-shadow:0 0 12px #ef44444d}.km-list-card-level{position:absolute;top:-8px;right:-8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--mastery-color);color:#fff;font-size:.75rem;font-weight:700;border-radius:50%;box-shadow:0 2px 8px #0003}.km-list-card-misconception-badge{position:absolute;top:-8px;left:-8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f87171,#ef4444);color:#fff;font-size:.75rem;font-weight:700;border-radius:50%;box-shadow:0 2px 8px #ef444466}.km-list-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--glass);border-radius:20px;overflow:hidden;border:1px solid var(--glass-border)}.km-list-table th{text-align:left;padding:16px 20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-muted);border-bottom:1px solid var(--glass-border)}.km-list-row{transition:background .15s ease}.km-list-row:hover{background:var(--bg-hover)}.km-list-row td{padding:14px 20px;vertical-align:middle;border-bottom:1px solid var(--glass-border)}.km-list-row:last-child td{border-bottom:none}.km-list-name{font-weight:600;color:var(--text-main);font-size:.9rem}.km-level-selector{display:flex;gap:6px}.km-level-option{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:2px solid var(--mastery-border);border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease;background:var(--mastery-bg);color:var(--mastery-color);opacity:.4}.km-level-option:hover{opacity:.7;transform:scale(1.05)}.km-level-option.is-active{opacity:1;transform:scale(1.1);box-shadow:0 4px 12px #00000026,0 0 12px var(--mastery-color)}.km-misconception-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:2px solid var(--glass-border);border-radius:12px;background:var(--glass);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.km-misconception-toggle:hover{border-color:var(--text-muted);background:var(--bg-hover)}.km-misconception-toggle.is-active{background:#ef444426;border-color:#ef444480;color:#ef4444;box-shadow:0 0 12px #ef44444d}.km-list-empty{text-align:center;padding:60px;color:var(--text-muted)}.km-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.km-modal-card{background:var(--bg-card-strong);border:1px solid var(--glass-border);border-radius:28px;box-shadow:var(--shadow-strong);width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.km-template-picker-modal{max-width:700px}.km-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--glass-border)}.km-modal-header h3{font-size:1.15rem;font-weight:700;color:var(--text-main);margin:0}.km-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:var(--bg-muted);border-radius:50%;font-size:1.4rem;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.km-modal-close:hover{background:var(--bg-hover);color:var(--text-main)}.km-modal-filters{display:flex;gap:10px;padding:16px 24px;border-bottom:1px solid var(--glass-border);background:var(--bg-muted)}.km-template-search{flex:1;padding:10px 16px;border:1px solid var(--input-border);border-radius:50px;background:var(--input-bg);color:var(--text-main);font-size:.85rem}.km-template-search::placeholder{color:var(--input-placeholder)}.km-filter-select{padding:10px 16px;border:1px solid var(--input-border);border-radius:50px;background:var(--input-bg);color:var(--text-main);font-size:.85rem;cursor:pointer}.km-modal-body{flex:1;overflow-y:auto;padding:16px 24px}.km-template-list{display:flex;flex-direction:column;gap:12px}.km-template-item{padding:18px 20px;background:var(--bg-muted);border:2px solid transparent;border-radius:18px;cursor:pointer;transition:all .2s ease}.km-template-item:hover{background:var(--bg-hover);border-color:var(--glass-border)}.km-template-item.is-selected{background:#3b82f61f;border-color:#3b82f680}.km-template-item-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.km-template-item-name{font-size:1rem;font-weight:600;color:var(--text-main);margin:0}.km-template-badge{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:4px 10px;background:linear-gradient(135deg,#22c55e33,#10b98126);color:#22c55e;border-radius:50px}.km-template-item-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:10px}.km-template-meta-item{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-muted)}.km-template-meta-item svg{width:14px;height:14px;opacity:.6}.km-template-item-preview{font-size:.8rem}.km-preview-list{margin:0;padding-left:18px;color:var(--text-muted)}.km-preview-unit{margin-bottom:4px}.km-preview-count{opacity:.6;font-size:.75rem}.km-preview-more{color:var(--primary);font-style:italic}.km-template-empty{text-align:center;padding:40px;color:var(--text-muted)}.km-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:18px 24px;border-top:1px solid var(--glass-border);background:var(--bg-muted)}.km-cancel-btn{padding:10px 22px;border:1px solid var(--glass-border);border-radius:50px;background:var(--glass);color:var(--text-main);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.km-cancel-btn:hover{background:var(--bg-hover)}.km-confirm-btn{padding:10px 24px;border:none;border-radius:50px;background:linear-gradient(135deg,#54aafff2,#3b82f6f2);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #3b82f659}.km-confirm-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #3b82f673}.km-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.km-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;text-align:center;padding:60px 40px}.km-empty-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:var(--bg-muted);border-radius:50%;margin-bottom:24px;color:var(--text-muted)}.km-empty-icon svg{width:48px;height:48px;opacity:.5}.km-empty-title{font-size:1.3rem;font-weight:700;color:var(--text-main);margin:0 0 12px}.km-empty-description{font-size:.95rem;color:var(--text-muted);max-width:360px;line-height:1.6;margin:0 0 28px}.km-empty-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.km-choose-template-btn{padding:14px 32px;border:none;border-radius:50px;background:linear-gradient(135deg,#54aafff2,#3b82f6f2);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 8px 24px #3b82f659}.km-choose-template-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #3b82f673}.km-create-custom-btn{padding:14px 32px;border:1px solid var(--glass-border);border-radius:50px;background:var(--glass);color:var(--text-main);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.km-create-custom-btn:hover{transform:translateY(-2px);background:var(--bg-hover);border-color:var(--border-light)}.km-retry-btn{padding:12px 28px;border:none;border-radius:50px;background:linear-gradient(135deg,#54aafff2,#3b82f6f2);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.kp-container{padding:20px}.kp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.kp-title{font-size:1.1rem;font-weight:700;color:var(--text-main);margin:0}.kp-template-name{font-size:.8rem;color:var(--text-muted);margin-top:4px}.kp-stats-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.kp-stat{display:flex;flex-direction:column;align-items:center;padding:16px 20px;background:var(--glass);border:1px solid var(--glass-border);border-radius:18px;min-width:90px}.kp-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-main);line-height:1}.kp-stat-label{font-size:.7rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-top:6px}.kp-section{margin-bottom:24px}.kp-section-title{font-size:.85rem;font-weight:600;color:var(--text-main);margin:0 0 12px}.kp-heatmap{display:grid;grid-template-columns:repeat(auto-fill,minmax(28px,1fr));gap:4px}.kp-heatmap-cell{aspect-ratio:1;border-radius:6px;background:var(--mastery-bg);border:1px solid var(--mastery-border);cursor:pointer;transition:all .15s ease}.kp-heatmap-cell:hover{transform:scale(1.2);z-index:10;box-shadow:0 4px 12px #0003}.kp-weak-list,.kp-misconception-list{display:flex;flex-direction:column;gap:8px}.kp-weak-item,.kp-misconception-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-muted);border-radius:14px}.kp-weak-level{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--mastery-bg);color:var(--mastery-color);border:2px solid var(--mastery-border);border-radius:8px;font-size:.8rem;font-weight:700;flex-shrink:0}.kp-weak-text{flex:1;font-size:.85rem;color:var(--text-main)}.kp-weak-path{font-size:.7rem;color:var(--text-muted);margin-top:2px}.kp-misconception-badge{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ef444426;color:#ef4444;border-radius:8px;font-weight:700;flex-shrink:0}.kp-empty{text-align:center;padding:40px;color:var(--text-muted)}.kp-popup{position:fixed;background:var(--bg-card-strong);border:1px solid var(--glass-border);border-radius:18px;box-shadow:var(--shadow-strong);width:320px;z-index:100;overflow:hidden}.kp-popup-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--bg-muted);border-bottom:1px solid var(--glass-border)}.kp-popup-title{font-size:.8rem;font-weight:600;color:var(--text-muted);margin:0}.kp-popup-close{padding:4px 8px;border:none;background:transparent;font-size:1.2rem;color:var(--text-muted);cursor:pointer;border-radius:6px;transition:all .15s ease}.kp-popup-close:hover{background:var(--bg-hover);color:var(--text-main)}.kp-popup-body{padding:18px}.kp-popup-statement{font-size:.95rem;color:var(--text-main);margin:0 0 16px;line-height:1.5}.kp-popup-mastery{display:flex;align-items:center;gap:12px;margin-bottom:16px}.kp-popup-level{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--mastery-bg);color:var(--mastery-color);border:2px solid var(--mastery-border);border-radius:10px;font-size:1.1rem;font-weight:700}.kp-popup-level-label{font-size:.9rem;font-weight:500;color:var(--text-main)}.kp-popup-misconception{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:14px;margin-bottom:16px}.kp-popup-misconception-header{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:#ef4444;margin-bottom:8px}.kp-popup-misconception-note{font-size:.85rem;color:var(--text-main);line-height:1.5}.kp-popup-path{font-size:.75rem;color:var(--text-muted);margin-top:16px;padding-top:12px;border-top:1px solid var(--glass-border)}.kb-editor-backdrop{z-index:1100}.kb-editor-modal{max-width:700px;max-height:85vh;width:95%}.kb-editor-modal--streamlined{max-width:650px}.hidden{display:none!important}.kb-start-view{display:flex;flex-direction:column;padding:24px}.kb-start-header{margin-bottom:28px}.kb-name-input-wrapper{display:flex;flex-direction:column;gap:8px}.kb-label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.kb-name-input{width:100%;padding:12px 16px;border:1px solid var(--input-border);border-radius:14px;background:var(--input-bg);color:var(--text-main);font-size:.95rem;font-weight:500}.kb-name-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.kb-name-input--large{font-size:1.1rem;padding:14px 18px}.kb-start-options{flex:1}.kb-start-title{font-size:.85rem;font-weight:600;color:var(--text-main);margin:0 0 16px}.kb-start-cards{display:flex;flex-direction:column;gap:12px}.kb-start-card{display:flex;align-items:center;gap:18px;padding:20px;background:var(--bg-muted);border:2px solid transparent;border-radius:18px;cursor:pointer;transition:all .2s ease;text-align:left}.kb-start-card:disabled{opacity:.6;cursor:not-allowed}.kb-start-card:hover{background:var(--bg-hover);border-color:var(--glass-border);transform:translateY(-2px)}.kb-start-card:disabled:hover{background:var(--bg-muted);border-color:transparent;transform:none}.kb-start-card-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#54aaff26,#3b82f61a);border-radius:16px;color:var(--primary);flex-shrink:0}.kb-start-card-text{display:flex;flex-direction:column;gap:4px}.kb-start-card-text strong{font-size:.95rem;font-weight:600;color:var(--text-main)}.kb-start-card-text span{font-size:.8rem;color:var(--text-muted);line-height:1.4}.kb-ai-status{margin-top:12px;padding:0 24px;font-size:.85rem;color:var(--text-muted)}.kb-ai-status.is-error{color:#ef4444}.kb-paste-view{display:flex;flex-direction:column;padding:24px;gap:16px;min-height:400px}.kb-paste-header{display:flex;align-items:flex-start;gap:16px}.kb-back-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--glass-border);border-radius:50px;background:var(--glass);font-size:.8rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s ease;flex-shrink:0}.kb-back-btn:hover{background:var(--bg-hover);color:var(--text-main)}.kb-paste-info{flex:1}.kb-paste-info h4{font-size:1rem;font-weight:600;color:var(--text-main);margin:0 0 6px}.kb-paste-info p{font-size:.8rem;color:var(--text-muted);margin:0;line-height:1.5}.kb-paste-info code{background:var(--bg-muted);padding:2px 6px;border-radius:4px;font-size:.75rem}.kb-extracted-text{flex:1;min-height:250px;padding:16px;border:1px solid var(--input-border);border-radius:16px;background:var(--input-bg);color:var(--text-main);font-size:.85rem;font-family:SF Mono,Consolas,monospace;line-height:1.6;resize:none}.kb-extracted-text:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.kb-paste-actions{display:flex;justify-content:flex-end}.kb-parse-text-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:50px;background:linear-gradient(135deg,#54aafff2,#3b82f6f2);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #3b82f659}.kb-parse-text-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f673}.kb-editor-view{display:flex;flex-direction:column;min-height:400px;max-height:calc(85vh - 140px)}.kb-editor-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid var(--glass-border);background:var(--bg-muted)}.kb-name-section-inline{display:flex;align-items:center;gap:12px;flex:1}.kb-name-input--inline{flex:1;max-width:300px;padding:10px 14px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-main);font-size:1rem;font-weight:600}.kb-name-input--inline:hover{background:var(--glass);border-color:var(--glass-border)}.kb-name-input--inline:focus{outline:none;background:var(--input-bg);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.kb-item-count{font-size:.8rem;color:var(--text-muted);padding:6px 12px;background:var(--bg-muted);border-radius:50px}.kb-editor-actions{display:flex;gap:8px}.kb-import-btn-small,.kb-ai-btn-small{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--glass);border:1px solid var(--glass-border);border-radius:50px;font-size:.75rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.kb-import-btn-small:hover,.kb-ai-btn-small:hover{background:var(--bg-hover);color:var(--text-main);border-color:var(--border-light)}.kb-ai-btn-small.is-disabled{opacity:.6;pointer-events:none}.kb-editor-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.kb-breadcrumb-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;border-bottom:1px solid var(--glass-border)}.kb-breadcrumb{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.kb-breadcrumb-item{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:transparent;border-radius:8px;font-size:.8rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.kb-breadcrumb-item:hover{background:var(--bg-hover);color:var(--text-main)}.kb-breadcrumb-root{color:var(--primary);font-weight:600}.kb-breadcrumb-sep{color:var(--text-muted);opacity:.4;font-size:.85rem}.kb-add-actions{display:flex;gap:8px}.kb-add-inline-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--glass-border);border-radius:50px;background:var(--glass);font-size:.75rem;font-weight:500;color:var(--text-main);cursor:pointer;transition:all .2s ease}.kb-add-inline-btn:hover{background:var(--bg-hover);border-color:var(--border-light)}.kb-add-inline-btn svg{flex-shrink:0}.kb-content-area{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:12px}.kb-content-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-muted);padding:40px}.kb-content-empty--guided{padding:60px 40px}.kb-content-empty p{margin:0 0 8px;font-size:.95rem}.kb-content-hint{font-size:.8rem;opacity:.7;max-width:280px;line-height:1.5}.kb-empty-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--bg-muted);border-radius:50%;margin-bottom:20px;color:var(--text-muted);opacity:.6}.kb-add-first-item-btn,.kb-add-first-group-btn{display:flex;align-items:center;gap:8px;margin-top:20px;padding:12px 24px;border:none;border-radius:50px;background:linear-gradient(135deg,#54aafff2,#3b82f6f2);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #3b82f659}.kb-add-first-item-btn:hover,.kb-add-first-group-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f673}.kb-content-subgroups--list{display:flex;flex-direction:column;gap:8px}.kb-content-group--card{display:flex;flex-direction:row;align-items:center;gap:14px;padding:16px 18px;background:var(--bg-muted);border:2px solid transparent;border-radius:16px;cursor:pointer;transition:all .2s ease;text-align:left}.kb-content-group--card:hover{background:var(--bg-hover);border-color:var(--glass-border);transform:translate(4px)}.kb-group-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#54aaff26,#3b82f61a);border-radius:12px;color:var(--primary);flex-shrink:0}.kb-group-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.kb-group-name{font-size:.95rem;font-weight:600;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-group-meta,.kb-group-count{font-size:.75rem;color:var(--text-muted)}.kb-group-delete-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .15s ease;opacity:0;flex-shrink:0}.kb-content-group--card:hover .kb-group-delete-btn{opacity:.6}.kb-group-delete-btn:hover{opacity:1!important;background:#ef444426;color:#ef4444}.kb-group-arrow{color:var(--text-muted);opacity:.4;flex-shrink:0;transition:all .2s ease}.kb-content-group--card:hover .kb-group-arrow{opacity:.8;transform:translate(3px)}.kb-group-name-input{flex:1;padding:6px 10px;border:2px solid var(--primary);border-radius:8px;background:var(--input-bg);color:var(--text-main);font-size:.95rem;font-weight:600;outline:none;box-shadow:0 0 0 3px var(--primary-glow)}.kb-content-items{display:flex;flex-direction:column;gap:6px}.kb-content-item{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px;background:var(--bg-muted);border-radius:12px;transition:all .15s ease}.kb-content-item:hover{background:var(--bg-hover)}.kb-item-header{display:flex;align-items:center;gap:12px}.kb-item-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-left:36px}.kb-item-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--glass);border-radius:50%;font-size:.7rem;font-weight:600;color:var(--text-muted);flex-shrink:0}.kb-item-text{flex:1;padding:8px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-main);font-size:.85rem;transition:all .15s ease}.kb-item-text:hover{background:var(--glass);border-color:var(--glass-border)}.kb-item-text:focus{outline:none;background:var(--input-bg);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.kb-item-text::placeholder{color:var(--text-muted);opacity:.6}.kb-item-question,.kb-item-answer{width:100%;padding:8px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-main);font-size:.8rem;transition:all .15s ease}.kb-item-question:hover,.kb-item-answer:hover{background:var(--glass);border-color:var(--glass-border)}.kb-item-question:focus,.kb-item-answer:focus{outline:none;background:var(--input-bg);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.kb-item-question::placeholder,.kb-item-answer::placeholder{color:var(--text-muted);opacity:.6}.kb-item-delete-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .15s ease;opacity:0;flex-shrink:0}.kb-content-item:hover .kb-item-delete-btn{opacity:.6}.kb-item-delete-btn:hover{opacity:1!important;background:#ef444426;color:#ef4444}.kb-loading{animation:kb-pulse 1s infinite ease-in-out}@keyframes kb-pulse{0%,to{opacity:.5}50%{opacity:1}}.kb-save-btn{display:flex;align-items:center;gap:8px}.kb-save-btn svg{flex-shrink:0}.km-no-selection-prompt{display:flex;align-items:center;gap:10px;padding:14px 20px;margin-bottom:16px;background:linear-gradient(135deg,#54aaff1a,#3b82f60d);border:1px solid rgba(59,130,246,.25);border-radius:14px;color:var(--primary);font-size:.85rem;font-weight:500}.km-no-selection-prompt svg{flex-shrink:0;opacity:.7}.km-student-cell-neutral{background:var(--bg-muted)!important;border:2px solid var(--glass-border)!important}.km-student-cell-neutral .km-student-initials{color:var(--text-main)}.km-student-cell-neutral .km-student-name{color:var(--text-muted)}.km-list-card-neutral{background:var(--bg-muted);border:2px solid var(--glass-border)}.km-list-card-neutral .km-list-card-initials{background:var(--glass);color:var(--text-main)}.km-list-card-neutral .km-list-card-name{color:var(--text-main)}.km-tree-bank{margin-bottom:12px;border-radius:14px;overflow:hidden;background:var(--bg-muted);border:1px solid var(--glass-border)}.km-tree-bank-header{display:flex;align-items:center;gap:8px;padding:4px;background:var(--bg-muted);transition:background .2s ease}.km-tree-bank-header:hover{background:var(--bg-hover)}.km-tree-bank-header.is-expanded{border-bottom:1px solid var(--glass-border)}.km-tree-bank-toggle{display:flex;align-items:center;gap:8px;flex:1;padding:10px 12px;border:none;background:transparent;cursor:pointer;text-align:left;color:var(--text-main)}.km-tree-bank-toggle:hover{background:transparent}.km-tree-bank-header.is-expanded .km-tree-bank-toggle .km-tree-chevron{transform:rotate(90deg)}.km-tree-bank-name{flex:1;font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.km-tree-bank-count{font-size:.7rem;font-weight:500;padding:2px 10px;background:linear-gradient(135deg,#54aaff33,#3b82f626);color:var(--primary);border-radius:50px}.km-tree-bank-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .2s ease;opacity:.5;margin-right:8px}.km-tree-bank-header:hover .km-tree-bank-remove{opacity:1}.km-tree-bank-remove:hover{background:#ef444426;color:#ef4444}.km-tree-bank-content{padding:8px 6px 12px}.km-tree-bank-content.hidden{display:none}.km-tree-bank .km-tree-unit{margin-bottom:4px}.km-tree-bank .km-tree-unit-header{padding:8px 10px;border-radius:10px;font-size:.8rem}.km-tree-bank .km-tree-unit-count{font-size:.65rem;padding:2px 6px}.km-add-bank-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:50px;font-size:.8rem;font-weight:500;background:var(--glass);border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.km-add-bank-btn:hover{background:var(--bg-hover);border-color:var(--border-light)}.km-add-bank-btn svg{flex-shrink:0}.km-add-option-btn{display:flex;align-items:center;gap:16px;width:100%;padding:18px 20px;background:var(--bg-muted);border:2px solid transparent;border-radius:16px;cursor:pointer;transition:all .2s ease;text-align:left}.km-add-option-btn:hover{background:var(--bg-hover);border-color:var(--glass-border);transform:translateY(-2px)}.km-add-option-btn svg{flex-shrink:0;color:var(--primary);opacity:.8}.km-add-option-btn div{display:flex;flex-direction:column;gap:4px}.km-add-option-btn strong{font-size:.95rem;font-weight:600;color:var(--text-main)}.km-add-option-btn span{font-size:.8rem;color:var(--text-muted)}.km-context-menu{position:fixed;z-index:9999;min-width:160px;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:12px;box-shadow:var(--shadow-soft);padding:6px}.km-context-item{width:100%;text-align:left;border:none;background:transparent;color:var(--text-main);padding:8px 10px;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .15s ease}.km-context-item:hover{background:var(--bg-hover)}.km-context-item.is-danger{color:#ef4444}@media(max-width:900px){.km-body{flex-direction:column}.km-sidebar{width:100%;max-width:none;max-height:280px;border-right:none;border-bottom:1px solid var(--glass-border)}.km-header{flex-wrap:wrap}.km-grid-controls{flex-wrap:wrap;border-radius:20px;gap:10px}.km-grid-btn{padding:6px 12px}.km-mode-switch,.km-live-controls-bar{flex-direction:column;align-items:flex-start}.km-lesson-layout{grid-template-columns:1fr}}@media(max-width:768px){.kb-editor-modal--streamlined{max-width:100%;max-height:95vh;margin:10px}.kb-start-cards{gap:10px}.kb-start-card{padding:16px;gap:14px}.kb-start-card-icon{width:48px;height:48px}.kb-start-card-icon svg{width:24px;height:24px}.kb-breadcrumb-bar{flex-direction:column;align-items:stretch;gap:12px}.kb-add-actions{justify-content:flex-end}.kb-group-icon{width:38px;height:38px}.kb-item-fields{grid-template-columns:1fr;padding-left:0}.km-statement-qa{grid-template-columns:1fr}}@media(max-width:600px){.km-header{flex-direction:column;align-items:flex-start;gap:14px}.km-header-top{width:100%}.km-header-bottom{width:100%;flex-direction:column;align-items:stretch}.km-view-toggle{width:100%}.km-view-btn{flex:1;justify-content:center;padding:8px 12px;font-size:.75rem}.km-tracking-area{padding:16px}.km-mastery-legend{gap:10px;padding:12px 14px;border-radius:16px}.km-legend-item{font-size:.7rem}.km-seating-grid{gap:5px}.km-student-cell{border-radius:10px;padding:6px 4px}.km-student-initials{font-size:.8rem}.km-student-name{display:none}.km-list-card{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.km-list-card-info{justify-content:flex-start}.km-list-card-initials{width:36px;height:36px;font-size:.85rem}.km-list-card-name{font-size:.9rem}.km-list-card-controls{justify-content:space-between}.km-list-card .km-level-option{width:32px;height:32px;font-size:.75rem}.km-list-card .km-misconception-toggle{width:36px;height:36px}.km-level-option{width:30px;height:30px;font-size:.75rem}.kp-stats-row{gap:8px}.kp-stat{min-width:70px;padding:12px 14px}.kp-stat-value{font-size:1.2rem}}.kc-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2000;padding:24px;opacity:0;transition:opacity .3s ease}.kc-backdrop.is-visible{opacity:1}.kc-container{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;height:100%;max-height:calc(100vh - 48px)}.kc-container.hidden{display:none}.kc-statement-pill{display:flex;align-items:center;gap:20px;padding:18px 28px;background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border:1px solid rgba(255,255,255,.15);border-radius:60px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000004d;width:100%;max-width:1200px;overflow:hidden;flex-shrink:0}.kc-view-toggle{display:inline-flex;gap:6px;padding:4px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);flex-shrink:0}.kc-view-btn{border:none;background:transparent;color:#ffffffb3;font-size:.75rem;font-weight:600;padding:6px 10px;border-radius:999px;cursor:pointer}.kc-view-btn.is-active{background:#ffffff2e;color:#fff}.kc-view-statement .kc-statement-checks,.kc-view-statement .kc-check-empty,.kc-view-question .kc-statement-text,.kc-view-question .kc-statement-meta{display:none}.kc-progress{display:flex;align-items:baseline;gap:4px;padding:8px 16px;background:#ffffff1a;border-radius:50px;flex-shrink:0}.kc-progress-current{font-size:1.1rem;font-weight:700;color:#fff}.kc-progress-sep{font-size:.85rem;color:#ffffff80}.kc-progress-total{font-size:.85rem;color:#fff9}.kc-statement-content{flex:1;min-width:0;overflow:hidden;position:relative}.kc-statement-track{display:flex;position:relative}.kc-statement-slide{flex-shrink:0;width:100%;opacity:0;transform:translate(-30px);transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;pointer-events:none}.kc-statement-slide.is-active{opacity:1;transform:translate(0);position:relative;pointer-events:auto}.kc-statement-slide.is-exiting{opacity:0;transform:translate(60px)}.kc-statement-slide.is-entering{transform:translate(-60px)}.kc-statement-text{font-size:1rem;font-weight:500;color:#fff;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.kc-statement-checks{margin-top:8px;display:grid;gap:8px}.kc-check-empty{margin-top:8px;font-size:.8rem;color:#ffffffbf}.kc-check-item{padding:8px 10px;border-radius:10px;background:#0f172a59;border:1px solid rgba(148,163,184,.2)}.kc-check-question{font-size:.85rem;font-weight:600;color:#e2e8f0;line-height:1.35}.kc-check-answer{margin-top:4px;font-size:.78rem;color:#cbd5f5;line-height:1.35}.kc-statement-meta{margin-top:6px}.kc-core-badge{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;background:linear-gradient(135deg,#a855f74d,#8b5cf633);color:#c4b5fd;border-radius:50px}.kc-controls{display:flex;gap:10px;flex-shrink:0}.kc-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:50px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.kc-btn-next{background:linear-gradient(135deg,#54aafff2,#3b82f6f2);color:#fff;box-shadow:0 4px 16px #3b82f666}.kc-btn-next:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.kc-btn-end{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fffc}.kc-btn-end:hover{background:#ffffff26;color:#fff}.kc-seating-area,.kc-list-area{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;flex:1;min-height:0}.kc-list-hint{font-size:.75rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.kc-list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:20px;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.1);border-radius:24px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:100%;max-width:1200px;flex:1;min-height:0}.kc-list-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:18px;background:var(--mastery-bg);border:2px solid var(--mastery-border);cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.kc-list-card:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 10px 24px #00000059}.kc-list-card:focus{outline:none;box-shadow:0 0 0 3px #3b82f680,0 10px 24px #00000059}.kc-list-card-info{display:flex;align-items:center;gap:12px}.kc-list-card-initials{width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:var(--mastery-color);background:#0f172a40}.kc-list-card-text{display:flex;flex-direction:column;gap:4px;min-width:0}.kc-list-card-name{font-size:.85rem;font-weight:600;color:var(--mastery-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.kc-list-card-level-label{font-size:.7rem;color:#ffffffbf}.kc-list-card-level{width:28px;height:28px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;background:var(--mastery-color);color:#fff}.kc-list-empty{padding:24px;color:#ffffffb3;text-align:center}.kc-seating-grid{display:grid;grid-template-columns:repeat(var(--kc-grid-cols, 8),1fr);gap:10px;padding:28px;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.1);border-radius:24px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:100%;max-width:1200px;flex:1;min-height:0}.kc-cell{border-radius:14px;min-height:60px}.kc-cell-empty{background:#ffffff08;border:1px dashed rgba(255,255,255,.1)}.kc-student-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 8px;background:var(--mastery-bg);border:2px solid var(--mastery-border);cursor:pointer;transition:all .15s ease;position:relative}.kc-student-cell:hover{transform:scale(1.1);z-index:10;box-shadow:0 8px 24px #0006}.kc-student-cell:focus{outline:none;box-shadow:0 0 0 3px #3b82f680,0 8px 24px #0006}.kc-student-initials{font-size:1rem;font-weight:700;color:var(--mastery-color);line-height:1}.kc-student-name{font-size:.6rem;color:var(--mastery-color);text-align:center;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;opacity:.8}.kc-student-level{position:absolute;top:4px;right:4px;font-size:.65rem;font-weight:700;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:var(--mastery-color);color:#fff;border-radius:50%}.kc-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:12px 20px;background:#ffffff0d;border-radius:50px}.kc-legend-item{display:flex;align-items:center;gap:6px;font-size:.7rem;color:#ffffffb3}.kc-legend-color{width:10px;height:10px;border-radius:50%;background:var(--mastery-color);box-shadow:0 0 8px var(--mastery-color)}.kc-legend-label{font-weight:500}.kc-summary{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;transform:scale(.95);transition:all .3s ease}.kc-summary.hidden{display:none}.kc-summary.is-visible{opacity:1;transform:scale(1)}.kc-summary-card{background:var(--bg-card-strong);border:1px solid var(--glass-border);border-radius:28px;box-shadow:0 24px 64px #0006;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.kc-summary-header{padding:24px 28px;border-bottom:1px solid var(--glass-border);text-align:center}.kc-summary-header h3{font-size:1.3rem;font-weight:700;color:var(--text-main);margin:0 0 6px}.kc-summary-header p{font-size:.85rem;color:var(--text-muted);margin:0}.kc-summary-body{flex:1;overflow-y:auto;padding:24px 28px}.kc-summary-stats{display:flex;gap:12px;margin-bottom:28px}.kc-summary-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px;background:var(--bg-muted);border-radius:16px;text-align:center}.kc-summary-stat-main{background:var(--mastery-bg);border:2px solid var(--mastery-border)}.kc-summary-stat-value{font-size:1.8rem;font-weight:700;color:var(--text-main);line-height:1}.kc-summary-stat-main .kc-summary-stat-value{color:var(--mastery-color)}.kc-summary-stat-label{font-size:.7rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-top:6px}.kc-summary-stat-level{font-size:.75rem;font-weight:600;color:var(--mastery-color);margin-top:4px}.kc-summary-students h4{font-size:.85rem;font-weight:600;color:var(--text-main);margin:0 0 12px}.kc-summary-distribution{margin-top:20px;padding:16px 18px;border-radius:16px;background:#0f172a59;border:1px solid rgba(148,163,184,.25)}.kc-summary-distribution h4{font-size:.9rem;font-weight:600;color:var(--text-main);margin:0 0 12px}.kc-distribution-bars{display:grid;gap:10px}.kc-distribution-row{display:grid;grid-template-columns:120px 1fr 40px;align-items:center;gap:10px;font-size:.75rem;color:var(--text-muted)}.kc-distribution-label{font-weight:600}.kc-distribution-track{height:10px;background:#ffffff14;border-radius:999px;overflow:hidden}.kc-distribution-bar{display:block;height:100%;background:var(--mastery-color);box-shadow:0 0 12px var(--mastery-color)}.kc-distribution-count{text-align:right;font-weight:600;color:var(--text-main)}.kc-summary-student-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.kc-summary-student{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--mastery-bg);border:1px solid var(--mastery-border);border-radius:12px}.kc-summary-student-name{flex:1;font-size:.9rem;font-weight:500;color:var(--text-main)}.kc-summary-student-avg{font-size:1rem;font-weight:700;color:var(--mastery-color)}.kc-summary-student-level{font-size:.7rem;font-weight:500;color:var(--mastery-color);padding:4px 10px;background:var(--mastery-bg);border-radius:50px;min-width:70px;text-align:center}.kc-summary-footer{display:flex;justify-content:flex-end;gap:12px;padding:18px 28px;border-top:1px solid var(--glass-border);background:var(--bg-muted)}.kc-btn-close{background:var(--glass);border:1px solid var(--glass-border);color:var(--text-main)}.kc-btn-close:hover{background:var(--bg-hover)}.kc-btn-save{background:linear-gradient(135deg,#22c55ef2,#16a34af2);color:#fff;box-shadow:0 4px 16px #22c55e59}.kc-btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #22c55e73}.kc-btn-save:disabled{opacity:.7;cursor:not-allowed}.kc-btn-success{background:linear-gradient(135deg,#22c55e,#16a34a)}.kc-spinner{animation:kc-spin 1s linear infinite}@keyframes kc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.km-knowledge-check-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:50px;font-size:.8rem;font-weight:600;background:linear-gradient(135deg,#a855f7e6,#8b5cf6e6);border:none;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #8b5cf659}.km-knowledge-check-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf673}.km-knowledge-check-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.km-knowledge-check-btn svg{flex-shrink:0}.km-upload-check-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:50px;font-size:.8rem;font-weight:600;background:var(--glass);border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.km-upload-check-btn:hover{background:var(--bg-hover);border-color:var(--border-light)}.km-upload-check-btn:disabled{opacity:.5;cursor:not-allowed}.km-upload-check-btn svg{flex-shrink:0}.kc-setup-modal{max-width:500px}.kc-setup-section:last-child{margin-bottom:0}.kc-bank-options{display:flex;flex-direction:column;gap:8px;margin-top:8px}.kc-bank-option{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-muted);border:2px solid transparent;border-radius:14px;cursor:pointer;transition:all .2s ease}.kc-bank-option:hover{background:var(--bg-hover)}.kc-bank-option:has(input:checked){background:linear-gradient(135deg,#a855f71f,#8b5cf614);border-color:#8b5cf666}.kc-bank-option input[type=radio]{width:18px;height:18px;accent-color:#8b5cf6}.kc-bank-option-content{display:flex;flex-direction:column;gap:2px}.kc-bank-option-content strong{font-size:.9rem;font-weight:600;color:var(--text-main)}.kc-bank-option-content span{font-size:.75rem;color:var(--text-muted)}.kc-setup-options{display:flex;flex-direction:column;gap:10px;margin-top:8px}.kc-setup-option{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-main);cursor:pointer}.kc-setup-option input[type=checkbox]{width:18px;height:18px;accent-color:#8b5cf6}.kc-setup-hint{font-size:.75rem;color:var(--text-muted);margin:6px 0 0}.kc-default-level-options{display:flex;flex-wrap:wrap;gap:10px}.kc-default-level-option{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.kc-default-level-option input[type=radio]{display:none}.kc-level-chip{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--mastery-bg);border:2px solid var(--mastery-border);border-radius:12px;transition:all .2s ease}.kc-default-level-option:hover .kc-level-chip{transform:scale(1.03)}.kc-default-level-option input[type=radio]:checked+.kc-level-chip{border-color:var(--mastery-color);box-shadow:0 0 12px var(--mastery-color),0 4px 12px #0000001a;transform:scale(1.05)}.kc-level-num{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--mastery-color);color:#fff;font-size:.75rem;font-weight:700;border-radius:50%}.kc-level-name{font-size:.8rem;font-weight:600;color:var(--mastery-color)}.kc-level-hint{font-size:.65rem;color:var(--text-muted);font-style:italic}@media(max-width:768px){.kc-backdrop{padding:16px}.kc-statement-pill{flex-direction:column;gap:14px;padding:16px 20px;border-radius:24px}.kc-progress{align-self:flex-start}.kc-controls{align-self:stretch;justify-content:space-between}.kc-statement-text{font-size:.9rem}.kc-seating-grid{padding:16px;gap:6px}.kc-list-grid{padding:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.kc-list-card-name{max-width:100%}.kc-student-cell{border-radius:8px}.kc-student-initials{font-size:.75rem}.kc-student-name{display:none}.kc-summary-stats{flex-direction:column}.kc-default-level-options{gap:8px}.kc-level-chip{padding:8px 10px;gap:6px}.kc-level-num{width:20px;height:20px;font-size:.65rem}.kc-level-name{font-size:.7rem}}.knowledge-analytics-wrapper{margin-top:24px}.cma-container{background:var(--glass);border-radius:16px;border:1px solid var(--glass-border);padding:24px}.cma-map-selector{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--glass-border)}.cma-map-selector label{font-size:.85rem;font-weight:500;color:var(--text-muted)}.cma-select{padding:8px 12px;border-radius:8px;border:1px solid var(--glass-border);background:var(--bg-muted);color:var(--text-main);font-size:.85rem;cursor:pointer}.cma-header{margin-bottom:20px}.cma-title{font-size:1.15rem;font-weight:700;color:var(--text-main);margin:0 0 4px}.cma-subtitle{font-size:.85rem;color:var(--text-muted)}.cma-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:28px}.cma-stat-card{background:var(--bg-muted);border-radius:12px;padding:18px;text-align:center;border:1px solid var(--glass-border);transition:all .2s ease}.cma-stat-card:hover{border-color:var(--border-light)}.cma-stat-card.cma-stat-warning{border-color:#fbbf2480;background:#fbbf2414}.cma-stat-value{font-size:1.8rem;font-weight:700;color:var(--text-main);line-height:1.1}.cma-stat-label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.cma-stat-detail{font-size:.75rem;color:var(--text-muted);margin-top:8px}.cma-progress-bar{height:6px;background:var(--bg-muted);border-radius:3px;margin-top:12px;overflow:hidden}.cma-progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#a855f7);border-radius:3px;transition:width .5s ease}.cma-level-bar{display:flex;gap:4px;margin-top:12px;justify-content:center}.cma-level-segment{width:24px;height:8px;border-radius:4px;background:var(--bg-muted)}.cma-level-segment.mastery-basic,.cma-level-segment.mastery-developing,.cma-level-segment.mastery-secure,.cma-level-segment.mastery-mastered{background:var(--mastery-color)}.cma-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px}.cma-section{background:var(--bg-muted);border-radius:12px;padding:18px;border:1px solid var(--glass-border)}.cma-section-title{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:var(--text-main);margin:0 0 16px}.cma-section-title svg{color:var(--text-muted)}.cma-rankings-list{display:flex;flex-direction:column;gap:8px}.cma-ranking-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--glass);border-radius:10px;border:1px solid var(--glass-border)}.cma-ranking-position{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--primary-glow);color:var(--primary);border-radius:50%;font-size:.75rem;font-weight:700}.cma-ranking-name{flex:1;font-size:.85rem;font-weight:500;color:var(--text-main)}.cma-ranking-stats{display:flex;align-items:center;gap:8px}.cma-ranking-level{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:.8rem;font-weight:700;background:var(--mastery-bg);color:var(--mastery-color);border:1px solid var(--mastery-border)}.cma-ranking-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.cma-ranking-mastered{font-size:.7rem;color:var(--text-muted)}.cma-ranking-misconceptions{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#fbbf2433;color:#f59e0b;border-radius:50%;font-size:.7rem;font-weight:700}.cma-weakest-list,.cma-misconceptions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.cma-weakest-item,.cma-misconception-item{display:flex;align-items:flex-start;gap:10px;padding:10px;background:var(--glass);border-radius:10px;border:1px solid var(--glass-border)}.cma-weakest-level{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:.8rem;font-weight:700;background:var(--mastery-bg);color:var(--mastery-color);border:1px solid var(--mastery-border);flex-shrink:0}.cma-weakest-info,.cma-misconception-info{flex:1;min-width:0}.cma-weakest-text,.cma-misconception-text{font-size:.8rem;color:var(--text-main);display:block;margin-bottom:2px}.cma-weakest-topic,.cma-misconception-topic{font-size:.7rem;color:var(--text-muted)}.cma-weakest-count{font-size:.7rem;color:var(--text-muted);white-space:nowrap}.cma-misconception-count{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fbbf2433;color:#f59e0b;border-radius:8px;font-size:.85rem;font-weight:700;flex-shrink:0}.cma-legend{display:flex;flex-wrap:wrap;gap:12px;padding-top:16px;border-top:1px solid var(--glass-border)}.cma-legend-item{display:flex;align-items:center;gap:6px}.cma-legend-color{width:14px;height:14px;border-radius:4px;background:var(--mastery-bg);border:1px solid var(--mastery-border)}.cma-legend-label{font-size:.7rem;color:var(--text-muted)}.cma-no-map,.cma-empty,.cma-error{text-align:center;padding:40px 20px;color:var(--text-muted)}.cma-no-map-icon{margin-bottom:16px;color:var(--text-muted);opacity:.5}.cma-no-map-text{font-size:.95rem;margin:0 0 8px}.cma-no-map-hint{font-size:.8rem;opacity:.7}.kp-retention{margin-top:20px}.kp-retention-overview{display:flex;align-items:center;gap:24px;padding:16px;background:var(--bg-muted);border-radius:12px;margin-bottom:16px}.kp-retention-stat{text-align:center}.kp-retention-value{font-size:1.8rem;font-weight:700;color:var(--text-main);line-height:1.1}.kp-retention-value.kp-retention-good{color:#22c55e}.kp-retention-value.kp-retention-warning{color:#f59e0b}.kp-retention-label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.kp-retention-breakdown{display:flex;flex-direction:column;gap:6px}.kp-retention-improvements,.kp-retention-regressions{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-muted)}.kp-retention-improvements svg{color:#22c55e}.kp-retention-regressions svg{color:#ef4444}.kp-retention-detail{font-size:.7rem;color:var(--text-muted);opacity:.7}.kp-subsection-title{font-size:.8rem;font-weight:600;color:var(--text-main);margin:0 0 12px}.kp-regressions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.kp-regression-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:10px}.kp-regression-change{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600}.kp-regression-change svg{color:#ef4444}.kp-regression-statement{flex:1;font-size:.8rem;color:var(--text-main)}.cma-export-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px solid var(--glass-border);background:var(--glass);color:var(--text-main);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cma-export-btn:hover{background:var(--bg-hover);border-color:var(--border-light)}.cma-export-btn svg{width:14px;height:14px}.cma-progress-chart{margin-top:20px;padding:20px;background:var(--bg-muted);border-radius:12px;border:1px solid var(--glass-border)}.cma-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cma-chart-title{font-size:.9rem;font-weight:600;color:var(--text-main);margin:0}.cma-chart-canvas{width:100%;height:200px;background:var(--glass);border-radius:8px;position:relative}.cma-chart-line{position:absolute;bottom:0;left:0;right:0;height:100%}.cma-chart-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:.85rem}.cma-progress-section{grid-column:1 / -1}.cma-progress-loading,.cma-progress-empty{text-align:center;color:var(--text-muted);font-size:.85rem;padding:24px}.cma-progress-summary{display:flex;align-items:center;gap:20px;margin-bottom:16px;flex-wrap:wrap}.cma-progress-stat{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500}.cma-progress-improvements{color:#22c55e}.cma-progress-regressions{color:#ef4444}.cma-progress-period{margin-left:auto;color:var(--text-muted);font-size:.8rem;font-weight:400}.cma-progress-bars{display:flex;align-items:flex-end;gap:4px;height:120px;padding:8px 0;border-bottom:1px solid var(--glass-border)}.cma-progress-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:24px}.cma-progress-bar-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;height:100px;width:100%}.cma-progress-bar{width:100%;max-width:20px;border-radius:3px;transition:height .3s ease}.cma-bar-improvement{background:linear-gradient(180deg,#22c55ee6,#22c55e99)}.cma-bar-regression{background:linear-gradient(180deg,#ef4444e6,#ef444499)}.cma-progress-date{font-size:.65rem;color:var(--text-muted)}.cma-progress-legend{display:flex;gap:16px;justify-content:center;margin-top:12px}.cma-progress-legend-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted)}.cma-progress-legend-color{width:12px;height:12px;border-radius:3px}@media(max-width:768px){.cma-overview{grid-template-columns:repeat(2,1fr)}.cma-sections{grid-template-columns:1fr}.kp-retention-overview{flex-direction:column;text-align:center}}.class-analytics-panel--knowledge{min-height:140px}.class-analytics-view-link{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:500;color:var(--primary);text-decoration:none;transition:all .2s ease}.class-analytics-view-link:hover{color:var(--primary-hover);gap:8px}.class-analytics-view-link.hidden{display:none}.knowledge-preview-container{min-height:100px}.knowledge-preview-empty{display:flex;align-items:center;gap:24px;padding:20px;background:var(--glass);border:1px dashed var(--glass-border);border-radius:16px}.knowledge-preview-empty-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#54aaff1a,#3b82f61a);border-radius:16px;color:var(--primary)}.knowledge-preview-empty-content{flex:1}.knowledge-preview-empty-content h4{margin:0 0 6px;font-size:1rem;font-weight:600;color:var(--text-main)}.knowledge-preview-empty-content p{margin:0 0 16px;font-size:.85rem;color:var(--text-muted);line-height:1.5}.knowledge-preview-setup-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;font-size:.85rem}.knowledge-preview-ready{display:flex;align-items:flex-start;gap:20px;padding:16px 20px;background:linear-gradient(135deg,#22c55e0d,#22c55e05);border:1px solid rgba(34,197,94,.2);border-radius:16px}.knowledge-preview-ready-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#22c55e1a;border-radius:12px;color:var(--success, #22c55e)}.knowledge-preview-ready-content{flex:1;min-width:0}.knowledge-preview-ready-content h4{margin:0 0 6px;font-size:.95rem;font-weight:600;color:var(--success, #22c55e)}.knowledge-preview-ready-content p{margin:0;font-size:.85rem;color:var(--text-main);line-height:1.5}.knowledge-preview-ready-hint{margin-top:6px!important;font-size:.8rem!important;color:var(--text-muted)!important}.knowledge-preview-ready-stats{display:flex;gap:16px;flex-shrink:0}.knowledge-preview-stat{display:flex;flex-direction:column;align-items:center;padding:8px 16px;background:var(--glass);border-radius:12px;min-width:70px}.knowledge-preview-stat--placeholder{opacity:.5}.knowledge-preview-stat--warning .knowledge-preview-stat-value{color:var(--warning, #f59e0b)}.knowledge-preview-stat-value{font-size:1.25rem;font-weight:700;color:var(--text-main);line-height:1.2}.knowledge-preview-stat-total{font-size:.85rem;font-weight:400;color:var(--text-muted)}.knowledge-preview-stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;margin-top:2px}.knowledge-preview-summary{padding:16px 20px;background:var(--glass);border:1px solid var(--glass-border);border-radius:16px}.knowledge-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.knowledge-preview-template{font-size:.85rem;font-weight:600;color:var(--text-main)}.knowledge-preview-coverage-badge{font-size:.75rem;font-weight:600;padding:4px 10px;background:linear-gradient(135deg,#54aaff26,#3b82f626);color:var(--primary);border-radius:50px}.knowledge-preview-stats{display:flex;gap:12px;margin-bottom:12px}.knowledge-preview-progress{margin-top:8px}.knowledge-preview-progress-bar{height:6px;background:var(--bg-muted);border-radius:3px;overflow:hidden}.knowledge-preview-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),rgba(84,170,255,.8));border-radius:3px;transition:width .3s ease}.knowledge-preview-error{padding:24px;text-align:center;color:var(--text-muted);font-size:.85rem}@media(max-width:768px){.knowledge-preview-empty{flex-direction:column;text-align:center}.knowledge-preview-ready{flex-direction:column}.knowledge-preview-ready-stats{width:100%;justify-content:center}.knowledge-preview-stats{flex-wrap:wrap}.knowledge-preview-stat{flex:1;min-width:60px}}.knowledge-check-mode-selector .modal-backdrop.active{opacity:1}.knowledge-check-mode-selector.active{opacity:1;transform:scale(1)}.mode-button{transition:all .2s ease}.mode-button:hover{transform:translateY(-2px)}.lesson-check-selector{animation:fadeIn .3s ease}.lesson-check-selector label{transition:background .2s ease}.lc-modal--lesson{max-width:780px}.lcm-hint-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;padding:16px;background:var(--glass);border:1px solid var(--glass-border);border-radius:18px}.lcm-hint-step strong{display:block;font-size:.9rem;color:var(--text-main)}.lcm-hint-step span{display:block;margin-top:4px;font-size:.75rem;color:var(--text-muted);line-height:1.4}.lcm-modal{max-width:640px;animation:fadeIn .25s ease}.lcm-subtitle{margin-top:6px;font-size:.85rem;color:var(--text-muted)}.lcm-body{display:flex;flex-direction:column;gap:16px}.lcm-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;padding:14px;background:var(--bg-muted);border:1px solid var(--glass-border);border-radius:18px}.lcm-step strong{display:block;font-size:.85rem;color:var(--text-main)}.lcm-step span{display:block;margin-top:4px;font-size:.7rem;color:var(--text-muted);line-height:1.4}.lcm-upload{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px;border:2px dashed var(--glass-border);border-radius:20px;background:var(--glass);cursor:pointer;text-align:center;transition:all .2s ease}.lcm-upload:hover{border-color:var(--accent, #2563eb);box-shadow:var(--shadow-soft)}.lcm-upload.is-dragover{border-color:var(--accent, #2563eb);background:var(--bg-hover);box-shadow:var(--shadow-soft)}.lcm-upload-icon{font-size:1rem;font-weight:700;letter-spacing:.08em;padding:10px 14px;border-radius:12px;background:var(--bg-muted);color:var(--text-main)}.lcm-upload-text strong{display:block;font-size:.95rem;color:var(--text-main)}.lcm-upload-text span{display:block;font-size:.75rem;color:var(--text-muted);margin-top:4px}.lcm-upload.is-processing{border-color:var(--accent, #2563eb);background:var(--bg-hover);box-shadow:var(--shadow-soft);opacity:.75;pointer-events:none}.lcm-upload-spinner{width:26px;height:26px;border:2px solid var(--glass-border);border-top-color:var(--accent, #2563eb);border-radius:50%;animation:spin 1s linear infinite;display:none}.lcm-upload.is-processing .lcm-upload-spinner{display:block}.lcm-upload-status{min-height:18px;font-size:.75rem;color:var(--text-muted)}.lcm-upload-status.is-info{color:var(--text-muted)}.lcm-upload-status.is-success{color:var(--success, #15803d)}.lcm-upload-status.is-error{color:var(--danger, #b91c1c)}.lcm-hint{font-size:.75rem;color:var(--text-muted)}.lcm-footer{display:flex;justify-content:flex-end}.lcm-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.lcm-summary-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;background:var(--glass);border:1px solid var(--glass-border);border-radius:18px}.lcm-summary-card.is-warning{border-color:#f59e0b66;background:#f59e0b14}.lcm-summary-value{font-size:1.2rem;font-weight:700;color:var(--text-main)}.lcm-summary-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.lcm-warning{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:16px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.4);color:#b45309;font-size:.8rem}.lcm-warning.is-error{background:#dc26261f;border-color:#dc262666;color:#b91c1c}.lcm-review{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-border)}.lcm-review-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid var(--glass-border);background:var(--bg-muted);color:var(--text-main);font-size:.8rem;cursor:pointer;transition:all .2s ease}.lcm-review-toggle:hover{border-color:var(--accent, #2563eb);box-shadow:var(--shadow-soft)}.lcm-review-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.lcm-review-row{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:12px;background:var(--bg-muted);border:1px solid var(--glass-border)}.lcm-review-name{font-size:.8rem;color:var(--text-main);font-weight:600}.lcm-review-select{padding:6px 8px;border-radius:8px;border:1px solid var(--glass-border);background:var(--glass);color:var(--text-main);font-size:.8rem}.lcm-save-status{min-height:18px;font-size:.75rem;color:var(--text-muted)}.lcm-save-status.is-info{color:var(--text-muted)}.lcm-save-status.is-success{color:var(--success, #15803d)}.lcm-save-status.is-error{color:var(--danger, #b91c1c)}.lcm-student-summary{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;border:1px solid var(--glass-border);background:var(--glass)}.lcm-student-summary-header{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--text-main)}.lcm-student-summary-header span{font-size:.7rem;color:var(--text-muted)}.lcm-student-summary-legend{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.7rem;color:var(--text-muted)}.lcm-list-cards{max-height:320px;overflow-y:auto;padding-right:4px}.lcm-list-card{cursor:default}.lcm-list-card .km-level-option{opacity:.7}.lcm-list-card .km-level-option.is-active{opacity:1}.lcu-modal{max-width:620px;animation:fadeIn .25s ease}.lcu-subtitle{margin-top:6px;font-size:.85rem;color:var(--text-muted)}.lcu-body{display:flex;flex-direction:column;gap:16px}.lcu-list{display:flex;flex-direction:column;gap:10px}.lcu-loading{color:var(--text-muted);font-size:.85rem}.lcu-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--glass-border);border-radius:16px;background:var(--glass);cursor:pointer;text-align:left;transition:all .2s ease}.lcu-row:hover{border-color:var(--accent, #2563eb);box-shadow:var(--shadow-soft)}.lcu-row.is-selected{border-color:var(--accent, #2563eb);background:#2563eb14}.lcu-row-main strong{display:block;font-size:.9rem;color:var(--text-main)}.lcu-row-main span{display:block;margin-top:4px;font-size:.75rem;color:var(--text-muted)}.lcu-pill{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;background:#3b82f61f;color:#2563eb}.lcu-empty{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:16px;background:var(--bg-muted);color:var(--text-muted);font-size:.85rem}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.knowledge-test-selector{animation:fadeIn .3s ease}.kc-setup-section{margin-bottom:20px}.kc-bank-options,.kc-setup-options,.kc-default-level-options{display:flex;flex-direction:column;gap:12px}.kc-bank-option,.kc-setup-option,.kc-default-level-option{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s ease}.kc-bank-option:hover,.kc-setup-option:hover,.kc-default-level-option:hover{background:#f5f5f5;border-color:#007bff}.kc-bank-option input:checked+.kc-bank-option-content,.kc-setup-option input:checked+span,.kc-default-level-option input:checked+.kc-level-chip{border-color:#007bff;background:#f8f9ff}.kc-level-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500;border:2px solid transparent;transition:all .2s ease}.kc-level-chip .kc-level-num{font-weight:700;font-size:16px}.kc-level-hint{font-size:12px;color:#999;margin-left:8px}.kc-setup-hint{font-size:12px;color:#666;margin-top:8px}.scan-results-container{max-height:400px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.scan-result-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #f0f0f0}.scan-result-item:last-child{border-bottom:none}.scan-confidence-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.scan-confidence-high{background:#d4edda;color:#155724}.scan-confidence-medium{background:#fff3cd;color:#856404}.scan-confidence-low{background:#f8d7da;color:#721c24}.flag-indicator{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.flag-manual-review{background:#fff3cd;color:#856404}.flag-low-confidence{background:#f8d7da;color:#721c24}.flag-conflict{background:#dc3545;color:#fff}.flag-qr-missing{background:#6c757d;color:#fff}.question-item{transition:transform .2s ease}.question-item:hover{transform:translate(4px)}.file-drop-zone{border:2px dashed #ccc;border-radius:8px;padding:32px;text-align:center;transition:all .2s ease;cursor:pointer}.file-drop-zone:hover{border-color:#007bff;background:#f8f9ff}.file-drop-zone.drag-over{border-color:#007bff;background:#f8f9ff;transform:scale(1.02)}.pdf-export-progress{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa;border-radius:8px;margin-top:16px}.pdf-export-spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.knowledge-check-mode-selector,.lesson-check-selector,.knowledge-test-selector{max-width:95%;padding:24px}.mode-button{flex-direction:column;text-align:center}.kc-default-level-options{flex-direction:column}.scan-results-container{max-height:300px}}.lc-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#070a14b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2200;opacity:0;transition:opacity .25s ease}.lc-backdrop.is-visible{opacity:1}.lc-modal{width:min(1100px,95vw);max-height:90vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#0f172af5,#1e293be6);border:1px solid rgba(148,163,184,.3);border-radius:26px;box-shadow:0 40px 80px #00000080;overflow:hidden;transform:translateY(18px) scale(.98);opacity:0;transition:transform .3s ease,opacity .3s ease}.lc-backdrop.is-visible .lc-modal{transform:translateY(0) scale(1);opacity:1}.lc-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 28px 16px;border-bottom:1px solid rgba(148,163,184,.2)}.lc-modal-header h2{margin:6px 0;color:#fff;font-size:1.4rem;font-weight:700}.lc-eyebrow{margin:0;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#94a3b8e6}.lc-subtitle{margin:0;color:#e2e8f0cc;font-size:.9rem}.lc-close{border:none;background:#ffffff1a;color:#fff;width:36px;height:36px;border-radius:12px;font-size:1.4rem;cursor:pointer;transition:all .2s ease}.lc-close:hover{background:#fff3}.lc-modal-body{padding:20px 28px 24px;overflow:auto;display:grid;gap:20px}.lc-setup-section{display:grid;gap:12px}.lc-section-title{display:flex;align-items:center;gap:10px}.lc-section-title span{width:26px;height:26px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#60a5fa2e;color:#bfdbfe;font-size:.8rem;font-weight:700}.lc-section-title h3{margin:0;font-size:1rem;color:#f8fafc}.lc-view-toggle{display:inline-flex;gap:6px;padding:4px;border-radius:999px;background:#ffffff14;border:1px solid rgba(148,163,184,.3)}.lc-view-btn{border:none;background:transparent;color:#ffffffb3;font-size:.8rem;font-weight:600;padding:8px 16px;border-radius:999px;cursor:pointer}.lc-view-btn.is-active{background:#ffffff2e;color:#fff}.lc-bank-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.lc-bank-option{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:#0f172a66;border:1px solid rgba(148,163,184,.25);cursor:pointer;transition:all .2s ease}.lc-bank-option:hover{border-color:#60a5fa80;background:#1e293b99}.lc-bank-option input{margin-top:4px;accent-color:#60a5fa}.lc-bank-option input:checked+.lc-bank-content{color:#fff}.lc-bank-content{display:flex;flex-direction:column;gap:4px;color:#e2e8f0d9;font-size:.85rem}.lc-bank-content strong{font-size:.95rem;color:#f8fafc}.lc-tree-wrapper{background:#0f172a59;border:1px solid rgba(148,163,184,.2);border-radius:18px;padding:12px}.lc-tree{max-height:260px;overflow:auto;display:grid;gap:8px}.lc-empty,.lc-tree-empty{padding:12px;color:#e2e8f0b3;font-size:.85rem}.lc-node summary{list-style:none;cursor:pointer}.lc-node summary::-webkit-details-marker{display:none}.lc-node-label{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;color:#e2e8f0e6;transition:background .2s ease}.lc-node-label:hover{background:#ffffff0d}.lc-node-label input{accent-color:#60a5fa}.lc-node-title{font-size:.85rem;font-weight:600;flex:1}.lc-node-count{font-size:.7rem;color:#94a3b8cc;background:#0f172a73;padding:2px 8px;border-radius:999px}.lc-node-tag{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:2px 6px;border-radius:999px;background:#38bdf833;color:#bae6fd}.lc-node-children{margin-left:18px;padding-left:10px;border-left:1px dashed rgba(148,163,184,.25);display:grid;gap:6px}.lc-tree-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;font-size:.8rem;color:#e2e8f0cc}.lc-toolbar-actions{display:flex;gap:8px}.lc-tree-toolbar button{border:none;background:#ffffff14;color:#e2e8f0e6;padding:6px 12px;border-radius:999px;font-size:.75rem;cursor:pointer;transition:background .2s ease}.lc-tree-toolbar button:hover{background:#ffffff2e}.lc-selection-count{font-weight:600}.lc-toggle{display:inline-flex;align-items:center;gap:10px;font-size:.85rem;color:#e2e8f0d9}.lc-toggle input{width:18px;height:18px;accent-color:#60a5fa}.lc-default-levels{display:flex;flex-wrap:wrap;gap:10px}.lc-level-option input{display:none}.lc-level-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:2px solid var(--mastery-border);background:var(--mastery-bg);color:var(--mastery-color);font-size:.8rem;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.lc-level-option input:checked+.lc-level-chip{box-shadow:0 0 12px var(--mastery-color);transform:translateY(-1px)}.lc-level-num{font-weight:700;font-size:.85rem}.lc-level-label{font-weight:600}.lc-hint{margin:0;font-size:.75rem;color:#e2e8f0a6}.lc-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 28px 22px;border-top:1px solid rgba(148,163,184,.2);background:#0f172a99}.lc-footer-meta{font-size:.75rem;color:#e2e8f0b3;display:inline-flex;gap:6px;align-items:center}.lc-footer-divider{opacity:.4}.lc-footer-actions{display:flex;gap:10px;align-items:center}@media(max-width:800px){.lc-modal{width:100%;max-height:94vh}.lc-modal-header,.lc-modal-body,.lc-modal-footer{padding-left:20px;padding-right:20px}.lc-bank-options{grid-template-columns:1fr}.lc-modal-footer{flex-direction:column;align-items:flex-start;gap:12px}}.sidebar-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:15;opacity:0;pointer-events:none;transition:opacity .3s ease}body:has(.app-sidebar.collapsed.collapsed-open) .sidebar-backdrop{display:block;opacity:1;pointer-events:auto}@media(max-width:600px){.app-container{flex-direction:row}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:80vw;z-index:999;transform:translate(-100%);transition:transform .3s ease;box-shadow:4px 0 12px #0000004d}.app-sidebar:not(.collapsed),.app-sidebar.collapsed.collapsed-open{transform:translate(0)}.app-sidebar:not(.collapsed)~.workspace .sidebar-backdrop,body:has(.app-sidebar:not(.collapsed)) .sidebar-backdrop,.app-sidebar.collapsed.collapsed-open~.workspace .sidebar-backdrop,body:has(.app-sidebar.collapsed.collapsed-open) .sidebar-backdrop{display:block;opacity:1;pointer-events:auto}.app-sidebar.collapsed:not(.collapsed-open){width:280px;transform:translate(-100%)}.app-sidebar.collapsed.collapsed-open .sidebar-nav,.app-sidebar.collapsed.collapsed-open .sidebar-footer{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;position:static!important}.workspace{width:100%;margin-left:0}.app-header{padding:0 12px;height:56px}.header-title{font-size:1.5rem}.header-left{gap:8px;flex:1;min-width:0}.viewer-toggles{gap:4px;flex-wrap:wrap}.viewer-toggles .btn-secondary{padding:6px 8px;font-size:.8rem}.main-content{padding:12px}.split-view{flex-direction:column;padding:12px;gap:12px;min-height:0}.column-resizer{display:none}.panel{min-height:0}.workspace .split-view{height:100%;overflow:hidden}.workspace .split-view .panel{flex:1 1 auto!important;min-height:0;width:100%}.panel-header{height:44px;padding:0 12px}.panel-title{font-size:.85rem}#transcription-content{padding:16px;font-size:.95rem}.drop-content{padding:32px 24px;max-width:100%}.icon-circle{width:60px;height:60px}h3{font-size:1.25rem}.btn-primary{width:100%;padding:12px 20px}.card,.panel,.drop-content{border-radius:var(--radius-sm)}#view-home{padding:16px}table{display:block;overflow-x:auto;white-space:nowrap}.settings-container{padding:16px}.billing-card{padding:20px}.billing-title{font-size:1.5rem}.mark-controls,.mark-actions,.folder-marks-actions{gap:8px}}@media(min-width:601px)and (max-width:900px){.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;z-index:999;transform:translate(-100%);transition:transform .3s ease;box-shadow:4px 0 12px #0000004d}.app-sidebar:not(.collapsed),.app-sidebar.collapsed.collapsed-open{transform:translate(0)}.app-sidebar.collapsed:not(.collapsed-open){transform:translate(-100%)}.app-sidebar.collapsed.collapsed-open .sidebar-nav,.app-sidebar.collapsed.collapsed-open .sidebar-footer{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;position:static!important}.app-sidebar:not(.collapsed)~.workspace .sidebar-backdrop,body:has(.app-sidebar:not(.collapsed)) .sidebar-backdrop,.app-sidebar.collapsed.collapsed-open~.workspace .sidebar-backdrop,body:has(.app-sidebar.collapsed.collapsed-open) .sidebar-backdrop{display:block;opacity:1;pointer-events:auto}.workspace{width:100%;margin-left:0}.app-header{padding:0 20px}.main-content{padding:16px}.split-view{padding:16px;gap:12px}.panel-header{padding:0 14px}#transcription-content{padding:20px}#view-home{padding:24px}}@media(min-width:901px){.app-container{flex-direction:row}.app-sidebar{position:relative;transform:none;box-shadow:none}.sidebar-backdrop{display:none}body:has(.app-sidebar.collapsed.collapsed-open) .sidebar-backdrop{display:block;opacity:1;pointer-events:auto}}@media(max-width:640px){.billing-card{padding:24px}.billing-title{font-size:1.6rem}}