.art-page{--ink:var(--wg-ink);--muted:var(--wg-muted);--line:#cfdef4;--paper:#eaf3ff;--surface:#fff;--teal:#235ad9;--teal-dark:#173f9e;--coral:#b13f72;--gold:#ac7804;--sage:#edf4ff;--mat:#edf4ff;--mat-deep:#d8e7fb;--shadow:0 8px 0 #d3e2f7;--soft-shadow:0 3px 0 #d3e2f7;--focus:0 0 0 3px #235ad933}.art-page .app-shell{width:min(1180px,calc(100% - 64px));padding:27px 0 0}.art-page .topbar{padding:0 0 24px;grid-template-columns:1fr auto auto;gap:20px}.art-page .brand-lockup{gap:12px}.art-page .art-brand-icon{display:grid;place-items:center;font-size:2.6rem;width:63px;height:66px;border-radius:18px;background:#ffe3ed;transform:rotate(-5deg)}.art-page h1{font-size:2.4rem;line-height:1.1}.art-page .eyebrow{font-size:.75rem;letter-spacing:.09em;color:#507097;margin-bottom:6px}.art-page .stat-strip{width:auto;gap:7px}.art-page .stat-strip div,.art-page .quiz-score div{border:1px solid #d8e4f7;border-radius:12px;background:#f4f8ff;padding:9px 14px}.art-page .stat-strip span,.art-page .quiz-score span{font-family:var(--wg-display);font-weight:500;font-size:1.3rem}.art-page small{font-size:.8rem}.art-page .view-switch{border:2px solid #d5e2f8;border-radius:15px;box-shadow:none;padding:4px;grid-template-columns:1fr 1fr}.art-page .view-tab{border-radius:10px;min-height:42px;padding:9px 15px;font-weight:900}.art-page .view-tab.is-active{background:var(--wg-blue);color:white}.art-page .play-view{padding-top:0;min-height:0}.art-page .play-grid{grid-template-columns:minmax(0,1060px)}.art-page .surface{border:2px solid #cfdef4;border-radius:27px;box-shadow:0 8px 0 #d3e2f7;background:white}.art-page .quiz-panel,.art-page .library-panel{padding:27px}.art-page .panel-heading h2{font-size:1.65rem}.art-page button,.art-page .button{border-radius:13px;min-height:45px;padding:10px 15px;font-size:.95rem;border-color:#cbdcf5;color:var(--wg-ink);font-weight:800;background:white}.art-page .primary{background:var(--wg-blue);color:white;border:2px solid #1c4ab6;border-bottom:5px solid #173f9e;border-radius:14px}.art-page .primary:hover{background:#194dc8}.art-page .view-tab{border:0}.art-page .view-tab.is-active{color:white}.art-page .danger{color:#a42852;border-color:#edbbca;background:#fff4f7}.art-page .quiz-controls{background:#edf4ff;border-radius:15px;border-color:#d8e4f8}.art-page .quiz-controls label{border-radius:11px;font-size:.95rem;font-weight:900}.art-page .quiz-controls input:checked+label{background:#ffcf55;color:#594200;border-color:#e1b335;box-shadow:0 3px 0 #d9a92d}.art-page .quiz-setup-row{padding-top:10px}.art-page .field span{font-size:.85rem;font-weight:800}.art-page input,.art-page select{border-color:#c7d7ef;border-radius:10px;min-height:42px;background:white;font-size:1rem}.art-page .quiz-body{margin-top:18px;gap:25px}.art-page .quiz-stage{border:2px solid #d9e5f7;border-radius:19px;background:#edf4ff;box-shadow:none}.art-page .quiz-stage::before,.art-page .quiz-stage::after{display:none}.art-page .quiz-stage img{border-radius:12px;box-shadow:0 4px 16px #1832551c}.art-page .question-text{font-family:var(--wg-display);font-size:1.45rem;font-weight:500;line-height:1.3;color:var(--wg-ink)}.art-page .answer-grid button{padding-left:52px;min-height:57px;border-radius:14px;border:2px solid #d3e0f7;border-bottom:4px solid #c3d5f1;text-align:left;justify-content:flex-start;font-size:1rem;font-weight:800;background:#f4f8ff;line-height:1.35}.art-page .answer-grid button:hover:not(:disabled){background:#e9f1ff;border-color:#87acec}.art-page .answer-grid button.correct{background:#e4f7eb;border-color:#71b491;color:#196346}.art-page .answer-grid button.wrong{background:#ffe8ee;border-color:#e89ab3;color:#9c3454}.art-page .feedback{font-size:1rem}.art-page .library-section{border-color:#d4e1f5;border-radius:17px;background:#f7faff}.art-page .upload-section{background:#fff9e7}.art-page .review-section{background:#f3f7ff}.art-page .batch-bar{border-color:#d4e1f5;border-radius:15px;background:#edf4ff}.art-page .filter-chip{border-radius:12px;background:white;font-size:.85rem;min-height:38px}.art-page .filter-chip.is-active{background:var(--wg-blue);color:white;border-color:var(--wg-blue)}.art-page .table-wrap{border-color:#d4e1f5;border-radius:15px}.art-page th{background:#eaf2ff;color:#4f698c;font-size:.8rem}.art-page td{border-color:#e2eaf7}.art-page .toast{background:#183255;border-radius:13px;font-family:var(--wg-body)}.art-page .wg-footer{margin-top:26px}.art-page .app-main{min-height:0}.art-page .quiz-stage canvas{max-width:100%;border-radius:14px}.art-page .wg-nav a{line-height:1.5}.art-page .wg-brand{color:var(--wg-ink)}@media(max-width:1000px){.art-page .topbar{grid-template-columns:1fr auto}.art-page .stat-strip{grid-column:1/-1;display:flex;justify-content:center;width:100%}.art-page .stat-strip div{display:flex;align-items:baseline;gap:7px;padding:6px 13px}.art-page .stat-strip small{margin:0}.art-page .quiz-panel{padding:23px}}@media(max-width:700px){.art-page .app-shell{width:calc(100% - 28px);padding-top:23px}.art-page h1{font-size:1.85rem}.art-page .art-brand-icon{width:49px;height:53px;font-size:2rem}.art-page .topbar{gap:14px;padding-bottom:20px}.art-page .brand-lockup{gap:9px}.art-page .view-tab{padding:8px 12px;font-size:.85rem}.art-page .eyebrow{font-size:.65rem;letter-spacing:.04em}.art-page .surface{border-radius:22px}.art-page .quiz-panel,.art-page .library-panel{padding:18px}.art-page .panel-heading h2{font-size:1.4rem}.art-page .panel-heading{gap:14px}.art-page .panel-heading>.primary{white-space:nowrap;padding:10px 13px}.art-page .quiz-body{gap:19px}.art-page .quiz-stage{min-height:240px;padding:12px}.art-page .quiz-controls label{font-size:.9rem}.art-page .answer-grid button{font-size:.95rem}.art-page .library-heading{margin-bottom:18px}.art-page .table-wrap{overflow:visible;border:0}.art-page .table-wrap table{min-width:0}.art-page tbody tr:not(.empty-row){border-radius:15px;border-color:#cfdef4}.art-page .thumb{border-radius:10px}.art-page .stat-strip div{padding:5px 10px}.art-page .wg-footer{width:calc(100% - 36px)}}