:root{color:#25302a;font-synthesis:none;text-rendering:optimizelegibility;--ink:#26342c;--ink-2:#496153;--paper:#f7f2e7;--paper-2:#eee5d2;--red:#a43e2f;--red-dark:#803025;--green:#3c6d58;--gold:#bd8a43;--line:#3c443b26;--shadow:0 18px 50px #2f291f1f;background:#eee9dd;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#eee9dd;min-width:320px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}img{max-width:100%}::selection{background:#a43e2f33}.eyebrow{color:var(--red);letter-spacing:.18em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:800}.button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 17px;font-weight:700;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.button svg{width:18px;height:18px}.button:not(:disabled):active{transform:scale(.98)}.button.primary{color:#fffaf1;background:var(--red);box-shadow:0 8px 22px #a43e2f33}.button.primary:hover{background:var(--red-dark)}.button.ghost{color:var(--ink);border-color:var(--line);background:0 0}.button.ghost:hover{background:#465b4e0f}.button.soft{color:var(--green);background:#e7efe9;border-color:#cfddd3}.button.soft.warning{color:#8b632e;background:#f6edda;border-color:#e8d6af}.button.soft.danger{color:#963e33;background:#f6e5e1;border-color:#eac9c2}.button.wide{width:100%}.button.text-danger{color:#a14337;background:0 0;padding-inline:10px}.icon-button{width:42px;height:42px;color:var(--ink);border:1px solid var(--line);background:#ffffff8f;border-radius:10px;place-items:center;display:inline-grid}.icon-button svg{width:19px}.icon-button.subtle{background:0 0;width:34px;height:34px}.icon-button.danger{color:#a33d31}.form-error,.admin-inline-error{color:#8e3027;background:#f8e7e2;border:1px solid #e9c9c1;border-radius:8px;margin:8px 0;padding:9px 12px;font-size:13px}.form-error.centered{text-align:center}.paper-card,.admin-card{box-shadow:var(--shadow);background:#fdfaf2eb;border:1px solid #5c4e3721;border-radius:16px}.mini-seal{color:#fff5e8;background:var(--red);border-radius:5px;place-items:center;width:36px;height:36px;font-family:STKaiti,KaiTi,serif;font-size:22px;display:inline-grid;box-shadow:inset 0 0 0 2px #ffffff4d}.ink-loader{border:2px solid #344b3e29;border-top-color:var(--red);border-radius:50%;width:25px;height:25px;animation:.8s linear infinite spin;display:inline-block}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.entry-page{color:#243029;background:radial-gradient(circle at 12% 12%,#b7905029,#0000 32%),linear-gradient(120deg,#e5dcc8 0 55%,#d1c2a4 55% 100%);min-height:100dvh;padding:30px clamp(24px,5vw,78px) 20px;position:relative;overflow:hidden}.entry-texture{opacity:.22;pointer-events:none;background-image:repeating-linear-gradient(8deg,#493d2a0a 0 1px,#0000 1px 14px),repeating-linear-gradient(96deg,#ffffff26 0 1px,#0000 1px 18px);position:absolute;inset:0}.entry-page:before{content:"";border:1px solid #4f3c241f;width:390px;height:620px;position:absolute;top:10%;right:11%;transform:rotate(3deg)}.entry-header,.entry-hero,.entry-footer{z-index:1;position:relative}.entry-header{align-items:center;gap:14px;max-width:1320px;margin:0 auto;display:flex}.brand-mark{border:2px solid var(--red);place-items:center;width:54px;height:54px;padding:5px;display:grid;transform:rotate(-2deg)}.brand-mark span{background:var(--red);color:#fff5e5;place-items:center;width:100%;height:100%;font:30px STKaiti,KaiTi,serif;display:grid}.entry-header .eyebrow{margin-bottom:1px;font-size:9px}.entry-header h1{letter-spacing:.18em;margin:0;font:700 27px STKaiti,KaiTi,serif}.entry-hero{grid-template-columns:1.05fr .8fr;align-items:center;gap:clamp(45px,8vw,120px);max-width:1200px;min-height:calc(100dvh - 145px);margin:0 auto;display:grid}.entry-story{padding-bottom:30px}.hero-kicker{border-left:3px solid var(--red);color:var(--red-dark);letter-spacing:.15em;background:#fffaee5c;margin:0 0 22px;padding:7px 14px;font:600 15px STKaiti,KaiTi,serif;display:inline-flex}.entry-story h2{color:#26362d;letter-spacing:.05em;margin:0;font:700 clamp(43px,5vw,68px)/1.28 STKaiti,KaiTi,Songti SC,serif}.hero-copy{color:#596359;max-width:560px;margin:25px 0 28px;font-size:16px;line-height:1.9}.feature-row{flex-wrap:wrap;gap:9px;display:flex}.feature-row div{color:#4b5f53;background:#f7f2e775;border:1px solid #42534826;border-radius:9px;align-items:center;gap:7px;padding:9px 13px;font-size:13px;font-weight:650;display:flex}.entry-card{-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);justify-self:end;width:min(100%,470px);padding:30px}.card-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:21px;display:flex}.card-heading h3{margin:0;font-size:21px}.session-indicator{color:#737c74;background:#ecebe5;border-radius:99px;flex:none;align-items:center;gap:6px;padding:6px 9px;font-size:11px;font-weight:700;display:inline-flex}.session-indicator i{background:#9b9d97;border-radius:50%;width:7px;height:7px}.session-indicator.is-live{color:#2f6b53;background:#e4f0e8}.session-indicator.is-live i{background:#398665;animation:1.8s infinite pulse;box-shadow:0 0 0 4px #3986651f}@keyframes pulse{50%{box-shadow:0 0 0 7px #39866500}}.identity-form{padding-top:22px}.select-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.identity-form label>span,.admin-login-form label>span,.admin-form-modal label>span{color:#59645d;margin:0 0 6px;font-size:12px;font-weight:700;display:block}.identity-form select,.identity-form input,.admin-login-form input,.admin-form-modal input,.admin-form-modal textarea,.admin-form-modal select{width:100%;color:var(--ink);background:#ffffffbf;border:1px solid #454d442e;border-radius:9px;outline:0;transition:border .15s,box-shadow .15s}.identity-form select{height:47px;padding:0 9px}.name-field{margin-top:14px;display:block}.identity-form input{height:50px;padding:0 14px;font-size:16px}.identity-form select:focus,.identity-form input:focus,.admin-login-form input:focus,.admin-form-modal input:focus,.admin-form-modal textarea:focus,.admin-form-modal select:focus{border-color:#a43e2f8c;box-shadow:0 0 0 3px #a43e2f17}.entry-submit{height:50px;margin-top:18px}.privacy-note{color:#7b807a;justify-content:center;align-items:center;gap:6px;margin:13px 0 0;font-size:11px;display:flex}.entry-loading,.waiting-panel{color:#6c746d;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:260px;display:flex}.resume-panel{text-align:center;padding-top:25px}.identity-seal{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 13px;display:grid}.resume-panel p{color:#717870;margin:0 0 5px;font-size:13px}.resume-panel strong{margin-bottom:20px;display:block}.waiting-rings{width:52px;height:52px;position:relative}.waiting-rings span{border:1px solid var(--red);border-radius:50%;animation:2.1s infinite waiting;position:absolute;inset:0}.waiting-rings span:nth-child(2){animation-delay:.7s}.waiting-rings span:nth-child(3){animation-delay:1.4s}@keyframes waiting{0%{opacity:0;transform:scale(.25)}35%{opacity:.6}to{opacity:0;transform:scale(1.3)}}.entry-footer{color:#25302994;justify-content:space-between;max-width:1320px;margin:-8px auto 0;font-size:11px;display:flex}.entry-footer a{text-underline-offset:3px;text-decoration:underline}.intro-page{background:#eee8da;min-height:100dvh}.student-simple-header,.submitted-header{background:#f7f2e7d1;border-bottom:1px solid #413d311f;justify-content:space-between;align-items:center;height:68px;padding:0 clamp(18px,4vw,55px);display:flex}.student-simple-header>div,.submitted-header .creation-brand{align-items:center;gap:11px;display:flex}.identity-chip{color:#526157;background:#e2e8e1;border-radius:99px;padding:7px 12px;font-size:12px}.intro-content{text-align:center;max-width:1050px;margin:0 auto;padding:42px 28px 45px}.intro-title h1{letter-spacing:.06em;margin:0;font:700 38px STKaiti,KaiTi,serif}.intro-title>p:last-child{color:#677168;margin:10px 0 0}.gesture-grid{text-align:left;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0 22px;display:grid}.gesture-grid article{background:#fffcf4d1;border:1px solid #5046321f;border-radius:12px;gap:13px;min-height:126px;padding:18px;display:flex}.gesture-grid article>span{height:40px;color:var(--red);background:#f4e4da;border-radius:50%;flex:0 0 40px;place-items:center;display:grid}.gesture-grid b{font-size:15px}.gesture-grid p{color:#687168;margin:7px 0 0;font-size:12px;line-height:1.65}.intro-lower{text-align:left;grid-template-columns:1.1fr .9fr;gap:14px;display:grid}.verse-card,.rubric-card{border-radius:13px;min-height:180px;padding:20px}.verse-card{color:#f3e9d6;background:#3e5549;gap:17px;display:flex}.verse-mark{border:1px solid #ffffff80;flex:0 0 48px;place-items:center;height:48px;font:28px STKaiti,KaiTi,serif;display:grid}.verse-card .eyebrow{color:#d6ad69}.verse-card p:not(.eyebrow){letter-spacing:.05em;margin:7px 0;font:16px STKaiti,KaiTi,serif}.rubric-card{background:#f9f5eb;border:1px solid #4843331f}.rubric-heading{color:var(--red);align-items:center;gap:8px;margin-bottom:10px;display:flex}.rubric-row{border-top:1px solid var(--line);grid-template-columns:80px 1fr;gap:9px;padding:10px 0;display:grid}.rubric-row b{font-size:13px}.rubric-row span{color:#6a716b;font-size:12px;line-height:1.6}.start-creation{min-width:210px;height:52px;margin-top:28px;font-size:16px}.start-note{color:#7b817b;margin:9px 0 0;font-size:11px}.countdown-overlay,.modal-backdrop,.locking-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#191f1bc7;place-items:center;display:grid;position:fixed;inset:0}.countdown-disc{color:#f7edda;background:#9d3b2d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:240px;height:240px;display:flex;box-shadow:0 0 0 15px #ffffff12,0 30px 80px #0000004d}.countdown-disc strong{font:700 110px/1 STKaiti,KaiTi,serif;animation:.72s countPop}.countdown-disc strong.go-text{font-size:67px}.countdown-disc span{letter-spacing:.18em;margin-top:4px;font-size:13px}@keyframes countPop{0%{opacity:.1;transform:scale(.65)}to{opacity:1;transform:scale(1)}}.page-loader{color:#687269;background:#eee8da;place-content:center;justify-items:center;gap:12px;min-height:100dvh;display:grid}.create-page{color:#253229;background:#d7cfbd;height:100dvh;min-height:620px;overflow:hidden}.creation-header{z-index:20;background:#f7f2e7;border-bottom:1px solid #423e3226;grid-template-columns:minmax(170px,1fr) auto auto auto auto;align-items:center;gap:16px;height:70px;padding:0 16px;display:grid;position:relative;box-shadow:0 3px 12px #3a2f1f14}.creation-brand{align-items:center;gap:10px;display:flex}.creation-brand>div{min-width:0}.creation-brand strong{letter-spacing:.12em;font:20px STKaiti,KaiTi,serif;display:block}.creation-brand small{text-overflow:ellipsis;white-space:nowrap;color:#7c827d;max-width:190px;font-size:10px;display:block;overflow:hidden}.creator-identity{border-left:1px solid var(--line);padding-left:16px}.creator-identity span,.creator-identity b{display:block}.creator-identity span{color:#7d837d;font-size:10px}.creator-identity b{margin-top:3px;font-size:12px}.history-controls{align-items:center;gap:5px;display:flex}.toolbar-button{color:#556159;background:0 0;border-radius:8px;align-items:center;gap:5px;min-height:38px;padding:0 9px;font-size:12px;display:inline-flex}.toolbar-button:hover{background:#ebe7dc}.toolbar-button svg{width:16px}.save-indicator{color:#54715f;align-items:center;gap:5px;margin-left:5px;font-size:10px;display:inline-flex}.save-indicator svg{width:14px}.save-indicator.offline{color:#a14639}.creation-timer{color:#34483c;text-align:center;font-variant-numeric:tabular-nums;background:#e6ece6;border-radius:10px;min-width:104px;padding:6px 13px}.creation-timer span{letter-spacing:.1em;font-size:9px;display:block}.creation-timer strong{margin-top:-1px;font-size:22px;display:block}.creation-timer.danger{color:#9b352c;background:#f4e1dc}.creation-timer.critical{animation:.75s infinite alternate timerPulse}@keyframes timerPulse{to{transform:scale(1.05);box-shadow:0 0 0 6px #a43e2f14}}.submit-button{color:#fff7ea;background:var(--red);min-height:43px}.editor-layout{grid-template-columns:225px minmax(300px,1fr) 255px;height:calc(100dvh - 70px);transition:grid-template-columns .2s;display:grid}.editor-layout.left-closed{grid-template-columns:45px minmax(300px,1fr) 255px}.editor-layout.right-closed{grid-template-columns:225px minmax(300px,1fr) 45px}.editor-layout.left-closed.right-closed{grid-template-columns:45px minmax(300px,1fr) 45px}.editor-panel{z-index:5;background:#f5efe2;min-width:0;position:relative;overflow:hidden}.material-panel{border-right:1px solid #37332924}.property-panel{border-left:1px solid #37332924}.editor-panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:69px;padding:13px 13px 10px 16px;display:flex}.editor-panel-heading strong{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:13px;display:block;overflow:hidden}.panel-kicker{color:var(--red);letter-spacing:.16em;margin-bottom:2px;font:12px STKaiti,KaiTi,serif;display:block}.panel-help{color:#778078;align-items:center;gap:5px;margin:11px 12px 8px;font-size:10px;display:flex}.material-grid{touch-action:pan-y;grid-template-columns:repeat(2,1fr);gap:8px;max-height:calc(100% - 150px);padding:2px 10px 16px;display:grid;overflow-y:auto}.material-tile{color:#48554d;touch-action:none;-webkit-user-select:none;user-select:none;background:#fffaf0;border:1px solid #4f432e1f;border-radius:9px;min-width:0;padding:5px 5px 7px;position:relative}.material-tile:not(:disabled):hover{border-color:#a43e2f73;transform:translateY(-1px);box-shadow:0 6px 16px #41321c17}.material-thumb{background:#eee6d5;border-radius:6px;place-items:center;height:72px;display:grid;overflow:hidden}.material-thumb img{object-fit:contain;pointer-events:none;width:100%;height:100%}.material-name{text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10px;font-weight:700;display:block;overflow:hidden}.material-tile.is-used{filter:grayscale(.8);opacity:.56}.used-badge{color:#fff;background:#52685b;border-radius:4px;padding:3px 5px;font-size:8px;position:absolute;top:4px;right:4px}.palette-tip{color:#6c736d;background:#e8e1d3;border-radius:8px;padding:9px;font-size:9px;line-height:1.5;position:absolute;bottom:9px;left:11px;right:11px}.palette-tip span{color:var(--red);margin-right:5px;font-weight:800}.canvas-area{background:radial-gradient(circle at 50% 46%,#e9e1d0,#cbc0aa);place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.canvas-area:before{content:"";opacity:.28;pointer-events:none;background-image:repeating-linear-gradient(92deg,#46392409 0 1px,#0000 1px 15px);position:absolute;inset:0}.canvas-caption{z-index:2;color:#626e66;align-items:center;gap:9px;display:flex;position:absolute;top:11px;left:16px}.canvas-caption span{color:#fff1df;background:#78543c;border-radius:4px;place-items:center;width:31px;height:31px;font:15px STKaiti,KaiTi,serif;display:grid}.canvas-caption p{letter-spacing:.08em;margin:0;font:12px STKaiti,KaiTi,serif}.canvas-display{z-index:1;filter:drop-shadow(0 16px 18px #342b1e38);position:relative}.canvas-scale-inner{transform-origin:0 0;width:540px;height:960px}.canvas-scale-inner canvas{touch-action:none!important}.canvas-status{z-index:2;color:#606c64;align-items:center;gap:7px;font-size:9px;display:flex;position:absolute;bottom:10px;right:16px}.canvas-status span{color:#fff5e8;background:#36453bd6;border-radius:5px;padding:5px 7px}.canvas-status i{background:#3c463d40;width:1px;height:12px}.reopen-panel{color:#58665d;border-inline:1px solid var(--line);background:#f2ecdf;flex-direction:column;align-items:center;gap:9px;height:100%;padding-top:18px;display:flex}.reopen-panel svg{width:18px}.reopen-panel span{writing-mode:vertical-rl;letter-spacing:.15em;font-size:11px}.property-empty{text-align:center;color:#858b85;place-content:center;justify-items:center;height:calc(100% - 70px);display:grid}.property-empty>span{color:#a5aaa4;background:#e8e2d6;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.property-empty p{font-size:11px;line-height:1.8}.property-content{height:calc(100% - 69px);padding:17px 16px;overflow-y:auto}.slider-field{margin-bottom:22px;display:block}.property-label{color:#56635b;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:11px;font-weight:700;display:flex}.property-label>span{align-items:center;gap:5px;display:inline-flex}.slider-value{color:var(--red);font-variant-numeric:tabular-nums}.tiny-action{color:#67736b;background:0 0;padding:2px}.slider-field input[type=range],.brush-size input{width:100%;accent-color:var(--red);touch-action:pan-x}.property-section{border-top:1px solid var(--line);padding-top:12px}.layer-grid{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.layer-grid button{color:#4d5b52;background:#ebe6db;border:1px solid #484a401a;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:46px;font-size:10px;display:flex}.layer-grid button:active{background:#ded6c7}.delete-item-button{color:#9c4035;background:#f3e2de;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:41px;margin-top:18px;font-size:11px;display:flex}.material-drag-ghost{z-index:80;pointer-events:none;background:#fffaf0f2;border:1px solid #a43e2f73;border-radius:10px;width:94px;padding:7px;position:fixed;transform:translate(-50%,-50%);box-shadow:0 16px 34px #271f1540}.material-drag-ghost img{object-fit:contain;width:80px;height:70px}.material-drag-ghost span{text-align:center;font-size:10px;font-weight:700;display:block}.quick-layer-menu{z-index:90;color:#eee7d8;background:#26352d;border-radius:12px;grid-template-columns:repeat(2,1fr);gap:5px;width:210px;padding:8px;display:grid;position:fixed;transform:translate(-50%,-105%);box-shadow:0 18px 40px #00000047}.quick-layer-menu>div{border-bottom:1px solid #ffffff1f;grid-column:1/-1;align-items:center;gap:6px;padding:4px 4px 7px;font-size:11px;display:flex}.quick-layer-menu>div button{color:#fff;background:0 0;margin-left:auto}.quick-layer-menu>button{color:#ede5d5;background:#ffffff14;border-radius:7px;min-height:36px;font-size:10px}.submit-dialog{text-align:center;width:min(92vw,480px);color:var(--ink);background:#faf4e8;border-radius:17px;padding:36px;position:relative;box-shadow:0 30px 80px #0000004d}.dialog-close{color:#687169;background:0 0;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:14px;right:14px}.dialog-close svg{width:18px}.dialog-seal{color:#fff5e8;background:var(--red);border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 15px;font:28px STKaiti,KaiTi,serif;display:grid}.submit-dialog h2{margin:0 0 10px;font:28px STKaiti,KaiTi,serif}.submit-dialog>p:not(.eyebrow){color:#6b736c;font-size:13px;line-height:1.7}.dialog-summary{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:20px 0;display:grid}.dialog-summary span{color:#747a74;border-right:1px solid var(--line);padding:13px 5px;font-size:10px}.dialog-summary span:last-child{border:0}.dialog-summary b{color:var(--ink);font-size:18px;display:block}.dialog-actions{justify-content:flex-end;gap:9px;display:flex}.locking-overlay{z-index:120;color:#f6edde;text-align:center}.locking-overlay h2{margin:18px 0 4px;font:28px STKaiti,KaiTi,serif}.locking-overlay p{color:#cbcfc9;font-size:12px}.locking-overlay .ink-loader{border-color:#d9ac69 #ffffff29 #ffffff29;width:42px;height:42px}.locking-overlay .button{margin-top:12px}.submitted-page{background:linear-gradient(130deg,#263b31 0 48%,#d6c7aa 48%);min-height:100dvh;position:relative;overflow:hidden}.submitted-glow{filter:blur(50px);background:#fff3d229;border-radius:50%;width:560px;height:560px;position:absolute;top:12%;right:4%}.submitted-header{z-index:2;color:#efe8d9;background:#1c2c24eb;border-color:#ffffff1a;position:relative}.submitted-header .button{color:#ece6d8;border-color:#ffffff2e}.submitted-content{z-index:1;grid-template-columns:1fr .72fr;align-items:center;gap:100px;max-width:1160px;min-height:calc(100dvh - 68px);margin:0 auto;padding:42px;display:grid;position:relative}.success-copy{color:#eee7d8}.success-icon{color:#243c30;background:#d8b365;border-radius:50%;place-items:center;width:60px;height:60px;display:grid}.success-icon svg{width:31px}.success-copy .eyebrow{color:#d8b365;margin-top:22px}.success-copy h1{letter-spacing:.04em;margin:0;font:44px STKaiti,KaiTi,serif}.success-copy>p:not(.eyebrow){color:#bfc8c1;line-height:1.9}.download-own{width:220px;margin-top:16px;background:#bc8a43!important}.completion-note{color:#c9d0ca;background:#ffffff12;border-left:3px solid #c89b51;align-items:flex-start;gap:9px;max-width:480px;margin-top:28px;padding:14px;font-size:12px;line-height:1.6;display:flex}.submitted-art-frame{background:#aa8959;justify-self:center;width:min(100%,390px);padding:13px;position:relative;transform:rotate(1deg);box-shadow:0 30px 70px #00000059}.submitted-art-frame img{aspect-ratio:9/16;object-fit:cover;background:#dfd5bd;width:100%;display:block}.art-plaque{color:#40352a;background:#e8dcc6;padding:11px 14px;position:absolute;bottom:40px;right:-30px;box-shadow:0 8px 22px #0003}.art-plaque span,.art-plaque b{display:block}.art-plaque span{color:#8b8175;font-size:9px}.art-plaque b{font:16px STKaiti,KaiTi,serif}.empty-art{aspect-ratio:9/16;color:#6c665b;background:#e5dac3;place-content:center;justify-items:center;display:grid}.empty-art strong{margin-top:10px}.empty-art p{font-size:11px}.admin-login-page{background:#f2eee5;grid-template-columns:1.08fr .92fr;min-height:100dvh;display:grid}.admin-login-visual{color:#eee5d4;background:radial-gradient(circle at 70% 25%,#c6974d2e,#0000 35%),#263a30;flex-direction:column;justify-content:center;min-height:100dvh;padding:42px 9vw;display:flex;position:relative;overflow:hidden}.admin-login-visual:after{content:"锦";color:#ffffff06;font:500 430px STKaiti,KaiTi,serif;position:absolute;bottom:-130px;right:-30px}.back-student{color:#cbd1cc;align-items:center;gap:6px;font-size:12px;display:flex;position:absolute;top:35px;left:42px}.login-brand{z-index:1;position:relative}.login-brand .brand-mark{border-color:#c8944d;margin-bottom:30px}.login-brand .brand-mark span{background:#aa4032}.login-brand .eyebrow{color:#d3a45d}.login-brand h1{letter-spacing:.08em;margin:0;font:52px STKaiti,KaiTi,serif}.login-brand>p:last-child{color:#bdc5bf}.login-quote{border-left:1px solid #d3a45d80;margin-top:80px;padding-left:28px;position:relative}.login-quote>span{color:#d3a45d;font:40px serif;position:absolute;top:-10px;left:8px}.login-quote p{letter-spacing:.08em;font:19px/1.8 STKaiti,KaiTi,serif}.admin-login-form-wrap{place-items:center;padding:35px;display:grid}.admin-login-form{width:min(100%,410px)}.secure-badge{color:#3d6b57;background:#e0ebe3;border-radius:99px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.admin-login-form h2{margin:20px 0 5px;font-size:32px}.admin-login-form>p{color:#747d76;margin:0 0 28px}.admin-login-form label{margin-bottom:17px;display:block}.admin-login-form input{background:#fff;height:49px;padding:0 14px}.password-input{position:relative}.password-input button{color:#727c75;background:0 0;place-items:center;width:35px;height:35px;display:grid;position:absolute;top:7px;right:8px}.password-input button svg{width:18px}.admin-login-button{height:50px;margin-top:8px}.admin-login-form>small{color:#8a908b;text-align:center;margin-top:14px;display:block}.admin-shell{background:#f0eee8;grid-template-columns:246px 1fr;min-height:100dvh;transition:grid-template-columns .2s;display:grid}.admin-shell.sidebar-collapsed{grid-template-columns:72px 1fr}.admin-sidebar{z-index:30;color:#dce3de;background:#26372e;flex-direction:column;height:100dvh;display:flex;position:sticky;top:0;box-shadow:5px 0 22px #26302a1f}.admin-sidebar-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:11px;height:78px;padding:0 18px;display:flex}.admin-sidebar-brand strong,.admin-sidebar-brand small{display:block}.admin-sidebar-brand strong{letter-spacing:.14em;font:20px STKaiti,KaiTi,serif}.admin-sidebar-brand small{color:#91a097;letter-spacing:.1em;font-size:9px}.admin-sidebar nav{flex-direction:column;gap:3px;padding:14px 10px;display:flex;overflow-y:auto}.admin-sidebar nav a,.admin-sidebar-bottom a,.admin-sidebar-bottom button{color:#aebcb3;white-space:nowrap;background:0 0;border-radius:9px;align-items:center;gap:12px;min-height:42px;padding:0 13px;font-size:12px;display:flex}.admin-sidebar nav a:hover,.admin-sidebar nav a.active,.admin-sidebar-bottom a:hover,.admin-sidebar-bottom button:hover{color:#fff4e3;background:#ffffff17}.admin-sidebar nav a.active{box-shadow:inset 3px 0 #c99049}.admin-sidebar nav svg,.admin-sidebar-bottom svg{flex:0 0 19px}.admin-sidebar-bottom{border-top:1px solid #ffffff14;margin-top:auto;padding:10px}.admin-sidebar-bottom button{width:100%}.collapse-sidebar{color:#485c50;background:#eae7dd;border:1px solid #2c383024;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:absolute;top:89px;right:-12px;box-shadow:0 3px 8px #0000001f}.collapse-sidebar svg{width:14px}.sidebar-collapsed .admin-sidebar span:not(.mini-seal),.sidebar-collapsed .admin-sidebar-brand div{display:none}.sidebar-collapsed .admin-sidebar nav a,.sidebar-collapsed .admin-sidebar-bottom a,.sidebar-collapsed .admin-sidebar-bottom button{justify-content:center;padding:0}.mobile-close,.mobile-menu,.mobile-sidebar-scrim{display:none}.admin-main{min-width:0}.admin-topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#faf8f2f0;justify-content:space-between;align-items:center;height:78px;padding:0 30px;display:flex;position:sticky;top:0}.admin-topbar h1{margin:0;font-size:20px}.admin-topbar p{color:#7b837d;margin:3px 0 0;font-size:10px}.admin-profile{align-items:center;gap:9px;display:flex}.admin-profile strong,.admin-profile small{display:block}.admin-profile strong{font-size:12px}.admin-profile small{color:#8a918b;font-size:9px}.admin-avatar{color:#fff1de;background:#42644f;border-radius:50%;place-items:center;width:36px;height:36px;font:17px STKaiti,KaiTi,serif;display:grid}.admin-page{max-width:1600px;margin:0 auto;padding:24px 28px 45px}.admin-loader{background:#f0eee8}.status-badge{color:#68736b;white-space:nowrap;background:#e9eae6;border-radius:99px;align-items:center;gap:6px;width:max-content;padding:5px 8px;font-size:9px;font-weight:750;display:inline-flex}.status-badge i{background:#8a928c;border-radius:50%;width:6px;height:6px}.status-badge.live{color:#286548;background:#e0efe5}.status-badge.live i{background:#2f865a;box-shadow:0 0 0 3px #2f865a1f}.status-badge.success{color:#376953;background:#e4eee7}.status-badge.success i{background:#45856a}.status-badge.warning{color:#856227;background:#f4ead2}.status-badge.warning i{background:#c1923e}.status-badge.danger{color:#983d33;background:#f4e2de}.status-badge.danger i{background:#ac473a}.status-badge.muted{color:#747b76;background:#e5e6e3}.admin-empty{text-align:center;background:#fbf8f1b3;border:1px dashed #424b4333;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:45px;display:flex}.admin-empty>span{color:#8e968f;background:#e7e7e0;border-radius:50%;place-items:center;width:55px;height:55px;display:grid}.admin-empty h3{margin:15px 0 5px}.admin-empty p{color:#7a837c;margin:0 0 18px;font-size:12px}.admin-error{place-content:center;justify-items:center;gap:15px;min-height:240px;display:grid}.admin-error p{color:#994238}.table-loading,.detail-loading,.chart-loading{color:#79817a;justify-content:center;align-items:center;gap:12px;min-height:300px;display:flex}.admin-card-heading{justify-content:space-between;align-items:flex-start;display:flex}.admin-card-heading h3{margin:0}.admin-card-heading a{color:#65736a;align-items:center;gap:4px;font-size:10px;display:flex}.page-actions-row,.works-results-heading,.detail-nav{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.filter-summary{color:#707b73;align-items:center;gap:8px;font-size:11px;display:flex}.filter-summary b{color:#346149;background:#e3ece5;border-radius:99px;padding:5px 8px;font-size:9px}.dashboard-page{flex-direction:column;gap:16px;display:flex}.live-class-card{padding:22px 24px}.live-class-main{grid-template-columns:1fr 320px;align-items:center;gap:40px;display:grid}.live-class-title h2{margin:10px 0 4px;font-size:24px}.live-class-title p{color:#7a827b;margin:0;font-size:12px}.live-progress>div:first-child{justify-content:space-between;align-items:baseline;display:flex}.live-progress strong{font-size:25px}.live-progress span,.live-progress p{color:#778078;font-size:10px}.progress-track{background:#e4e3db;border-radius:99px;height:7px;margin-top:8px;overflow:hidden}.progress-track i{border-radius:inherit;background:linear-gradient(90deg,#436a56,#c28c45);height:100%;transition:width .4s;display:block}.live-progress p{margin:7px 0 0}.live-class-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:18px;padding-top:13px;display:flex}.live-class-actions>span{color:#8b918c;align-items:center;gap:6px;font-size:9px;display:flex}.metric-grid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.metric-card{border:1px solid var(--line);background:#fbf8f1;border-radius:14px;align-items:center;gap:15px;min-height:128px;padding:20px;display:flex}.metric-icon{border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.metric-card.ink .metric-icon{color:#445d50;background:#e3eae5}.metric-card.blue .metric-icon{color:#41658b;background:#e5ebf2}.metric-card.green .metric-icon{color:#397158;background:#e2ede7}.metric-card.red .metric-icon{color:#a14338;background:#f3e3df}.metric-card p,.metric-card strong,.metric-card small{display:block}.metric-card p{color:#717a73;margin:0;font-size:10px}.metric-card strong{margin:1px 0;font-size:28px}.metric-card small{color:#919791;font-size:9px}.dashboard-columns{grid-template-columns:1.5fr .7fr;gap:16px;display:grid}.recent-card,.quick-observe-card{padding:20px}.recent-list{margin-top:12px}.recent-list>button{text-align:left;width:100%;min-height:56px;color:var(--ink);border-top:1px solid var(--line);background:0 0;grid-template-columns:38px 1fr auto 70px 22px;align-items:center;gap:9px;padding:7px 6px;display:grid}.student-avatar{color:#fff5e7;background:#567160;border-radius:50%;place-items:center;width:34px;height:34px;font:15px STKaiti,KaiTi,serif;display:grid}.recent-name b,.recent-name small{display:block}.recent-name b{font-size:12px}.recent-name small{color:#8a918b;margin-top:2px;font-size:9px}.recent-time{color:#8c928d;font-size:9px}.recent-list svg{color:#849087;width:16px}.submission-donut{--completion:0deg;background:conic-gradient(#3d7259 var(--completion),#e1ded5 0);border-radius:50%;place-items:center;width:150px;height:150px;margin:18px auto;display:grid;position:relative}.submission-donut:before{content:"";background:#faf7ef;border-radius:50%;position:absolute;inset:18px}.submission-donut>div{text-align:center;position:relative}.submission-donut strong,.submission-donut span{display:block}.submission-donut strong{font-size:29px}.submission-donut span{color:#858c86;font-size:9px}.donut-legend{justify-content:center;gap:14px;margin-bottom:17px;display:flex}.donut-legend span{color:#737c75;align-items:center;gap:4px;font-size:9px;display:flex}.donut-legend i{border-radius:50%;width:7px;height:7px}.donut-legend .manual{background:#3d7259}.donut-legend .auto{background:#a8483a}.donut-legend .creating{background:#c7ad78}.dashboard-shortcuts{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.dashboard-shortcuts>a{border:1px solid var(--line);background:#fbf8f1;border-radius:12px;grid-template-columns:38px 1fr 20px;align-items:center;gap:11px;padding:17px;display:grid}.dashboard-shortcuts>a>svg:first-child{color:#a24837;background:#f1e2dc;border-radius:9px;width:38px;height:38px;padding:9px}.dashboard-shortcuts b,.dashboard-shortcuts span{display:block}.dashboard-shortcuts b{font-size:12px}.dashboard-shortcuts span{color:#8b918d;margin-top:3px;font-size:9px}.dashboard-shortcuts>a>svg:last-child{color:#8e9690;width:15px}.dashboard-skeleton>div{background:#e4e1d8;border-radius:15px;height:180px;animation:1.3s infinite alternate skeleton}.dashboard-skeleton section{grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0;display:grid}.dashboard-skeleton span{background:#e4e1d8;border-radius:14px;height:120px}@keyframes skeleton{to{opacity:.5}}.session-list{flex-direction:column;gap:13px;display:flex}.session-card{overflow:hidden}.session-card.active-session{border-color:#36745361;box-shadow:0 15px 40px #2f5c441a}.session-card-main{grid-template-columns:84px 1fr 85px;align-items:center;gap:20px;padding:20px 22px;display:grid}.session-date{color:#775d3e;background:#eee4d1;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;height:74px;display:flex}.session-date svg{width:20px}.session-date span{margin-top:4px;font-size:9px}.session-info h2{margin:8px 0 4px;font-size:18px}.session-info>p{color:#838a84;margin:0;font-size:10px}.session-meta{gap:15px;margin-top:10px;display:flex}.session-meta span{color:#727d75;align-items:center;gap:4px;font-size:9px;display:flex}.session-meta svg{width:13px}.session-completion{text-align:center}.session-completion>div{background:#e4e4dd;border-radius:99px;align-items:flex-end;width:9px;height:54px;margin:0 auto 5px;display:flex;overflow:hidden}.session-completion i{background:#4b715d;width:100%;display:block}.session-completion strong,.session-completion span{display:block}.session-completion strong{font-size:15px}.session-completion span{color:#909690;font-size:8px}.session-card-footer{border-top:1px solid var(--line);background:#f1eee7;justify-content:space-between;align-items:center;padding:11px 18px;display:flex}.session-primary-actions,.session-secondary-actions{gap:7px;display:flex}.session-card-footer .button{min-height:35px;padding:0 11px;font-size:10px}.session-secondary-actions button{color:#6f7972;background:0 0;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.session-secondary-actions button:hover{background:#e2dfd7}.session-secondary-actions svg{width:15px}.admin-modal-backdrop{z-index:200}.admin-form-modal{width:min(92vw,540px);color:var(--ink);background:#faf7ef;border-radius:16px;padding:27px;box-shadow:0 30px 80px #0000004d}.admin-form-modal.compact{width:min(92vw,460px)}.admin-form-modal-heading{justify-content:space-between;margin-bottom:22px;display:flex}.admin-form-modal-heading h2{margin:0}.admin-form-modal-heading>button{background:0 0;place-items:center;width:34px;height:34px;display:grid}.admin-form-modal label{margin-bottom:15px;display:block}.admin-form-modal input,.admin-form-modal textarea,.admin-form-modal select{background:#fff;padding:10px 12px}.admin-form-modal input,.admin-form-modal select{height:45px}.admin-form-modal textarea{resize:vertical}.admin-form-modal label small{color:#898f8a;margin-top:6px;font-size:9px;display:block}.duration-field{align-items:center;gap:15px;display:flex}.duration-field input{padding:0}.duration-field strong{width:70px;color:var(--red)}.works-page{flex-direction:column;gap:13px;display:flex}.works-toolbar{align-items:center;gap:8px;padding:11px;display:flex}.search-box{background:#efede6;border:1px solid #0000;border-radius:9px;flex:1;align-items:center;gap:7px;min-width:220px;height:39px;padding:0 10px;display:flex}.search-box:focus-within{background:#fff;border-color:#a43e2f59}.search-box svg{color:#7e8780;width:16px}.search-box input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.search-box button{color:#909690;background:0 0;padding:3px}.works-toolbar>select,.toolbar-filter-toggle,.process-toolbar select{color:#55625a;border:1px solid var(--line);background:#f3f0e9;border-radius:9px;height:39px;padding:0 10px;font-size:10px}.toolbar-filter-toggle{align-items:center;gap:5px;display:flex}.toolbar-filter-toggle.active{color:#fff;background:#506c5b}.view-switcher{background:#e8e5dd;border-radius:8px;padding:3px;display:flex}.view-switcher button{color:#7b847d;background:0 0;border-radius:6px;place-items:center;width:32px;height:31px;display:grid}.view-switcher button.active{color:#a03c30;background:#fff;box-shadow:0 2px 7px #00000014}.view-switcher svg{width:15px}.works-filters{align-items:flex-end;gap:11px;padding:13px 15px;display:flex}.works-filters label{color:#7a827c;flex-direction:column;gap:5px;font-size:9px;display:flex}.works-filters select{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:105px;height:35px}.works-filters .button{min-height:35px;font-size:10px}.works-results-heading{margin:2px 0}.works-results-heading>div{align-items:center;gap:8px;display:flex}.works-results-heading strong{font-size:21px}.works-results-heading span{color:#7c857e;font-size:10px}.works-results-heading b{color:#3e6753;background:#e1ece4;border-radius:99px;padding:5px 8px;font-size:9px}.works-results-heading .button{min-height:36px;font-size:10px}.work-gallery{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.work-gallery.masonry{columns:4 220px;column-gap:14px;display:block}.work-gallery.masonry .work-card{break-inside:avoid;margin-bottom:14px}.work-card{border:1px solid var(--line);background:#faf7ef;border-radius:13px;min-height:340px;transition:transform .15s,border .15s;position:relative;overflow:hidden;box-shadow:0 8px 24px #352f2412}.work-card:hover{transform:translateY(-2px)}.work-card.selected{border:2px solid #a34133;box-shadow:0 0 0 4px #a341331a}.work-card.skeleton{background:#e4e1d8;animation:1.3s infinite alternate skeleton}.work-select{z-index:3;color:#0000;background:#ffffffd1;border:1px solid #3232282e;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:9px;left:9px}.work-select svg{width:15px}.work-card.selected .work-select{color:#fff;background:#a34133}.work-image{background:#ded5c2;width:100%;height:255px;display:block;position:relative;overflow:hidden}.work-image img{object-fit:contain;width:100%;height:100%;display:block}.work-image-overlay{color:#fff;opacity:0;background:linear-gradient(#0000,#181f1bb8);justify-content:center;align-items:center;gap:5px;padding:23px 8px 9px;font-size:10px;transition:opacity .15s;display:flex;position:absolute;inset:auto 0 0}.work-image:hover .work-image-overlay{opacity:1}.work-image-overlay svg{width:15px}.no-art{color:#817b70;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:100%;display:flex}.no-art svg{width:30px}.no-art b{font-size:10px}.work-card-info{padding:13px}.work-card-info>div:first-child{justify-content:space-between;align-items:center;gap:7px;display:flex}.work-card-info h3{margin:0;font-size:14px}.work-card-info>p{color:#7f8781;margin:4px 0 9px;font-size:9px}.work-card-meta{border-top:1px solid var(--line);color:#898f8a;justify-content:space-between;padding-top:8px;font-size:8px;display:flex}.admin-table-wrap{border:1px solid var(--line);background:#fbf9f3;border-radius:13px;overflow:auto}.admin-table{border-collapse:collapse;white-space:nowrap;width:100%}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--line);padding:12px 13px;font-size:10px}.admin-table th{color:#768079;background:#efede7;font-size:9px}.admin-table tbody tr:hover,.admin-table tr.selected{background:#f2eee4}.admin-table td b,.admin-table td small{display:block}.admin-table td small{color:#8d938e;margin-top:3px;font-size:8px}.table-actions{gap:3px;display:flex}.table-actions button{color:#65736a;background:0 0;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.table-actions button:hover{background:#e4e4dd}.table-actions svg{width:14px}.detail-nav>a{color:#67736b;align-items:center;gap:6px;font-size:11px;display:flex}.detail-nav>div{gap:6px;display:flex}.detail-nav .button{min-height:36px;font-size:9px}.work-detail-hero{grid-template-columns:minmax(300px,.8fr) 1.2fr;gap:16px;display:grid}.detail-art{background:#d6c9ae;place-items:center;min-height:540px;padding:18px;display:grid}.detail-art img{object-fit:contain;max-width:100%;height:510px;box-shadow:0 17px 35px #2a231938}.detail-no-art{color:#827c71;flex-direction:column;align-items:center;gap:9px;display:flex}.detail-summary{padding:25px}.detail-student-heading{border-bottom:1px solid var(--line);grid-template-columns:57px 1fr 42px;align-items:center;gap:13px;padding-bottom:20px;display:grid}.large-student-avatar{color:#fff4e4;background:#4b6958;border-radius:50%;place-items:center;width:57px;height:57px;font:25px STKaiti,KaiTi,serif;display:grid}.detail-student-heading h2{margin:7px 0 1px}.detail-student-heading p{color:#828a83;margin:0;font-size:10px}.detail-facts{grid-template-columns:repeat(4,1fr);gap:9px;margin:20px 0;display:grid}.detail-facts>div{background:#f0ede5;border-radius:10px;flex-direction:column;padding:13px;display:flex}.detail-facts svg{color:#a24435;width:17px}.detail-facts span{color:#858c86;margin-top:7px;font-size:8px}.detail-facts strong{margin-top:2px;font-size:14px}.detail-meta{margin:0}.detail-meta>div{border-top:1px solid var(--line);grid-template-columns:90px 1fr;padding:9px 0;font-size:10px;display:grid}.detail-meta dt{color:#858d87}.detail-meta dd{margin:0;font-weight:650}.detail-tabs{margin-top:16px;overflow:hidden}.tab-list{border-bottom:1px solid var(--line);gap:23px;height:53px;padding:0 18px;display:flex}.tab-list button{color:#707b73;background:0 0;font-size:11px;font-weight:650;position:relative}.tab-list button.active{color:#9e3b30}.tab-list button.active:after{content:"";background:#a33f32;height:2px;position:absolute;bottom:-1px;left:0;right:0}.tab-list span{background:#e7e6df;border-radius:99px;padding:2px 5px;font-size:8px}.composition-overview{padding:22px}.composition-indicators{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.composition-indicators article{background:#f0eee7;border-radius:10px;padding:15px}.composition-indicators span{color:#9e4435;font-size:9px;font-weight:700}.composition-indicators strong{margin:6px 0;font-size:18px;display:block}.composition-indicators p{color:#878e88;margin:0;font-size:8px}.material-usage-strip{margin-top:19px}.material-usage-strip h4{margin:0 0 10px}.material-usage-strip>div{flex-wrap:wrap;gap:7px;display:flex}.material-usage-strip span{background:#ece8df;border-radius:7px;align-items:center;gap:7px;padding:7px 9px;font-size:9px;display:flex}.material-usage-strip i{color:#fff;background:#607465;border-radius:50%;place-items:center;width:17px;height:17px;font-size:8px;font-style:normal;display:grid}.material-usage-strip b{color:#9d493a}.metric-disclaimer{color:#8e948f;font-size:8px}.event-timeline{max-height:580px;padding:20px 28px;overflow-y:auto}.event-timeline article{grid-template-columns:48px 16px 1fr;gap:9px;min-height:60px;display:grid}.event-timeline time{color:#a44336;font-size:10px;font-weight:700}.event-timeline article>i{border:2px solid #a44336;border-radius:50%;width:9px;height:9px;margin-top:2px;position:relative}.event-timeline article>i:after{content:"";background:#d9d7cf;width:1px;height:50px;position:absolute;top:9px;left:2px}.event-timeline article:last-child>i:after{display:none}.event-timeline b,.event-timeline span,.event-timeline small{display:block}.event-timeline b{font-size:11px}.event-timeline span{color:#6d786f;margin-top:3px;font-size:9px}.event-timeline small{color:#999d99;margin-top:4px;font-size:8px}.replay-player{grid-template-columns:220px 1fr;align-items:center;gap:24px;padding:20px;display:grid}.replay-stage{background:#d6c9ae;width:194px;height:346px;overflow:hidden;box-shadow:0 10px 25px #2d261b26}.replay-controls input[type=range]{accent-color:#a33e31;width:100%}.replay-event-caption{margin-bottom:20px}.replay-event-caption span{color:#a54134;font-size:10px;display:block}.replay-event-caption strong{margin-top:6px;font-size:17px;display:block}.replay-controls>div:last-child{align-items:center;gap:6px;margin-top:10px;display:flex}.replay-controls button{color:#5e6a62;background:#e9e6de;border-radius:7px;place-items:center;min-width:36px;height:34px;display:grid}.replay-controls button.active,.replay-play{color:#fff!important;background:#4e6d5b!important}.replay-controls svg{width:16px}.replay-controls>div:last-child>span{color:#858c86;margin-left:auto;font-size:9px}.identity-edit-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.audit-note{color:#756f63;background:#efe6d5;border-radius:8px;padding:9px;font-size:9px}.process-toolbar{align-items:center;gap:10px;padding:12px;display:flex}.process-toolbar>span{color:#79827b;align-items:center;gap:5px;font-size:10px;display:flex}.process-list{flex-direction:column;gap:10px;margin-top:13px;display:flex}.process-list article{grid-template-columns:40px 1fr auto 100px 100px 105px;align-items:center;gap:14px;padding:14px 17px;display:grid}.process-student h3{margin:0;font-size:13px}.process-student p{color:#858c86;margin:3px 0 0;font-size:9px}.process-stat{grid-template-columns:20px 1fr;align-items:center;display:grid}.process-stat svg{color:#9f4537;grid-row:1/3;width:16px}.process-stat span{color:#868e87;font-size:8px}.process-stat b{font-size:10px}.process-list .button{min-height:35px;padding:0 9px;font-size:9px}.process-list .button svg{width:14px}.analytics-toolbar{justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.analytics-toolbar>div{color:#69766d;align-items:center;gap:8px;font-size:10px;display:flex}.analytics-toolbar select{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:240px;height:37px}.analytics-toolbar .button{min-height:36px;font-size:10px}.analytics-metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin:13px 0;display:grid}.analytics-metrics article{border:1px solid var(--line);background:#fbf8f1;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.analytics-metrics svg{color:#9d4436;background:#f1e2dd;border-radius:9px;width:35px;height:35px;padding:8px}.analytics-metrics span,.analytics-metrics strong{display:block}.analytics-metrics span{color:#7c857e;font-size:9px}.analytics-metrics strong{font-size:23px}.chart-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.chart-card{border:1px solid var(--line);background:#fbf9f3;border-radius:14px;min-width:0;padding:19px}.chart-card-heading{justify-content:space-between;display:flex}.chart-card-heading h3{align-items:center;gap:7px;margin:0;font-size:14px;display:flex}.chart-card-heading h3 svg{color:#9d4336;width:17px}.chart-card-heading p{color:#8b928c;margin:4px 0 0;font-size:9px}.heatmap-card,.analysis-note{min-height:360px}.composition-heatmap{place-items:center;height:300px;display:grid}.heatmap-scroll{text-align:center;color:#826c4c;background:#d1b77e;border-radius:5px;grid-template-rows:27px 1fr 27px;width:155px;height:265px;padding:16px 14px;font:10px STKaiti,KaiTi,serif;display:grid;box-shadow:0 9px 19px #352b1b26}.heatmap-heart{background:#f1e9d7;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(5,1fr);display:grid}.heatmap-heart i{border:1px solid #64462d0a;place-items:center;display:grid}.heatmap-heart b{color:#fff;text-shadow:0 1px 2px #0003;font-size:7px}.heat-legend{align-items:center;gap:3px;margin-left:250px;display:flex;position:absolute}.heat-legend i{background:#9d372826;width:14px;height:8px}.heat-legend i:nth-of-type(2){background:#9d372859}.heat-legend i:nth-of-type(3){background:#9d372899}.heat-legend i:nth-of-type(4){background:#9d3728d9}.heat-legend small{font-size:8px}.metric-note{color:#7d857f;background:#e8e7e1;border-radius:99px;padding:4px 7px;font-size:8px}.analysis-note{color:#e9e5d9;background:#344b3f;flex-direction:column;justify-content:center;display:flex}.analysis-note h3{font:24px STKaiti,KaiTi,serif}.analysis-note p{color:#c1cac3;max-width:500px;font-size:11px;line-height:1.8}.analysis-note>div{flex-wrap:wrap;gap:7px;display:flex}.analysis-note span{border:1px solid #ffffff29;border-radius:99px;padding:6px 10px;font-size:9px}.compare-page{position:relative}.compare-top-actions{align-items:center;gap:10px;margin-bottom:12px;display:flex}.compare-top-actions .button{min-height:36px;font-size:10px}.compare-top-actions>span{color:#7c857e;font-size:10px}.compare-picker{padding:20px}.compare-picker-heading{justify-content:space-between;align-items:center;display:flex}.compare-picker-heading h2{margin:0}.compare-picker-heading p{color:#808983;margin:5px 0;font-size:10px}.compare-picker-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:11px;margin-top:18px;display:grid}.compare-picker-grid>button{text-align:left;min-width:0;color:var(--ink);background:#f3eee4;border:2px solid #0000;border-radius:10px;padding:8px;position:relative}.compare-picker-grid>button.selected{background:#f5e8e1;border-color:#a43f32}.compare-picker-grid img{object-fit:contain;background:#dcd1bb;width:100%;height:200px;display:block}.compare-picker-grid strong,.compare-picker-grid small{display:block}.compare-picker-grid strong{margin-top:7px;font-size:11px}.compare-picker-grid small{color:#828982;margin-top:2px;font-size:8px}.picker-check{z-index:2;color:#0000;background:#ffffffd9;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:absolute;top:14px;right:14px}.picker-check svg{width:14px}.compare-picker-grid>button.selected .picker-check{color:#fff;background:#a43f32}.compare-workspace{color:#e9e6dc;background:#151e1a;border-radius:12px;flex-direction:column;height:calc(100dvh - 135px);min-height:600px;display:flex;position:relative;overflow:hidden}.compare-workspace:fullscreen{border-radius:0;height:100dvh}.compare-toolbar{background:#26352e;border-bottom:1px solid #ffffff1a;align-items:center;gap:9px;min-height:57px;padding:8px 10px;display:flex}.tool-group{gap:3px;display:flex}.tool-group button{color:#bdc7c0;background:#ffffff0d;border-radius:7px;align-items:center;gap:5px;min-height:36px;padding:0 9px;font-size:9px;display:flex}.tool-group button.active,.tool-group button:hover{color:#fff4e4;background:#556d5f}.tool-group svg{width:15px}.tool-group.colors button{border:2px solid #0000;border-radius:50%;width:25px;height:25px;min-height:0;padding:0}.tool-group.colors button.active{border-color:#fff;box-shadow:0 0 0 2px #ffffff29}.brush-size{color:#aeb9b1;align-items:center;gap:6px;width:100px;font-size:8px;display:flex}.brush-size input{min-width:0}.tool-group.right{margin-left:auto}.tool-group .export{color:#fff4e6;background:#a64134}.compare-grid{flex:1;gap:12px;min-height:0;padding:13px;display:grid}.compare-grid.count-2{grid-template-columns:repeat(2,1fr)}.compare-grid.count-3{grid-template-columns:repeat(3,1fr)}.compare-grid.count-4{grid-template-columns:repeat(4,1fr)}.compare-panel{background:#202a25;border:2px solid #0000;border-radius:9px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.compare-panel.active{border-color:#d49b4f}.compare-panel-label{background:#2b3932;grid-template-columns:1fr auto;align-items:center;min-height:48px;padding:7px 9px;display:grid}.compare-panel-label>span{font-size:11px;font-weight:700}.compare-panel-label small{color:#93a098;grid-row:2;font-size:8px}.compare-panel-label .status-badge{grid-area:1/2/3}.annotation-viewport{touch-action:none;background:#0f1512;flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.annotation-transform{aspect-ratio:9/16;transform-origin:50%;height:100%;position:relative}.annotation-transform img,.annotation-transform canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.annotation-transform canvas{z-index:2;touch-action:none}.panel-zoom{z-index:5;color:#fff;background:#141b17c7;border-radius:7px;align-items:center;padding:3px;display:flex;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.panel-zoom button{color:#fff;background:0 0;place-items:center;width:28px;height:27px;display:grid}.panel-zoom svg{width:13px}.panel-zoom span{font-size:8px}.compare-rubric{z-index:10;color:#29362f;background:#f5efdf;border-radius:12px;width:300px;padding:21px;position:absolute;top:70px;right:15px;box-shadow:0 20px 60px #00000059}.compare-rubric>button{background:0 0;position:absolute;top:9px;right:9px}.compare-rubric h3{margin:0 0 13px;font:24px STKaiti,KaiTi,serif}.compare-rubric>div{border-top:1px solid var(--line);padding:10px 0}.compare-rubric strong{color:#983e31;font-size:11px}.compare-rubric p{color:#646d66;margin:4px 0;font-size:9px}.compare-rubric>small{color:#8c928d;font-size:8px}.download-session{grid-template-columns:1fr 250px auto;align-items:center;gap:18px;padding:18px 20px;display:grid}.download-session h2{margin:0}.download-session select{border:1px solid var(--line);background:#fff;border-radius:8px;height:40px}.export-summary{gap:15px;display:flex}.export-summary span{color:#7f8781;font-size:9px}.export-summary b{color:var(--ink);font-size:18px;display:block}.download-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-top:14px;display:grid}.download-card{padding:20px}.download-icon{border-radius:11px;place-items:center;width:45px;height:45px;display:grid}.download-card.red .download-icon{color:#9f3f33;background:#f1dfdb}.download-card.green .download-icon{color:#3c7057;background:#dfeae3}.download-card.gold .download-icon{color:#9a6c2e;background:#f2e8d3}.download-card.blue .download-icon{color:#496b91;background:#e1e8f0}.download-card h3{margin:15px 0 5px}.download-card p{color:#7c857e;min-height:42px;margin:0;font-size:10px;line-height:1.6}.download-card small{color:#929892;margin:15px 0;font-size:8px;display:block}.download-card .button{min-height:39px;font-size:9px}.export-progress{z-index:50;color:#e9e6dc;background:#2a3d33;border-radius:11px;align-items:center;gap:12px;padding:14px 18px;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 15px 40px #0000003b}.export-progress svg{width:22px}.export-progress strong,.export-progress span{display:block}.export-progress strong{font-size:11px}.export-progress span{color:#aebbb3;margin-top:3px;font-size:8px}.download-notice{grid-template-columns:40px 1fr 25px;align-items:center;gap:12px;margin-top:14px;padding:18px;display:grid}.download-notice>svg:first-child{color:#96703a;background:#f0e5ce;border-radius:10px;width:40px;height:40px;padding:9px}.download-notice>svg:last-child{color:#4e785f}.download-notice h3{margin:0}.download-notice p{color:#7f8781;margin:4px 0 0;font-size:9px}.assets-intro{justify-content:space-between;align-items:center;padding:20px;display:flex}.assets-intro h2{margin:0}.assets-intro p{color:#7c857e;margin:5px 0;font-size:10px}.asset-admin-list{flex-direction:column;gap:8px;margin-top:13px;display:flex}.asset-admin-list article{grid-template-columns:20px 32px 78px 1fr 95px 70px 45px;align-items:center;gap:13px;min-height:88px;padding:10px 16px;transition:opacity .15s;display:grid}.asset-admin-list article.disabled{opacity:.55}.drag-hint{color:#a1a6a1;width:17px}.asset-order{color:#9b8870;font:17px serif}.asset-admin-thumb{background:#e7dfcf;border-radius:7px;place-items:center;width:72px;height:65px;display:grid;overflow:hidden}.asset-admin-thumb img{object-fit:contain;width:100%;height:100%}.asset-admin-info h3{margin:0;font-size:13px}.asset-admin-info p,.asset-admin-info small{color:#898f8a;margin:3px 0;font-size:8px;display:block}.asset-visibility{color:#9b4b3f;align-items:center;gap:5px;font-size:9px;display:flex}.asset-visibility.enabled{color:#447159}.asset-visibility svg{width:14px}.asset-order-actions{gap:3px;display:flex}.asset-order-actions button{color:#657269;background:#ebe9e2;border-radius:6px;place-items:center;width:31px;height:31px;display:grid}.asset-order-actions svg{width:14px}.toggle-switch{background:#c9cbc7;border-radius:99px;width:41px;height:23px;padding:3px;transition:background .15s;position:relative}.toggle-switch i{background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .15s;display:block;box-shadow:0 2px 5px #0000002e}.toggle-switch.on{background:#4b765e}.toggle-switch.on i{transform:translate(18px)}.trash-note{align-items:center;gap:12px;padding:16px 20px;display:flex}.trash-note>svg{color:#9a6830;background:#f1e5ce;border-radius:9px;width:38px;height:38px;padding:8px}.trash-note h3{margin:0}.trash-note p{color:#7e867f;margin:4px 0 0;font-size:9px}.section-heading{margin:21px 0 10px;font-size:14px}.section-heading span{color:#737d75;background:#e0e1dc;border-radius:99px;padding:2px 6px;font-size:9px}.trash-list{flex-direction:column;gap:8px;display:flex}.trash-list article{grid-template-columns:38px 1fr auto auto;align-items:center;gap:10px;padding:13px 16px;display:grid}.trash-icon{color:#9d4438;background:#f1e2de;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.trash-icon svg{width:17px}.trash-list h3{margin:0;font-size:12px}.trash-list p{color:#878e88;margin:4px 0 0;font-size:8px}.trash-list .button{min-height:34px;font-size:9px}.settings-hero{grid-template-columns:58px 1fr auto;align-items:center;gap:16px;padding:22px;display:grid}.settings-hero>span:first-child{color:#fff;background:#426b56;border-radius:14px;place-items:center;width:55px;height:55px;display:grid}.settings-hero h2{margin:0}.settings-hero p{color:#7a837c;margin:5px 0;font-size:10px}.health-pill{color:#8b6a35;background:#f0e5d2;border-radius:99px;align-items:center;gap:6px;padding:7px 10px;font-size:9px;display:flex}.health-pill.ok{color:#396b53;background:#e1ece4}.health-pill svg{width:14px}.settings-grid{grid-template-columns:repeat(2,1fr);gap:13px;margin-top:13px;display:grid}.settings-grid>section{padding:20px}.settings-card-heading{align-items:center;gap:11px;display:flex}.settings-card-heading>svg{color:#9b4337;background:#f2e2de;border-radius:10px;width:40px;height:40px;padding:9px}.settings-card-heading h3{margin:0}.settings-card-heading p{color:#858d87;margin:3px 0;font-size:9px}.settings-grid dl{margin:16px 0 0}.settings-grid dl>div{border-top:1px solid var(--line);justify-content:space-between;padding:8px 0;font-size:9px;display:flex}.settings-grid dt{color:#858d87}.settings-grid dd{margin:0;font-weight:650}.settings-grid a{color:#9b4035;text-decoration:underline}.ok-text{color:#3e7157}.security-checklist{margin-top:13px;padding:20px}.security-checklist>div{align-items:center;gap:8px;display:flex}.security-checklist h3{margin:0}.security-checklist>div svg{color:#47735b}.security-checklist ul{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;padding:0;list-style:none;display:grid}.security-checklist li{color:#68736b;align-items:center;gap:6px;font-size:9px;display:flex}.security-checklist li svg{color:#47735b;width:14px}.security-checklist .button{min-height:36px;font-size:9px}@media (width<=1180px){.entry-hero{gap:45px}.entry-story h2{font-size:48px}.creation-header{grid-template-columns:minmax(150px,1fr) auto auto auto;gap:8px}.creator-identity,.save-indicator{display:none}.editor-layout{grid-template-columns:190px minmax(280px,1fr) 225px}.editor-layout.left-closed{grid-template-columns:42px minmax(280px,1fr) 225px}.editor-layout.right-closed{grid-template-columns:190px minmax(280px,1fr) 42px}.editor-layout.left-closed.right-closed{grid-template-columns:42px minmax(280px,1fr) 42px}.material-thumb{height:64px}.property-content{padding:14px 12px}.slider-field{margin-bottom:17px}.admin-page{padding:20px}.download-grid{grid-template-columns:repeat(2,1fr)}.compare-toolbar{flex-wrap:wrap}.tool-group.right{margin-left:0}.compare-workspace{height:calc(100dvh - 125px)}}@media (width<=900px){.entry-page{overflow:auto}.entry-hero{grid-template-columns:1fr;gap:25px;padding:45px 0}.entry-card{justify-self:center}.entry-story{text-align:center}.hero-copy{margin-inline:auto}.feature-row{justify-content:center}.entry-footer{margin-top:15px}.gesture-grid{grid-template-columns:repeat(2,1fr)}.admin-shell,.admin-shell.sidebar-collapsed{display:block}.admin-sidebar{width:246px;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-105%)}.admin-sidebar.mobile-open{transform:none}.mobile-close{color:#fff;background:0 0;place-items:center;margin-left:auto;display:grid}.mobile-menu{background:0 0;place-items:center;display:grid}.mobile-sidebar-scrim{z-index:25;background:#0006;display:block;position:fixed;inset:0}.collapse-sidebar{display:none}.admin-topbar{justify-content:flex-start;gap:13px;padding:0 18px}.admin-profile{margin-left:auto}.metric-grid,.analytics-metrics{grid-template-columns:repeat(2,1fr)}.dashboard-columns,.live-class-main,.dashboard-shortcuts,.work-detail-hero{grid-template-columns:1fr}.detail-art{min-height:400px}.chart-grid{grid-template-columns:1fr}.compare-grid.count-3,.compare-grid.count-4{grid-template-columns:repeat(2,1fr)}.compare-panel-label{min-height:40px}.download-session{grid-template-columns:1fr}.export-summary{flex-wrap:wrap}.asset-admin-list article{grid-template-columns:20px 30px 70px 1fr 70px 45px}.asset-visibility{display:none}.process-list article{grid-template-columns:40px 1fr auto 90px}.process-stat:nth-of-type(2){display:none}.process-list .button{grid-column:4}.security-checklist ul{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.entry-page{padding:20px}.entry-story h2{font-size:38px}.entry-card{padding:22px}.select-grid{grid-template-columns:1fr}.entry-footer{display:none}.student-simple-header{padding:0 14px}.identity-chip{font-size:9px}.intro-content{padding:30px 16px}.intro-title h1{font-size:30px}.intro-lower,.gesture-grid{grid-template-columns:1fr}.verse-card,.rubric-card{min-height:0}.submitted-content{grid-template-columns:1fr;gap:40px;padding:30px 20px}.submitted-page{background:#263b31}.submitted-art-frame{width:280px}.success-copy{text-align:center}.success-icon{margin:auto}.completion-note{margin-inline:auto}.admin-login-page{grid-template-columns:1fr}.admin-login-visual{display:none}.admin-login-form-wrap{min-height:100dvh;padding:24px}.admin-page{padding:15px}.admin-topbar p,.admin-profile div{display:none}.metric-grid,.analytics-metrics,.settings-grid,.download-grid{grid-template-columns:1fr}.live-class-card{padding:16px}.session-card-main{grid-template-columns:1fr}.session-date,.session-completion{display:none}.session-card-footer{align-items:flex-start;gap:10px}.session-primary-actions,.works-toolbar{flex-wrap:wrap}.search-box{flex-basis:100%}.works-filters{flex-wrap:wrap}.works-results-heading{align-items:flex-start;gap:10px}.work-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.work-image{height:210px}.work-card{min-height:300px}.detail-nav{align-items:flex-start;gap:10px}.detail-nav>div{flex-wrap:wrap;justify-content:flex-end}.detail-facts,.composition-indicators{grid-template-columns:repeat(2,1fr)}.replay-player{grid-template-columns:1fr}.replay-stage{margin:auto}.compare-workspace{height:calc(100dvh - 115px)}.compare-toolbar{flex-wrap:nowrap;overflow-x:auto}.compare-grid.count-2,.compare-grid.count-3,.compare-grid.count-4{grid-template-columns:1fr;overflow-y:auto}.compare-panel{min-height:600px}.compare-picker-grid{grid-template-columns:repeat(2,1fr)}.security-checklist ul{grid-template-columns:1fr}.asset-admin-list article{grid-template-columns:25px 60px 1fr 45px}.asset-order,.asset-order-actions{display:none}.trash-list article{grid-template-columns:36px 1fr}.trash-list .button{grid-row:2}.process-list article{grid-template-columns:36px 1fr auto}.process-stat,.process-list .button{grid-column:auto}.process-stat:nth-of-type(2){display:none}}@media (orientation:portrait) and (width<=900px){.create-page:after{content:"横屏操作更舒适";z-index:60;color:#fff;pointer-events:none;background:#28352de0;border-radius:99px;padding:7px 12px;font-size:10px;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}}