/* Yuting reference direction: deep ocean, cyan light, translucent surfaces. */
:root{
  color-scheme:dark;
  --ink:#f5f7fb;--muted:#a5b4c7;--brand:#75edcf;--brand-dark:#a8f9e5;
  --accent:#a7bbff;--paper:#111f33;--bg:#06101d;--line:rgba(199,220,255,.14);
  --danger:#ffb1a5;--glass:rgba(15,28,47,.68);--glass-deep:rgba(10,21,37,.9);
  --cyan:#75edcf;--blue:#809bff;--violet:#b399ef;
  font-family:"PingFang SC","Microsoft YaHei UI","Noto Sans CJK SC",sans-serif;
  background:#06101d;
}
.theme-glass{
  background:radial-gradient(ellipse at 50% -20%,#183352 0,#091625 42%,#040a14 100%);
  color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased;isolation:isolate;
}
.theme-glass .site-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict}
.theme-glass .ambient-orb{position:absolute;width:72vw;height:72vw;max-width:1050px;max-height:1050px;border-radius:50%;opacity:.42;animation:ambient-drift 26s ease-in-out infinite alternate}
.theme-glass .ambient-orb:first-child{left:-28%;top:-34%;background:radial-gradient(circle,rgba(41,191,174,.34),transparent 66%)}
.theme-glass .ambient-orb:nth-child(2){right:-30%;top:0;background:radial-gradient(circle,rgba(92,103,226,.35),transparent 65%);animation-delay:-13s}
.theme-glass .ambient-orb:nth-child(3){left:18%;bottom:-65%;background:radial-gradient(circle,rgba(125,78,185,.27),transparent 68%);animation-delay:-7s}
.theme-glass .ambient-beam{position:absolute;left:-30%;top:58%;width:160%;height:85%;border-radius:50%;border-top:1px solid rgba(113,226,223,.22);box-shadow:0 -2px 18px rgba(108,188,232,.08);transform:rotate(-15deg);animation:beam-travel 24s ease-in-out infinite alternate}
.theme-glass .ambient-beam:last-child{top:69%;transform:rotate(14deg);border-color:rgba(167,144,238,.2);animation-delay:-12s}
@keyframes ambient-drift{to{transform:translate3d(5%,9%,0) scale(1.08)}}
@keyframes beam-travel{50%{opacity:.45}to{translate:0 -30px;rotate:4deg}}

/* Floating glass navigation; public and management routes stay separate. */
.theme-glass .site-header{
  position:sticky;top:14px;z-index:30;width:min(1160px,calc(100% - 40px));max-width:1160px;
  height:72px;margin:16px auto 28px;padding:0 24px;border:1px solid var(--line);border-radius:22px;
  background:rgba(12,24,41,.74);backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%);
  box-shadow:0 12px 42px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.06);
}
.theme-glass .site-header .brand{font-size:16px;color:#edf4fd;letter-spacing:.02em;gap:12px}
.theme-glass .site-header .brand-icon{width:36px;height:40px;border-radius:10px;background:linear-gradient(145deg,rgba(113,237,207,.16),rgba(129,155,255,.15));border:1px solid rgba(131,233,216,.4);color:#b8f6e8;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 24px rgba(101,231,210,.07);font-size:23px}
.theme-glass .site-header .brand-sub{font-size:10px;color:#93a8bd;letter-spacing:.05em}
.theme-glass .user-bar{gap:16px}
.theme-glass .text-button,.theme-glass .admin-logout{color:#b2c5d9;text-decoration:none;font-size:12px;min-height:40px}
.theme-glass .text-button:hover,.theme-glass .admin-logout:hover{color:var(--cyan)}
.theme-glass a{color:#94dfeb}
.theme-glass .mobile-intake{width:calc(100% - 32px);max-width:1160px;margin:0 auto;background:transparent;border:0;box-shadow:none;min-height:0;overflow:visible}
.theme-glass .mobile-intake[data-view="workspace"],.theme-glass .mobile-intake[data-view="account-panel"]{
  background:var(--glass);border:1px solid var(--line);border-radius:26px;
  box-shadow:0 22px 80px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%);
}
.theme-glass .site-footer{width:min(1160px,calc(100% - 32px));max-width:1160px;padding:26px 8px 32px;color:#8e9fb3;font-size:11px;text-align:center}
.theme-glass>header+.notice{width:min(1160px,calc(100% - 32px));max-width:1160px;margin:0 auto 22px;border-radius:14px;padding:13px 20px}

/* Inputs and actions are shared components, with a readable dark input layer. */
.theme-glass input:not([type=checkbox]),.theme-glass select,.theme-glass textarea{
  color:#f0f5fc;background:rgba(4,13,26,.46);border:1px solid rgba(185,209,246,.19);border-radius:12px;
  min-height:48px;font:inherit;font-size:14px;line-height:1.7;padding:12px 14px;box-shadow:inset 0 1px 4px rgba(0,0,0,.08);
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.theme-glass input::placeholder,.theme-glass textarea::placeholder{color:#879ab1;font-size:12px}
.theme-glass input:not([type=checkbox]):hover,.theme-glass textarea:hover,.theme-glass select:hover{border-color:rgba(154,195,223,.42)}
.theme-glass input:not([type=checkbox]):focus,.theme-glass textarea:focus,.theme-glass select:focus{background:rgba(10,26,42,.85);border-color:rgba(117,237,207,.7);box-shadow:0 0 0 3px rgba(117,237,207,.07)}
.theme-glass input:disabled,.theme-glass select:disabled{color:#91a4bb;opacity:.65}
.theme-glass option{background:#101d30;color:#f0f5fc}
.theme-glass input[type=checkbox]{accent-color:var(--cyan)}
.theme-glass button:focus-visible,.theme-glass a:focus-visible,.theme-glass input:focus-visible,.theme-glass textarea:focus-visible,.theme-glass select:focus-visible,.theme-glass summary:focus-visible{outline:2px solid #82e5d1;outline-offset:4px}
.theme-glass .field-label,.theme-glass .settings-panel form>label{color:#d9e4f3;font-size:13px;font-weight:500}
.theme-glass .field-hint{color:#97abc1;font-size:11px;line-height:1.85}
.theme-glass .field-error{color:#ffb9ad;font-size:12px}
.theme-glass .button{
  position:relative;isolation:isolate;overflow:hidden;min-height:46px;padding:12px 21px;border-radius:13px;
  font-size:13px;font-weight:600;letter-spacing:.01em;transition:box-shadow .2s,border-color .2s,background .2s,transform .2s;
}
.theme-glass .button.primary{background:linear-gradient(120deg,#f0fcff,#c3f8e9 52%,#a8d4ff);border:1px solid rgba(220,255,249,.75);color:#0c2530;box-shadow:0 7px 28px rgba(84,213,216,.13),inset 0 1px 0 rgba(255,255,255,.7)}
.theme-glass .button.primary::after{content:"";position:absolute;inset:-40% -80%;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 43%,rgba(255,255,255,.65) 49%,transparent 55%);transform:translateX(-70%);animation:button-stream 8s ease-in-out infinite}
@keyframes button-stream{0%,64%{transform:translateX(-70%)}90%,100%{transform:translateX(70%)}}
.theme-glass .button.secondary{color:#d8e8f8;background:rgba(139,176,231,.055);border:1px solid rgba(197,218,250,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.theme-glass .button.secondary:hover{border-color:rgba(129,224,209,.5);background:rgba(110,218,200,.08)}
.theme-glass .button:disabled{opacity:.5;transform:none;box-shadow:none;cursor:not-allowed}
.theme-glass .button:disabled::after{animation:none;display:none}
@media(hover:hover){.theme-glass .button.primary:hover{box-shadow:0 8px 32px rgba(107,228,212,.22);transform:translateY(-1px)}.theme-glass .button:active{transform:translateY(0)}}
.theme-glass .notice{color:#c4d6e8;background:rgba(111,151,215,.09);border:1px solid rgba(144,183,229,.2);line-height:1.8}
.theme-glass .notice.error{color:#ffc1b6;background:rgba(170,66,64,.13);border-color:rgba(245,147,134,.24)}
.theme-glass .toast{background:rgba(14,34,49,.96);border:1px solid rgba(124,234,212,.38);box-shadow:0 12px 46px rgba(0,0,0,.4);color:#e1faf5;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}

/* Login: the document illustration is a preview motif, not live user data. */
.theme-glass #auth-panel{max-width:640px;margin:10px auto 0;background:transparent;border:0;border-radius:0;padding:0;overflow:visible}
.theme-glass .auth-copy{background:transparent;padding:20px 8px 28px}
.theme-glass .auth-copy h1{font-family:"Noto Serif SC","Songti SC","SimSun",serif;color:#edf7fd;font-size:34px;font-weight:500;letter-spacing:-1px;line-height:1.5;margin:0 0 15px;text-shadow:0 4px 35px rgba(146,197,255,.12)}
.theme-glass .auth-copy>p{color:#a9bcd0;font-size:13px;line-height:1.95;max-width:29em;margin:0}
.theme-glass .auth-entry,.theme-glass .login-panel{position:relative;background:rgba(16,31,50,.72);border:1px solid rgba(198,224,250,.2);border-radius:25px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(26px) saturate(135%);-webkit-backdrop-filter:blur(26px) saturate(135%)}
.theme-glass .auth-tabs{margin:0 0 25px;padding:5px;border:1px solid var(--line);border-radius:13px;gap:5px;background:rgba(3,12,26,.4)}
.theme-glass .auth-tabs button{flex:1;min-height:42px;padding:8px 14px;border:0;border-radius:9px;color:#9eb3ca;font-size:14px;background:transparent}
.theme-glass .auth-tabs .active{background:rgba(129,171,217,.14);color:#d9fff4;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 4px 15px rgba(0,0,0,.12)}
.theme-glass .auth-panel .field-label{margin:17px 0 9px}
.theme-glass .auth-panel .auth-footnote{font-size:11px;color:#a1b4c9;line-height:1.9;margin:22px 0 0}
.theme-glass .auth-panel form>.button{min-height:48px;margin-top:25px}
.theme-glass .handbook-scene{display:none;position:relative;max-width:390px;height:300px;margin:32px 0 0;isolation:isolate}
.theme-glass .scene-orbit{position:absolute;width:340px;height:190px;left:-5px;top:90px;border:1px solid rgba(124,232,210,.24);border-radius:50%;transform:rotate(-23deg);box-shadow:0 -1px 14px rgba(106,208,221,.13)}
.theme-glass .scene-orbit::after{content:"";position:absolute;inset:-16px 14px;border:1px solid rgba(155,155,239,.15);border-radius:50%;transform:rotate(24deg)}
.theme-glass .sample-sheet{position:absolute;left:72px;top:16px;width:186px;height:246px;padding:25px 24px;border:1px solid rgba(186,225,242,.38);border-radius:12px 22px 22px 12px;background:linear-gradient(140deg,rgba(106,164,188,.18),rgba(37,59,86,.5));box-shadow:0 24px 60px rgba(0,0,0,.2),inset 4px 0 0 rgba(198,238,245,.09);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:rotate(-7deg)}
.theme-glass .sample-sheet>span{font-size:10px;letter-spacing:.2em;color:#b8f1e5}
.theme-glass .sample-sheet>strong{display:block;font-family:"Songti SC","SimSun",serif;font-size:25px;line-height:1.6;font-weight:500;margin:19px 0;color:#ebf7ff}
.theme-glass .sample-sheet>i{display:block;width:90%;height:1px;background:rgba(163,202,225,.3);margin:12px 0}
.theme-glass .sample-sheet>i:last-child{width:58%}
.theme-glass .scene-note{position:absolute;padding:12px 16px;border-radius:12px;border:1px solid rgba(156,204,227,.25);background:rgba(15,34,51,.8);font-size:11px;box-shadow:0 10px 28px rgba(0,0,0,.18);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:#c0d4e5}
.theme-glass .scene-note b{font-weight:500;color:#9af0d9;margin-right:8px}
.theme-glass .scene-note:first-of-type{right:0;top:67px;transform:rotate(5deg)}
.theme-glass .scene-note:last-of-type{left:5px;bottom:28px;transform:rotate(3deg)}

/* Intake modules and step navigation. */
.theme-glass #workspace>.intro{background:transparent;border:0}
.theme-glass .intro h1,.theme-glass .account-heading h1{font-family:"Noto Serif SC","Songti SC","SimSun",serif;color:#f1f7ff;font-weight:500}
.theme-glass .intro p,.theme-glass .intro .optional-note{color:#a2b9cc}
.theme-glass .intro p strong{color:#c6f4e8}
.theme-glass .intro .optional-note::before{color:var(--cyan)}
.theme-glass .mobile-steps{background:rgba(9,23,40,.92);border-color:var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);top:94px}
.theme-glass .mobile-step{color:#9fb2c9;background:transparent;font-weight:500}
.theme-glass .mobile-step.active{color:#caffef;border-color:#87e3d0;background:rgba(119,226,212,.07)}
.theme-glass .mobile-step-number{border-color:rgba(183,209,238,.23);color:#a2b9d0}
.theme-glass .active .mobile-step-number{color:#06292b;background:#96edda;border-color:#96edda;box-shadow:0 0 17px rgba(111,235,208,.12)}
.theme-glass .form-shell{background:transparent}
.theme-glass .form-topline,.theme-glass .form-topline>span:first-child{color:#9db5ca;font-size:11px}
.theme-glass .section-header h2{color:#eaf3ff;font-size:25px}
.theme-glass .section-header p{color:#a7bbd0}
.theme-glass .section-header{scroll-margin-top:116px}
.theme-glass .field-group{border:1px solid rgba(177,208,239,.12);border-radius:18px;background:rgba(10,24,42,.43);padding:23px;margin-bottom:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.theme-glass .field-group h3{font-size:13px;font-weight:500;color:#b5dbdd;border-color:rgba(162,206,232,.13);margin-bottom:22px;padding-bottom:13px}
.theme-glass .optional-group{padding:0;background:rgba(16,30,48,.4)}
.theme-glass .optional-group summary{color:#d4e3f4;padding:19px 40px 18px 22px;min-height:70px;font-size:13px}
.theme-glass .optional-group summary small{color:#9db1c6;font-size:11px}
.theme-glass .optional-group summary::after{color:#91d7cc;right:20px}
.theme-glass .optional-group[open] .field-grid{padding:8px 22px 24px}
.theme-glass .role-choice-field{background:transparent}
.theme-glass .role-choice-field legend{color:#d2e1f0}
.theme-glass .role-option{color:#b9ccdf;background:rgba(8,20,37,.5);border-color:rgba(164,196,231,.2);border-radius:13px;font-size:14px;transition:background .2s,border-color .2s,box-shadow .2s}
.theme-glass .role-option:has(input:checked){color:#d3fff1;background:rgba(89,209,178,.1);border-color:rgba(124,231,201,.5);box-shadow:inset 0 0 24px rgba(86,202,181,.035)}
.theme-glass .use-note{color:#9bafc5;font-size:11px}
.theme-glass .form-actions{background:rgba(12,26,44,.94);border-color:var(--line);box-shadow:0 -12px 28px rgba(0,0,0,.1);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:0 0 22px 22px}
.theme-glass .under-form,.theme-glass .under-form button{color:#98adc1;font-size:11px}
.theme-glass .success-panel h2{color:#e9f7ff}
.theme-glass .success-panel p{color:#b0c1d4;line-height:1.9}
.theme-glass .success-icon{color:#c2ffe9;background:rgba(123,223,194,.12);border:1px solid rgba(124,232,205,.3);box-shadow:0 0 30px rgba(86,202,183,.08)}
.theme-glass .receipt{border-color:var(--line);color:#d5e6f4;gap:12px;overflow-wrap:anywhere}
.theme-glass .receipt span{color:#9fb8cc}
.theme-glass .receipt strong{min-width:0;overflow-wrap:anywhere}

/* Delivery, orders and personal settings. */
.theme-glass .delivery-area,.theme-glass .payment-area{padding:22px;border-radius:18px;border:1px solid rgba(124,223,209,.22);background:radial-gradient(ellipse at 0 0,rgba(109,219,191,.08),transparent 70%),rgba(14,35,48,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.theme-glass .delivery-heading h2,.theme-glass .payment-area h2,.theme-glass #orders-panel h2{color:#dff9ef;font-size:18px;font-weight:500}
.theme-glass .delivery-area p,.theme-glass .payment-area p{color:#adc6d5;font-size:12px;line-height:1.85}
.theme-glass .account-heading p{color:#9fb4cc}
.theme-glass #account-name{color:#ccefe8;font-size:14px;font-weight:500}
.theme-glass #account-login{font-size:11px;color:#98abc2}
.theme-glass .my-record{background:rgba(13,29,48,.58);border:1px solid var(--line);border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);padding:24px;margin-bottom:14px;min-width:0;transition:border-color .25s,box-shadow .25s}
.theme-glass .my-record:hover{border-color:rgba(131,209,216,.38);box-shadow:0 12px 36px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.05)}
.theme-glass .my-record h2{color:#e2edf9;font-size:18px;font-weight:500}
.theme-glass .my-record p{color:#a0b5c9;line-height:1.85}
.theme-glass .status-pill{color:#c1dbef;background:rgba(116,156,208,.11);border-color:rgba(146,187,231,.2);border-radius:7px;padding:4px 10px}
.theme-glass .status-pill.status-ready,.theme-glass .paid-state{color:#a4ecd5;background:rgba(94,206,168,.11);border-color:rgba(113,222,180,.25)}
.theme-glass .status-pill.status-missing{color:#efcea1;background:rgba(219,174,105,.1);border-color:rgba(228,188,125,.22)}
.theme-glass .password-settings{color:#b3c9dd;border-color:var(--line);font-size:13px}
.theme-glass .password-settings summary{color:#c7d9eb}
.theme-glass .order-line{border-color:var(--line);color:#cfe8df;font-size:12px}
.theme-glass .order-line p{color:#a0b5cd}
.theme-glass .payment-area{border-color:rgba(153,160,231,.23);background:radial-gradient(ellipse at 100% 0,rgba(135,130,227,.08),transparent 70%),rgba(22,30,54,.45)}
.theme-glass #legacy-panel{padding:30px;background:var(--glass);border:1px solid var(--line);border-radius:24px}
.theme-glass #legacy-panel h1{color:#eff7ff}
.theme-glass #legacy-panel>p{color:#adbed1;line-height:1.9}

/* Independent management workspace. */
.theme-glass.management-page .site-header{width:min(1240px,calc(100% - 40px));max-width:1240px}
.theme-glass .admin-page{max-width:1240px;width:calc(100% - 40px);padding:0;margin:32px auto 48px}
.theme-glass .admin-heading{padding:10px 2px 0;align-items:center;margin-bottom:28px}
.theme-glass .admin-heading h1{font-family:"Noto Serif SC","Songti SC","SimSun",serif;font-size:32px;font-weight:500;color:#f0f6fe}
.theme-glass .admin-heading p,.theme-glass .export-note{color:#9fb2ca;line-height:1.85}
.theme-glass .login-panel{max-width:460px;margin:70px auto 30px;padding:38px}
.theme-glass .login-panel h1{font-size:27px;color:#f0f7ff;font-weight:500;margin-bottom:15px}
.theme-glass .login-panel p{color:#a8bdd2;line-height:1.9}
.theme-glass .login-panel .small-label{color:#a3e8d6;font-size:12px}
.theme-glass .dashboard-top{gap:16px}
.theme-glass .stat,.theme-glass .settings-panel,.theme-glass .table-wrap,.theme-glass .share-panel{backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}
.theme-glass .stat{position:relative;padding:22px;border:1px solid var(--line);border-radius:19px;background:rgba(15,31,50,.66);box-shadow:inset 0 1px 0 rgba(255,255,255,.045);overflow:hidden}
.theme-glass .stat::after{content:"";position:absolute;right:-30px;top:-45px;width:140px;height:140px;background:radial-gradient(circle,rgba(110,215,197,.09),transparent 65%);pointer-events:none}
.theme-glass .stat:nth-child(2)::after{background:radial-gradient(circle,rgba(135,157,255,.13),transparent 65%)}
.theme-glass .stat:nth-child(3)::after{background:radial-gradient(circle,rgba(180,145,245,.11),transparent 65%)}
.theme-glass .stat span{color:#a2b7ce;font-size:12px}
.theme-glass .stat strong{color:#dcf7ef;font-size:33px;line-height:1.6;font-weight:500;font-variant-numeric:tabular-nums}
.theme-glass .management-tabs{width:max-content;max-width:100%;padding:5px;gap:5px;margin:28px 0;border:1px solid var(--line);border-radius:14px;background:rgba(14,29,48,.65)}
.theme-glass .management-tabs button{color:#a4b9ce;min-height:44px;border:0;border-radius:10px;padding:11px 20px;background:transparent;font-size:13px}
.theme-glass .management-tabs button.active{color:#caffef;background:rgba(120,183,209,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.theme-glass .share-panel{background:rgba(24,57,64,.37);border-color:rgba(128,216,195,.18);border-radius:18px;padding:23px 25px}
.theme-glass .share-panel h2{font-size:15px;color:#d3f0e9;font-weight:500}
.theme-glass .share-panel p{color:#a2bacc;line-height:1.85}
.theme-glass .toolbar{gap:12px;margin:24px 0 18px}
.theme-glass .table-wrap{background:rgba(13,27,46,.6);border:1px solid var(--line);border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.theme-glass .records-table{color:#cbd9e9;font-size:12px}
.theme-glass .records-table th{background:rgba(16,35,56,.85);color:#a2bdd3;border-bottom:1px solid var(--line);font-size:12px;padding:17px 20px}
.theme-glass .records-table td{border-color:rgba(182,213,239,.085);padding:20px;background:transparent;line-height:1.8}
.theme-glass .records-table tr:hover td{background:rgba(109,186,215,.04)}
.theme-glass .student-name{color:#e9f4ff;font-weight:500}
.theme-glass .subline{color:#94acc3;line-height:1.7}
.theme-glass .empty-state{color:#9cb3cb;line-height:1.9;padding:50px 24px}
.theme-glass .settings-panel{background:rgba(16,31,51,.68);border-color:var(--line);border-radius:22px;padding:30px;box-shadow:0 16px 50px rgba(0,0,0,.09),inset 0 1px 0 rgba(255,255,255,.04)}
.theme-glass .settings-panel h2,.theme-glass #accounts-panel h2,.theme-glass #payments-panel>.settings-actions h2{color:#e6f3ff;font-size:22px;font-weight:500}
.theme-glass .settings-panel h3{color:#bcdfde;font-size:16px;font-weight:500}
.theme-glass .settings-panel p{color:#a6bad1;line-height:1.95;font-size:12px}
.theme-glass .settings-actions{gap:12px}
.theme-glass .publish-review{background:rgba(91,135,175,.075);border:1px solid rgba(159,202,234,.12);border-radius:13px;color:#abc3d8;padding:17px;line-height:1.9;font-size:12px}
.theme-glass .publish-review input{accent-color:var(--cyan)}
.theme-glass .order-attention{color:#ffc2ac}
.theme-glass .detail-dialog{background:rgba(9,22,38,.97);color:#e5f0fc;border:1px solid rgba(187,219,247,.24);border-radius:23px;box-shadow:0 30px 100px rgba(0,0,0,.55);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}
.theme-glass .detail-dialog::backdrop{background:rgba(1,8,18,.74);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.theme-glass .detail-header{background:rgba(12,30,49,.96);border-color:var(--line);padding:23px 28px}
.theme-glass .detail-header h2{color:#e9f5fc;font-size:20px;font-weight:500}
.theme-glass .detail-section{background:rgba(19,36,56,.5);border-color:rgba(175,206,238,.13);border-radius:17px;padding:24px}
.theme-glass .detail-section h3{color:#c0eddf;font-size:15px;font-weight:500}
.theme-glass .detail-label{color:#96adc4;font-size:11px}
.theme-glass .detail-value{color:#dbe7f6;font-size:13px;line-height:1.9}
.theme-glass #generation-state{color:#adc8de;line-height:1.9}
.theme-glass #audit-content{color:#b7d4e5;background:rgba(3,13,26,.6);border:1px solid var(--line);border-radius:12px;font-size:12px;padding:20px}
.theme-glass #draft-audit summary{color:#acd9d2;cursor:pointer;min-height:38px}
.theme-glass .delivery-file{border-color:var(--line);padding:20px 0}
.theme-glass .delivery-file p{color:#d7e7f4;line-height:1.8}
.theme-glass .delivery-file small{color:#98afc5;font-size:11px}
.theme-glass hr{border:0;border-top:1px solid var(--line);margin:26px 0}
.theme-glass input[type=file]::file-selector-button{background:rgba(129,165,214,.13);color:#c4d9eb;border:1px solid rgba(188,215,249,.18);border-radius:8px;padding:6px 12px;margin-right:12px;cursor:pointer}

@media(min-width:720px){
  .theme-glass .mobile-intake{width:calc(100% - 48px)}
  .theme-glass .account-panel{padding:36px}
  .theme-glass .my-record{margin:0}
  .theme-glass .form-actions{border-radius:0 0 24px 24px;padding-top:18px;padding-bottom:18px}
  .theme-glass .success-actions{gap:14px}
  .theme-glass .field-grid{gap:24px}
}
@media(min-width:1024px){
  .theme-glass #auth-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:55px;padding:20px 36px 36px;min-height:650px;max-width:none;overflow:visible;align-items:center}
  .theme-glass .auth-copy{padding:10px 0 0;background:transparent}
  .theme-glass .auth-copy h1{font-size:48px;line-height:1.45;letter-spacing:-1.4px;max-width:10em}
  .theme-glass .auth-copy>p{font-size:14px;line-height:2;max-width:27em}
  .theme-glass .auth-entry{padding:32px 34px;align-self:center}
  .theme-glass .handbook-scene{display:block}
  .theme-glass #workspace{padding:30px;grid-template-columns:225px minmax(0,1fr);column-gap:30px}
  .theme-glass #workspace>.intro{padding:17px 15px 25px;border-radius:0}
  .theme-glass #workspace>.intro h1{font-size:28px;line-height:1.6}
  .theme-glass #workspace>.mobile-steps{top:114px;background:rgba(11,26,45,.55);border:1px solid rgba(166,201,232,.13);border-radius:17px;padding:9px}
  .theme-glass .mobile-step.active{background:rgba(118,222,204,.09);color:#b7f8e1}
  .theme-glass .mobile-step{font-size:13px;gap:11px}
  .theme-glass .form-actions{margin:0;padding:18px 0;border-radius:0}
  .theme-glass .site-footer{padding-top:30px}
  .theme-glass .account-panel{padding:38px}
  .theme-glass .management-tabs{margin-bottom:30px}
}
@media(max-width:719px){
  .theme-glass .site-header,.theme-glass.management-page .site-header{width:calc(100% - 24px);height:65px;padding:0 16px;top:10px;margin:12px auto 22px;border-radius:18px;gap:8px}
  .theme-glass .site-header .brand{font-size:13px;gap:9px}
  .theme-glass .site-header .brand-icon{width:30px;height:34px;font-size:21px;border-radius:8px}
  .theme-glass .site-header .brand-sub{font-size:9px}
  .theme-glass .user-bar{gap:10px}
  .theme-glass .user-bar button{font-size:11px;min-height:42px}
  .theme-glass .mobile-intake{width:calc(100% - 24px)}
  .theme-glass .auth-copy{padding:13px 10px 25px}
  .theme-glass .auth-copy h1{font-size:31px;line-height:1.5;margin-bottom:12px}
  .theme-glass .auth-copy>p{font-size:12px;max-width:29em;line-height:1.95}
  .theme-glass .auth-entry{padding:24px 21px;border-radius:22px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  .theme-glass #auth-panel{margin:0 auto}
  .theme-glass .auth-tabs{margin-bottom:22px}
  .theme-glass input:not([type=checkbox]),.theme-glass select,.theme-glass textarea{font-size:16px;min-height:48px;padding:12px;border-radius:11px}
  .theme-glass .intro{padding:25px 21px 22px}
  .theme-glass .intro h1{font-size:26px}
  .theme-glass .intro p{font-size:12px}
  .theme-glass .mobile-steps{top:87px;border-radius:0;padding:0 5px}
  .theme-glass .mobile-step{font-size:11px;gap:5px;min-height:56px}
  .theme-glass .mobile-step-number{font-size:10px;width:18px;height:18px}
  .theme-glass .form-shell{padding:21px 15px 0}
  .theme-glass .field-group{padding:19px 16px;border-radius:15px;margin-bottom:17px}
  .theme-glass .field-grid{gap:22px}
  .theme-glass .field-group h3{font-size:12px;margin-bottom:21px}
  .theme-glass .field-label{font-size:13px}
  .theme-glass .field-hint{font-size:11px}
  .theme-glass .optional-group{padding:0}
  .theme-glass .optional-group summary{padding-left:16px;padding-right:38px}
  .theme-glass .optional-group[open] .field-grid{padding:8px 16px 22px}
  .theme-glass .form-actions{margin:0 -15px;padding:13px 15px max(13px,env(safe-area-inset-bottom));border-radius:0 0 24px 24px}
  .theme-glass .form-actions .button{font-size:12px;min-height:47px}
  .theme-glass .under-form{font-size:10px;padding:18px 1px}
  .theme-glass .under-form button{font-size:10px}
  .theme-glass .delivery-area,.theme-glass .payment-area{padding:18px;border-radius:15px}
  .theme-glass .account-panel{padding:25px 18px}
  .theme-glass .account-heading h1{font-size:24px;line-height:1.5}
  .theme-glass .account-heading .button{font-size:12px;padding:11px 15px}
  .theme-glass .my-record{padding:21px 18px}
  .theme-glass .my-record h2{font-size:17px}
  .theme-glass .password-settings{margin-top:25px}
  .theme-glass .site-footer{font-size:10px;width:calc(100% - 32px);padding:24px 8px 30px;line-height:1.95}
  .theme-glass .ambient-orb{width:145vw;height:145vw;max-width:none;max-height:none;opacity:.3;animation-duration:32s}
  .theme-glass .ambient-beam{opacity:.4;animation:none}
  .theme-glass .admin-page{width:calc(100% - 28px);margin:22px auto 35px;padding:0}
  .theme-glass .admin-heading{gap:14px;align-items:flex-start}
  .theme-glass .admin-heading h1{font-size:26px;line-height:1.5}
  .theme-glass .admin-heading p{font-size:11px;max-width:26em}
  .theme-glass .admin-heading>.button{font-size:11px;padding:10px 13px;flex-shrink:0}
  .theme-glass .dashboard-top{gap:10px}
  .theme-glass .stat{padding:16px;border-radius:15px}
  .theme-glass .stat,.theme-glass .settings-panel,.theme-glass .table-wrap,.theme-glass .share-panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  .theme-glass .stat span{font-size:11px}
  .theme-glass .stat strong{font-size:28px}
  .theme-glass .management-tabs{width:100%;margin:23px 0;padding:4px;border-radius:13px}
  .theme-glass .management-tabs button{font-size:12px;padding:11px 14px;min-height:43px}
  .theme-glass .share-panel{padding:20px;border-radius:16px}
  .theme-glass .share-panel p{font-size:11px}
  .theme-glass .settings-panel{padding:22px 18px;border-radius:18px}
  .theme-glass .settings-panel h2{font-size:20px}
  .theme-glass .settings-panel p{font-size:11px}
  .theme-glass .settings-actions .button{min-height:46px}
  .theme-glass .table-wrap{border-radius:15px}
  .theme-glass .records-table th,.theme-glass .records-table td{padding:15px 14px}
  .theme-glass .login-panel{padding:30px 23px;margin:45px auto 22px;border-radius:22px}
  .theme-glass .login-panel h1{font-size:25px}
  .theme-glass .detail-dialog{width:calc(100% - 16px);max-height:94dvh;border-radius:18px}
  .theme-glass .detail-header{padding:17px 18px}
  .theme-glass .detail-header h2{font-size:16px}
  .theme-glass .detail-body{padding:16px 13px}
  .theme-glass .detail-section{padding:20px 16px;border-radius:14px}
  .theme-glass .publish-review{padding:14px;font-size:11px}
  .theme-glass .detail-actions .button{font-size:11px;padding:10px 12px}
}
@media(max-width:359px){
  .theme-glass .site-header{padding:0 12px}
  .theme-glass .site-header .brand{font-size:12px;gap:7px}
  .theme-glass .site-header .brand-icon{width:27px;height:31px;font-size:19px}
  .theme-glass .user-bar{gap:8px}
  .theme-glass .user-bar button{font-size:10px}
  .theme-glass .mobile-step{font-size:10px;gap:4px}
  .theme-glass .auth-entry{padding:22px 18px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .theme-glass .site-header,.theme-glass .auth-entry,.theme-glass .login-panel,.theme-glass .mobile-intake[data-view="workspace"],.theme-glass .mobile-intake[data-view="account-panel"]{background:rgba(14,28,47,.97)}
}
@media(prefers-reduced-motion:reduce){
  .theme-glass *,.theme-glass *::before,.theme-glass *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media print{
  :root{color-scheme:light}
  .theme-glass{background:white;color:black}
  .theme-glass .site-atmosphere{display:none!important}
}

/* Quiet authentication surfaces: no conic spotlight or animated login shine. */
.theme-glass #auth-panel .button.primary::after,.theme-glass .login-panel .button.primary::after{display:none;animation:none}
.theme-glass:has(#auth-panel:not([hidden])) .ambient-beam{display:none}
.theme-glass:has(#auth-panel:not([hidden])) .ambient-orb{animation:none;opacity:.12}
.theme-glass .redeem-dialog{color:#dceaf5;background:rgba(13,28,46,.98);border:1px solid rgba(182,213,241,.22);border-radius:22px;width:min(540px,calc(100% - 24px));max-height:90dvh;padding:28px;box-shadow:0 28px 90px #0007;overflow:auto}
.theme-glass .redeem-dialog::backdrop{background:#020b16bb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.redeem-heading{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-bottom:20px}
.redeem-heading h2{font-size:21px;margin:0;color:#e4f7f4;font-weight:500}
.redeem-dialog>p{font-size:12px;line-height:1.9;color:#adc3d6}
.redeem-dialog form>.button{width:100%;margin-top:18px}
.redeem-dialog .wallet-summary{color:#b3eadb;background:#78d9c10c;border:1px solid #99e2cd25;border-radius:10px;padding:12px 15px;font-size:13px}
.wallet-summary{font-size:12px;line-height:1.9;color:#b6d7d8;grid-column:1/-1;margin:0 0 24px}
.redemption-history{border-top:1px solid var(--line);padding-top:18px;margin-top:24px;font-size:12px;color:#a6bdd0}
.redemption-history summary{cursor:pointer;min-height:35px}
.redemption-history p{font-size:11px;line-height:1.9;overflow-wrap:anywhere}
#redeem-code,#cdk-generated-codes{font-family:ui-monospace,"Consolas",monospace;font-size:13px;letter-spacing:.035em}
#redeem-message{font-size:12px;color:#b2ddce;line-height:1.9}
#cdk-create-form>.button{margin-top:24px}
#cdk-generated{margin-top:25px}
#cdk-panel>.settings-actions h2{font-size:21px;font-weight:500}
@media(max-width:719px){.theme-glass .redeem-dialog{padding:24px 20px}.theme-glass .user-bar{gap:9px}.theme-glass .user-bar button{font-size:10px}.theme-glass .payment-area #record-redeem{width:100%;margin-top:12px}.theme-glass .redeem-heading h2{font-size:19px}}

/* Step five: payment, production and delivery belong to one place. */
.intake-page .mobile-steps{grid-template-columns:repeat(5,minmax(0,1fr))}
.delivery-panel{scroll-margin-top:110px;min-width:0;padding-bottom:12px}
.delivery-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}
.delivery-title h2{font-size:28px;font-weight:500;color:#eaf7ff;margin:4px 0 12px}
.delivery-title p{color:#a6bed1;font-size:12px;line-height:1.9;margin:0}
.delivery-title .delivery-kicker{font-size:11px;color:#9fc7ca}
.delivery-title>.text-button{white-space:nowrap;flex-shrink:0}
.delivery-flow{list-style:none;margin:0 0 26px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.delivery-flow li{display:flex;gap:8px;align-items:center;min-width:0;font-size:12px;color:#91a8c0;padding:12px 0;border-bottom:1px solid #afc9e522}
.delivery-flow li span{display:grid;place-items:center;width:23px;height:23px;flex-shrink:0;border:1px solid #a2c5e533;border-radius:50%;font-size:11px}
.delivery-flow li.active{color:#c9f0e5;border-color:#8bdbcb88}.delivery-flow li.active span,.delivery-flow li.complete span{border-color:#8bdbcb66;background:#80d3bc14;color:#b5e9d7}
.theme-glass .delivery-panel .payment-area{background:rgba(15,31,48,.52);border-color:#b2cee322;padding:24px}
.theme-glass .delivery-panel .payment-area h2{font-size:18px}
.theme-glass .delivery-panel #record-redeem{display:inline-block;width:auto;margin:14px 18px 0 0;padding:0;min-height:32px;font-size:11px;color:#9aafc4;text-decoration:underline;text-underline-offset:4px}
.theme-glass .delivery-panel #record-redeem:hover{color:#bce9dc}
.theme-glass .delivery-panel #wallet-summary{font-size:12px;margin:0 0 17px;color:#abcbbf}
.theme-glass .delivery-panel #payment-unavailable{font-size:12px;color:#a6b6c7;line-height:1.9}
.theme-glass .delivery-panel .delivery-area{background:rgba(15,31,48,.4);border-color:#b2cee322}
.delivery-unsaved{padding:24px;background:#91bfe20a;border:1px solid #aec8df28;border-radius:17px;margin-bottom:25px}
.delivery-unsaved p{font-size:13px;line-height:1.9;color:#b6c7d7;margin:0 0 20px}
.delivery-document{border-top:1px solid var(--line);padding:20px 0}
.delivery-document:last-child{padding-bottom:0}.delivery-document>p{overflow-wrap:anywhere;color:#dfebf6!important}
.delivery-document>small{font-size:11px;color:#9cb6c8}.delivery-document-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:17px}
.delivery-document-actions .button{flex:1;min-width:120px}
.delivery-details{border-top:1px solid var(--line);padding-top:18px;margin-top:28px;font-size:12px;color:#a1b8c9}
.delivery-details summary{cursor:pointer;min-height:38px}.delivery-details .success-panel{padding-top:10px}.delivery-details .success-icon,.delivery-details .success-panel>h2{display:none}
.delivery-back{margin-top:20px;padding-top:12px;border-top:1px solid var(--line)}
.remake-area{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--line);border-radius:18px;padding:24px;margin-top:24px;background:rgba(15,31,48,.4)}
.remake-area>div{min-width:0}.remake-area h2{font-size:18px;font-weight:500;color:#d7eeef;margin:0 0 10px}.remake-area p{font-size:12px;line-height:1.9;color:#adc1d2;margin:0;max-width:52em}.remake-area>.button{flex-shrink:0;white-space:normal;min-height:46px}
.intake-page .record-actions{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:auto}.intake-page .record-actions .button{margin-top:0}.record-actions .record-remake{align-self:center;min-height:42px;font-size:12px;color:#a7d8cf}.theme-glass .my-record .record-remake-note{font-size:11px;margin:0 0 18px;color:#a1b6c7}
@media(max-width:719px){.remake-area{align-items:stretch;flex-direction:column;gap:18px;padding:20px 17px}.remake-area h2{font-size:17px}.remake-area>.button{width:100%;min-height:48px}}
.theme-glass .preview-dialog{width:min(1180px,calc(100% - 24px));height:90dvh;max-height:94dvh;border:1px solid #a7c8e333;border-radius:18px;padding:0;overflow:hidden;background:#0d1b2b;color:#e3eef6}
.preview-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 22px;height:98px;min-width:0}.preview-dialog h2{font-size:17px;margin:0 0 8px;overflow-wrap:anywhere;font-weight:500}.preview-dialog p{font-size:11px;color:#a2b6c8;margin:0}.preview-dialog>header>.button{flex-shrink:0}
.preview-dialog iframe{display:block;border:0;width:100%;height:calc(100% - 98px);background:white}
.preview-dialog::backdrop{background:#030a14bb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
@media(max-width:719px){
  .theme-glass .mobile-step{flex-direction:column;gap:5px;min-height:68px;padding:9px 2px;font-size:11px}
  .theme-glass .section-header,.delivery-panel{scroll-margin-top:175px}
  .theme-glass .mobile-step-number{width:17px;height:17px;font-size:10px}
  .delivery-title{gap:12px}.delivery-title h2{font-size:25px}.delivery-title>.text-button{font-size:11px}
  .delivery-flow{gap:7px;margin-bottom:23px}.delivery-flow li{font-size:10px;gap:5px}.delivery-flow li span{width:18px;height:18px;font-size:9px}
  .theme-glass .delivery-panel .payment-area{padding:20px 17px}.theme-glass .delivery-panel #record-redeem{width:auto;margin-top:14px}
  .delivery-document-actions{gap:9px}.delivery-document-actions .button{font-size:12px}
  .preview-dialog>header{padding:14px;height:106px;gap:12px}.preview-dialog h2{font-size:14px}.preview-dialog p{font-size:10px;line-height:1.7}.preview-dialog iframe{height:calc(100% - 106px)}
}
.theme-glass .preview-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}
.theme-glass .preview-dialog>header{height:auto;min-height:98px}
.theme-glass .preview-dialog>header>div{min-width:0;flex:1}
.theme-glass .preview-dialog iframe{height:100%;min-height:0}
.theme-glass .template-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 10px}
.theme-glass .template-choice{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:18px 16px;border:1px solid rgba(164,196,231,.2);border-radius:13px;background:rgba(8,20,37,.5);cursor:pointer}
.theme-glass .template-choice.selected{border-color:rgba(124,231,201,.6);background:rgba(89,209,178,.09)}
.theme-glass .template-choice input[type=radio]{width:18px;height:18px;min-height:0;flex:0 0 18px;margin:3px 0 0;padding:0;accent-color:#96edda;appearance:auto;box-shadow:none}
.theme-glass .template-choice span{display:grid;gap:7px;min-width:0}
.theme-glass .template-choice strong{color:#d3efed;font-size:15px;font-weight:600}
.theme-glass .template-choice small{color:#a7bace;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.theme-glass .template-choice:focus-within{outline:2px solid #96edda;outline-offset:3px}
.theme-glass .template-upload-panel{margin-top:18px;padding-top:18px;border-top:1px solid rgba(177,208,239,.12)}
.theme-glass .template-upload-panel input[type=file]{width:100%;max-width:100%;font-size:13px;padding:10px;box-sizing:border-box}
.theme-glass .template-upload-panel select{margin-bottom:18px;width:100%}
.theme-glass .template-selected{color:#b7f8e1;font-size:13px;overflow-wrap:anywhere}
.theme-glass .template-actions{margin-top:8px}
@media(max-width:600px){.theme-glass .template-choices{grid-template-columns:1fr}.theme-glass .template-choice{padding:16px 14px}.theme-glass .template-picker.field-group{padding:19px 16px}.theme-glass .template-choice input[type=radio]{min-height:0;padding:0}}

/* Independent writing preferences, sized for touch and keyboard use. */
.intake-page .writing-choice-field{border:0;padding:0;margin:0;min-width:0;grid-column:1/-1}
.writing-choice-field legend{margin-bottom:12px}.writing-options{display:flex;gap:8px;padding:5px;border:1px solid var(--line);border-radius:15px;background:rgba(5,18,32,.3)}
.writing-option{position:relative;display:flex;flex:1;align-items:center;justify-content:center;min-height:48px;padding:10px 8px;border:1px solid transparent;border-radius:10px;cursor:pointer;color:#b7c9d9;font-size:14px;text-align:center}
.theme-glass .writing-option input[type=radio],.theme-glass .writing-option input[type=radio]:disabled{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:0;opacity:0;overflow:hidden;clip-path:inset(50%);pointer-events:none}.writing-option:has(input:checked){background:rgba(141,232,217,.12);border-color:rgba(141,232,217,.35);color:#b8f1e8}
.writing-option:focus-within{outline:2px solid #9be6db;outline-offset:2px}.writing-option:has(input:disabled){cursor:default}.writing-choice-field .field-hint{margin:11px 0 0;line-height:1.8}
@media(max-width:380px){.writing-options{gap:3px;padding:4px}.writing-option{font-size:13px;padding:10px 5px}}
.setting-lock-badge{display:inline-block;vertical-align:middle;margin-left:10px;padding:3px 8px;border:1px solid #bbcad62b;border-radius:6px;color:#9db1c3;font-size:11px;font-weight:400;line-height:1.5}
.locked-settings-note{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:0 0 24px;padding:18px;border:1px solid #a9c0d22b;border-radius:13px;background:rgba(166,192,214,.055)}
.locked-settings-note strong{font-size:14px;font-weight:500;color:#d6e6ed}.theme-glass .locked-settings-note p{margin:0;color:#aabed0;font-size:12px;line-height:1.9}.locked-settings-note .button{min-height:44px;font-size:13px}
.writing-choice-field.is-locked .writing-option{cursor:default;color:#8fa5b8}.writing-choice-field.is-locked .writing-option:has(input:checked){color:#bed3db;border-color:#91aca530;background:rgba(141,184,179,.07)}
@media(max-width:719px){.locked-settings-note{padding:16px 14px}.locked-settings-note .button{width:100%}}

/* YuTing's quiet working signal follows the actual job state. */
.theme-glass .production-status{--signal:#b69bfa;display:flex;align-items:flex-start;gap:21px;position:relative;margin:24px 0 8px;padding:26px 24px;border:1px solid rgba(174,151,239,.2);border-radius:17px;background:linear-gradient(120deg,rgba(121,87,194,.09),rgba(17,32,50,.35) 75%);overflow:hidden}
.production-copy{flex:1;min-width:0}.production-topline{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;justify-content:space-between}
.theme-glass .production-status #production-label{font-size:16px;font-weight:550;line-height:1.7;color:#c9b5ff;margin:0}
.production-phase{font-size:10px;color:#c5b5e8;border:1px solid rgba(177,151,235,.25);border-radius:999px;padding:3px 10px;line-height:1.7;white-space:nowrap}
.theme-glass .production-status #delivery-status{font-size:13px;line-height:1.85;margin:9px 0 0;color:#d4dfec;overflow-wrap:anywhere}
.production-mark{position:relative;isolation:isolate;flex:0 0 50px;display:grid;place-items:center;width:50px;height:54px;margin-top:1px;color:#f0eaff}
.production-mark::before{content:"";position:absolute;z-index:-1;inset:2px;border-radius:50%;background:radial-gradient(circle,rgba(169,132,255,.3),rgba(155,120,244,.06) 62%,transparent 74%);opacity:.5;transform:scale(.85)}
.production-mark svg,.production-mark .production-y{width:38px;height:38px;filter:drop-shadow(0 0 9px rgba(179,148,249,.12))}.production-result,.production-check,.production-alert{display:none}
.production-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:16px;color:#a7b9ca;font-size:11px;line-height:1.8;font-variant-numeric:tabular-nums}
.production-meta[hidden]{display:none}.production-dot{display:block;flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:var(--signal);box-shadow:0 0 11px rgba(181,153,248,.3)}
.theme-glass .production-status .production-reassurance{max-width:55em;color:#92a9bd;font-size:11px;line-height:1.9;margin:14px 0 0}
.production-status:is([data-state="queued"],[data-state="running"],[data-state="reviewing"])[data-sync="connected"] .production-mark::before{animation:yuting-halo 3.6s ease-in-out infinite}
.production-status:is([data-state="queued"],[data-state="running"],[data-state="reviewing"])[data-sync="connected"] .production-y{animation:yuting-breathe 3.6s ease-in-out infinite}
.production-status:is([data-state="queued"],[data-state="running"],[data-state="reviewing"])[data-sync="connected"] .production-dot{animation:yuting-breathe 3.6s ease-in-out infinite}
@keyframes yuting-breathe{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes yuting-halo{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:.95;transform:scale(1.2)}}
.theme-glass .production-status[data-state="completed"]{--signal:#92e4cb;border-color:rgba(137,217,195,.2);background:linear-gradient(120deg,rgba(98,192,170,.065),rgba(17,32,50,.2) 75%)}
.theme-glass .production-status[data-state="completed"] #production-label{color:#b8eddd}.production-status[data-state="completed"] .production-mark{color:#9ee8d2}
.production-status[data-state="completed"] .production-y,.production-status[data-state="failed"] .production-y{display:none}.production-status[data-state="completed"] .production-result,.production-status[data-state="completed"] .production-check,.production-status[data-state="failed"] .production-result,.production-status[data-state="failed"] .production-alert{display:block}
.production-status[data-state="completed"] .production-phase{color:#b8e8d9;border-color:rgba(140,220,192,.25)}.production-status[data-state="completed"] .production-mark::before{background:radial-gradient(circle,rgba(106,219,187,.14),transparent 70%)}
.theme-glass .production-status:is([data-state="failed"],[data-sync="interrupted"]){--signal:#e3bd8c;border-color:rgba(224,183,132,.24);background:rgba(190,140,80,.045)}
.theme-glass .production-status:is([data-state="failed"],[data-sync="interrupted"]) #production-label,.production-status:is([data-state="failed"],[data-sync="interrupted"]) .production-mark{color:#e8c7a0}.production-status:is([data-state="failed"],[data-sync="interrupted"]) .production-phase{color:#d8bf9e;border-color:rgba(224,183,132,.25)}
.production-status:is([data-state="failed"],[data-sync="interrupted"]) .production-mark::before{background:radial-gradient(circle,rgba(224,183,132,.12),transparent 70%)}
.theme-glass .production-status[data-state="idle"]{border-color:var(--line);background:rgba(16,33,49,.2)}.theme-glass .production-status[data-state="idle"] #production-label{color:#b8cad9}
.theme-glass .delivery-panel .payment-area.production-started{padding-top:18px;padding-bottom:16px}.theme-glass .payment-area.production-started h2{font-size:15px;margin:0 0 8px}.theme-glass .payment-area.production-started #payment-description{margin-bottom:5px}
@media(max-width:719px){.theme-glass .production-status{gap:13px;padding:20px 16px;margin-top:18px}.production-mark{flex-basis:34px;width:34px;height:42px}.production-mark svg,.production-mark .production-y{width:31px;height:31px}.theme-glass .production-status #production-label{font-size:14px}.production-phase{font-size:9px;padding:2px 8px}.theme-glass .production-status #delivery-status{font-size:12px}.production-meta{column-gap:7px;row-gap:4px;font-size:10px}.theme-glass .production-status .production-reassurance{font-size:11px}.production-topline{gap:7px}}
@media(prefers-reduced-motion:reduce){.production-status .production-mark::before,.production-status .production-y,.production-status .production-dot{animation:none!important;opacity:1;transform:none}}