:root{--bg:#09090b;--ink:#f4efe8;--muted:#a39b93;--rose:#c4898f;--rose-deep:#a86d78;--cream:#f6f1ea;--card:#141418;--line:#ffffff14;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--ink);margin:0;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif}button,a,label,summary{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #e7c2c6}.skip-link{z-index:60;background:var(--rose);color:#2a1618;border-radius:999px;padding:8px 14px;font-weight:650;text-decoration:none;position:absolute;top:16px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:none}.font-serif{font-family:Songti SC,Noto Serif SC,STSong,PMingLiU,serif}.studio{background:radial-gradient(ellipse at top, #c4898f29, transparent 42%), var(--bg);min-height:100dvh}.studio-wrap{width:min(1180px,100% - 32px);margin:0 auto;padding:32px 0 64px}@media (min-width:1101px){.studio{height:100dvh;overflow:hidden}.studio-wrap{box-sizing:border-box;flex-direction:column;height:100dvh;max-height:100dvh;padding:24px 0 20px;display:flex;overflow:hidden}.studio-head{flex:none}.studio-grid{flex:auto;grid-template-rows:minmax(0,1fr);align-items:stretch;gap:20px;height:100%;min-height:0;margin-top:14px;overflow:hidden}.studio-grid>.panel{min-height:0}.panel.composer{flex-direction:column;height:100%;min-height:0;padding:22px;display:flex;overflow:hidden}.composer-main{flex-direction:column;flex:auto;gap:12px;min-height:0;display:flex;overflow:hidden}.composer-upload,.composer-style{flex:none}.composer-paste{flex-direction:column;flex:auto;min-height:0;display:flex}.composer-paste .novel-field{resize:none;flex:1;min-height:120px;overflow-y:auto}.composer-foot{flex:none;margin-top:auto}.library.panel{flex-direction:column;height:100%;min-height:0;padding:22px;display:flex;overflow:auto}}@media (min-width:1280px){.studio-wrap{width:min(1760px,100% - 64px);padding:28px 0 24px}.studio-grid{grid-template-columns:minmax(400px,min(26vw,480px)) minmax(0,1fr);gap:24px}.panel.composer,.library.panel{padding:24px}.composer-paste .novel-field{max-height:none}}.studio-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;display:flex}.studio-brand{flex-wrap:wrap;flex:auto;align-items:center;gap:10px 18px;min-width:0;display:flex}.studio-title-block{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.studio-mark{color:#c4898f;letter-spacing:.16em;white-space:nowrap;margin:0;font-size:11px}.studio-title{white-space:nowrap;margin:0;font-size:1.35rem;font-weight:500;line-height:1.2}.flow-steps{counter-reset:flow;flex-wrap:wrap;gap:6px 12px;margin:0;padding:0;list-style:none;display:flex}.flow-steps li{counter-increment:flow;color:#d7c2b6;white-space:nowrap;font-size:12px}.flow-steps li:before{content:counter(flow);color:#f4efe8;background:#c4898f2e;border-radius:999px;place-items:center;width:18px;height:18px;margin-right:6px;font-size:11px;display:inline-grid}.studio-tools{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}.capacity{color:#f4efe8;white-space:nowrap;background:#c4898f1f;border-radius:999px;flex:none;margin:0;padding:6px 10px;font-size:12px}.btn-compact{min-height:34px;padding:0 12px;font-size:13px}.studio-grid{grid-template-columns:minmax(0,min(380px,34vw)) minmax(0,1fr);align-items:start;gap:20px;margin-top:16px;display:grid}.panel.composer{flex-direction:column;gap:12px;min-width:0;display:flex}.composer-title,.composer-foot{flex:none}.composer-main{flex-direction:column;gap:12px;min-width:0;display:flex}.composer-upload,.composer-paste,.composer-style{flex-direction:column;gap:8px;min-width:0;display:flex}.composer-paste{flex:auto;min-height:0}.field-label{color:#a39b93;margin:0;font-size:13px;font-weight:500;line-height:1.4}.composer .drop,.composer .style-pick,.composer .composer-foot,.composer .notice,.composer .error-text{margin-top:0}.composer-paste .novel-field{min-height:128px;max-height:min(42vh,360px)}.novel-field{width:100%}.composer-foot{gap:10px;display:grid}.composer-note{color:#a39b93;margin:0;font-size:13px;line-height:1.55}.file-clear{justify-self:start;min-height:36px}.style-hint{color:#a39b93;margin:-4px 0 0;font-size:13px;line-height:1.5}.library-grid,.drama-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));place-content:start;gap:14px;margin-top:16px;display:grid}.library-label{color:#a39b93;margin:20px 0 0;font-size:13px;font-weight:500}.library-label+.library-grid,.library-label+.drama-list{margin-top:10px}.library-empty{color:#a39b93;justify-items:start;gap:14px;margin:28px 0 0;padding:8px 0 12px;line-height:1.7;display:grid}.library-empty p{margin:0}.library:focus{outline:none}.drama-skeleton{border:1px solid var(--line);background:#ffffff08;border-radius:16px;height:168px;position:relative;overflow:hidden}.drama-skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.4s ease-in-out infinite skeleton-sheen;position:absolute;inset:0}@keyframes skeleton-sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.bar>span,.drama-item,.btn,.pager button,.drop,.style-option,.skip-link{transition:none}.drama-skeleton:after{animation:none}}.panel{border:1px solid var(--line);background:#141418eb;border-radius:20px;padding:20px}.drop{text-align:center;background:#ffffff05;border:1px dashed #f4efe838;border-radius:14px;gap:4px;padding:14px 16px;transition:border-color .18s,background .18s;display:grid;position:relative}.drop-title{color:var(--ink);font-size:15px;display:block}.drop-hint{color:#a39b93;font-size:12px;line-height:1.45;display:block}.drop-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.drop.is-over{border-color:var(--rose);background:#c4898f14}.field{resize:vertical;border:1px solid var(--line);width:100%;min-height:180px;color:var(--ink);line-height:1.65;font:inherit;background:#0d0d11;border-radius:14px;padding:12px 14px}.composer-paste .field{resize:vertical;min-height:128px}.style-pick{grid-template-columns:1fr 1fr;gap:10px;display:grid}.style-option{border:1px solid var(--line);min-height:44px;color:var(--ink);text-align:center;cursor:pointer;background:#0d0d11;border-radius:16px;justify-content:center;align-items:center;padding:10px 14px;transition:border-color .18s,background .18s;display:flex}.style-option strong{font-weight:650}.style-option:hover{border-color:#c4898f8c}.style-option.is-on{border-color:var(--rose);background:#c4898f1f}.btn{background:var(--rose);color:#2a1618;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:650;transition:background .18s,transform .18s;display:inline-flex}.btn:hover{background:#d3a0a6}.btn:disabled{cursor:not-allowed;opacity:.55}.btn.secondary{color:var(--ink);border:1px solid var(--line);background:0 0}.btn.secondary:hover{background:#ffffff0d}.notice{color:#f0d7b0;background:#e8b87c1f;border-radius:12px;padding:10px 12px;font-size:14px}.error-text{color:#f0b4b4;font-size:14px}.steps{gap:8px;margin:14px 0;display:grid}.step{color:var(--muted);justify-content:space-between;gap:12px;font-size:14px;display:flex}.step.is-current{color:var(--ink)}.step.is-done{color:#d7c2b6}.bar{background:#ffffff14;border-radius:999px;height:6px;overflow:hidden}.bar>span{background:linear-gradient(90deg,#a86d78,#e7c2c6);height:100%;transition:width .24s;display:block}.drama-item{border:1px solid var(--line);background:#ffffff08;border-radius:16px;flex-direction:column;gap:8px;min-height:176px;padding:16px;transition:border-color .18s,background .18s;display:flex}.drama-item:hover{border-color:#f4efe82e}.drama-item.is-running{background:#c4898f0f;border-color:#c4898f8c}.drama-item.is-queued{border-color:#e8b87c59}.task-summary{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.task-summary-side{align-items:center;gap:12px;display:flex}.sheet-modal{border:1px solid var(--line);background:#141418;border-radius:20px;gap:14px;width:min(100%,420px);padding:18px;display:grid;box-shadow:0 24px 80px #00000073}.sheet-field{color:#d7c2b6;gap:6px;font-size:14px;display:grid}.sheet-field input{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#0d0d11;border-radius:12px;padding:10px 12px}.task-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.task-title h3{flex-wrap:wrap;flex:1;align-items:flex-start;gap:8px;min-width:0;display:flex}.drama-blurb{color:#a39b93;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.title-input{width:100%;min-width:0;max-width:100%;color:inherit;font:inherit;resize:none;overflow-wrap:anywhere;field-sizing:content;background:0 0;border:0;border-bottom:1px solid #0000;border-radius:0;flex:100%;margin:0;padding:0 0 1px;line-height:1.45;overflow:hidden}.title-input:hover{border-bottom-color:#f4efe847}.title-input:focus-visible{border-bottom-color:var(--rose);outline:none}.title-error{color:#f0b4b4;flex:1 0 100%;font-size:12px;font-weight:400}.style-tag{border:1px solid var(--line);color:#d7c2b6;border-radius:999px;flex:none;padding:1px 8px;font-size:12px;font-weight:500;line-height:1.6}.pill{border:1px solid var(--line);min-height:26px;color:var(--muted);border-radius:999px;flex:none;align-items:center;padding:0 10px;font-size:12px;display:inline-flex}.pill.is-running{color:#2a1618;background:var(--rose);border-color:#0000}.pill.is-queued{color:#f0d7b0;background:#e8b87c24;border-color:#0000}.pill.is-error{color:#f0b4b4;background:#f0b4b41f;border-color:#0000}.bar-row{color:var(--muted);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;font-size:12px;display:grid}.step-rail{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.step-rail li{color:var(--muted);text-align:center;padding-top:12px;font-size:12px;position:relative}.step-rail li:before{content:"";background:#ffffff14;border-radius:999px;height:3px;position:absolute;top:0;left:10%;right:10%}.step-rail li.is-done,.step-rail li.is-current{color:#d7c2b6}.step-rail li.is-done:before,.step-rail li.is-current:before{background:var(--rose)}.step-rail li.is-current{color:var(--ink)}.error-box{color:#f0b4b4;background:#f0b4b414;border-radius:12px;max-height:88px;margin:0;padding:10px 12px;font-size:13px;line-height:1.6;overflow:auto}.drama-actions{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:4px;display:flex}.drama-actions .btn{min-height:36px;padding:0 12px;font-size:13px}.pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:16px;display:flex}.pager button{border:1px solid var(--line);min-width:36px;min-height:36px;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:0 12px;transition:background .18s,border-color .18s}.pager button:hover:not(:disabled){border-color:#c4898f8c}.pager button.is-on{background:var(--rose);color:#2a1618;border-color:#0000}.pager button:disabled{cursor:not-allowed;opacity:.4}.pager-gap{color:#a39b93;text-align:center;min-width:20px}.play-modal{z-index:40;background:#000000b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.play-modal-frame{width:min(100%,440px);height:min(100dvh - 32px,940px)}.play-modal-frame .vn-shell{background:0 0;height:100%;min-height:0}.play-modal-frame .vn-stage{border-radius:28px;width:100%;height:100%;box-shadow:0 24px 80px #00000073}.preview-modal{border:1px solid var(--line);background:#141418;border-radius:20px;grid-template-rows:auto minmax(0,1fr);gap:16px;width:min(100%,960px);max-height:calc(100dvh - 32px);padding:18px 18px 8px;display:grid;box-shadow:0 24px 80px #00000073}.preview-modal-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.preview-modal-head h2{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.preview-modal-head .btn{flex:none;min-height:36px}.preview-modal-body{padding-bottom:10px;overflow:auto}.preview-block{gap:12px;display:grid}.cover-bar{justify-content:space-between;align-items:center;gap:16px;display:flex}.cover-bar p{margin-top:6px}.cover-bar .btn{flex:none}.public-url-list{gap:10px;display:grid}.public-url{gap:6px;display:grid}.public-url-label{color:#a39b93;margin:0;font-size:12px}.public-url-row{align-items:stretch;gap:8px;display:flex}.public-url-input{border:1px solid var(--line);color:#d7c2b6;background:#0d0d11;border-radius:12px;flex:1;min-width:0;padding:8px 10px;font-size:12px;line-height:1.4}.public-url-note{color:#d7c2b6;margin:0;font-size:12px}.copy-toast{z-index:80;color:#1c1614;letter-spacing:.02em;pointer-events:none;background:#f6f1ea;border-radius:999px;margin:0;padding:14px 28px;font-size:18px;font-weight:650;line-height:1.3;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #00000073}.preview-card.is-cover img{height:280px}.preview-modal .preview-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}.preview-modal .preview-card img{height:240px}.preview-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;display:grid}.preview-card{align-content:start;gap:6px;display:grid}.preview-card img{object-fit:contain;object-position:center top;border:1px solid var(--line);background:#0d0d11;border-radius:12px;width:100%;height:180px}.preview-pending{border:1px dashed var(--line);color:#a39b93;text-align:center;background:#0d0d11;border-radius:12px;place-items:center;width:100%;height:180px;padding:12px;font-size:13px;display:grid}.preview-modal .preview-pending{height:240px}.preview-card.is-cover .preview-pending{height:280px}.preview-pending.is-failed{color:#d7a3a3;border-color:#c4898f8c}.preview-pending.is-painting{color:#d7c2b6;animation:1.6s ease-in-out infinite preview-pulse}@media (prefers-reduced-motion:reduce){.preview-pending.is-painting{animation:none}}@keyframes preview-pulse{50%{opacity:.55}}.preview-card strong{justify-content:space-between;gap:8px;font-size:13px;display:flex}.preview-card strong span{color:#a39b93;font-size:12px;font-weight:400;line-height:1.5}.preview-prompt{resize:vertical;border:1px solid var(--line);color:#d7cfc6;width:100%;min-height:96px;font:inherit;background:#00000040;border-radius:10px;margin:0;padding:8px 10px;font-size:12px;font-weight:400;line-height:1.5}.preview-prompt:focus-visible{border-color:#c4898fb3;outline:none}.preview-prompt:disabled{opacity:.6}.preview-card .btn{width:100%;min-height:36px}.vn-shell{background:radial-gradient(#1c1d24 0%,#07080c 68%);place-items:center;min-height:100dvh;display:grid}.vn-stage{color:#fff;background:#07080c;width:min(100vw,440px);height:100dvh;position:relative;overflow:hidden}.vn-bg,.vn-bg img{object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}.vn-bg{background:#101218}.vn-shade{pointer-events:none;background:linear-gradient(#00000073,#0000 22% 58%,#0000008c);position:absolute;inset:0}.vn-sprite{object-fit:contain;object-position:center top;pointer-events:none;filter:drop-shadow(0 18px 24px #00000059);z-index:2;width:auto;max-width:100%;height:auto;max-height:calc(100% - 108px);position:absolute;top:108px;bottom:0;left:50%;transform:translate(-50%)}.vn-top{z-index:12;height:auto;padding:calc(10px + env(safe-area-inset-top)) 12px 18px;background:linear-gradient(#0000008c,#0000);flex-flow:row;justify-content:flex-start;align-items:center;gap:8px;display:flex;position:absolute;inset:0 0 auto}.vn-icon-btn,.vn-back{color:#fff;background:0 0;border:0;border-radius:999px;place-items:center;width:36px;height:36px;display:grid}.vn-back{flex:0 0 36px;margin:0;float:none!important;position:static!important;inset:auto!important}.vn-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:16px;font-weight:650;overflow:hidden}.vn-chapter{z-index:7;top:calc(54px + env(safe-area-inset-top));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f6f1ea;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#ffffff29;border-radius:999px;max-width:78%;padding:6px 14px;font-size:13px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.vn-rail{z-index:8;flex-direction:column;gap:10px;display:flex;position:absolute;top:22%;right:10px}.vn-rail button{color:#3a342f;background:#f7f4efe0;border:0;border-radius:16px;place-items:center;width:46px;height:46px;font-size:16px;display:grid;box-shadow:0 8px 18px #0000002e}.vn-narration{z-index:4;text-shadow:0 2px 12px #000000d9;font-size:16px;line-height:1.75;position:absolute;bottom:15%;left:28px;right:78px}.vn-dialogue{z-index:6;color:#2c2825;background:#efe8dff0;border-radius:22px;min-height:148px;padding:28px 18px 16px;position:absolute;bottom:22px;left:14px;right:14px;box-shadow:0 16px 40px #00000047}.vn-speaker{color:#6d625c;background:#fff;border-radius:999px;padding:3px 10px;font-size:13px;position:absolute;top:-12px;left:16px;box-shadow:0 4px 12px #00000014}.vn-dialogue.is-aside .vn-speaker{color:#8d4d5a;background:#f7e6e8}.vn-line{min-height:78px;margin:0;font-size:16px;line-height:1.75}.vn-caret{border-bottom:2px solid #b7aea6;border-right:2px solid #b7aea6;width:10px;height:10px;animation:1s ease-in-out infinite vn-bob;position:absolute;bottom:12px;right:16px;transform:rotate(45deg)}.vn-choices{z-index:7;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:28px;left:16px;right:16px}.vn-choice-title,.vn-choice{color:#2c2825;text-align:center;background:#f7f4eff0;border:0;border-radius:999px;min-height:48px;padding:12px 16px;font-size:15px}.vn-choice{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.vn-choice.is-hot{background:linear-gradient(#fff,#fff8ee);box-shadow:0 0 0 1px #ffd696e6,0 0 22px #ffc47873}.vn-choice-wrap{position:relative}.vn-hot{z-index:1;color:#fff;background:#c4898f;border-radius:999px;padding:2px 8px;font-size:11px;position:absolute;top:-10px;left:18px}.vn-ai{z-index:8;color:#ffffff9e;pointer-events:none;text-shadow:0 1px 4px #0009;font-size:10px;position:absolute;bottom:8px;right:12px}.vn-mask{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08080a47;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.vn-sheet,.vn-dialog,.vn-ending{background:var(--cream);color:#2c2825;border-radius:22px;width:min(100%,380px);max-height:min(78dvh,680px);padding:18px 16px 16px;position:relative;overflow:auto;box-shadow:0 20px 50px #00000047}.vn-sheet h2,.vn-dialog h2,.vn-ending h2{margin:0;font-size:20px}.vn-dialog h2,.vn-dialog .vn-muted{text-align:center}.vn-muted{color:#7b736c;margin:6px 0 12px;font-size:13px;line-height:1.6}.vn-close{color:#5c564f;background:#0000000d;border:0;border-radius:999px;width:32px;height:32px;position:absolute;top:12px;right:12px}.vn-chapter-row{text-align:left;width:100%;color:inherit;background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:11px 8px;display:flex}.vn-chapter-row.is-current{background:#ffffffb8}.vn-chapter-row:disabled{color:#b3aaa2;cursor:not-allowed}.vn-tag{color:#a86d78;background:#f3e4e4;border-radius:999px;padding:2px 8px;font-size:12px}.vn-actions{gap:10px;margin-top:14px;display:grid}.vn-rose,.vn-ghost,.vn-text-btn{border:0;border-radius:999px;min-height:46px;font-size:15px}.vn-rose{color:#fff;background:#c4898f}.vn-ghost{color:#2c2825;background:#fff}.vn-text-btn{color:#7b736c;background:0 0}.vn-card-kicker{background:#ffffffb3;border-radius:999px;margin-bottom:8px;padding:2px 8px;font-size:12px;display:inline-block}.vn-ending{text-align:center;padding:28px 20px}.vn-gallery{gap:10px;display:grid}.vn-thumb{grid-template-columns:72px 1fr;align-items:center;gap:10px;display:grid}.vn-thumb img,.vn-thumb .ph{object-fit:cover;background:#d9d0c6;border-radius:10px;width:72px;height:96px}.vn-loading{color:#fffc;place-items:center;gap:10px;display:grid;position:absolute;inset:0}.vn-spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite vn-spin}@keyframes vn-spin{to{transform:rotate(360deg)}}@keyframes vn-bob{50%{transform:translateY(3px)rotate(45deg)}}@media (min-width:800px){.vn-stage{border-radius:28px;height:min(100dvh,940px);box-shadow:0 24px 80px #00000073}}@media (max-width:1100px){.studio,.studio-wrap,.studio-grid,.panel.composer,.composer-main,.library.panel{height:auto;max-height:none;overflow:visible}.studio{overflow-x:hidden}.studio-wrap{width:min(1180px,100% - 24px);padding:16px 0 32px;display:block}.studio-grid,.library.panel,.panel.composer{min-width:0}.studio-head{gap:10px}.studio-tools{justify-content:flex-start;width:100%}.studio-grid,.library-grid,.drama-list{grid-template-columns:1fr;margin-top:12px}.panel{padding:16px}.panel.composer{gap:10px}.drop{padding:12px 14px}.composer-paste .novel-field,.composer-paste .field{min-height:112px;max-height:min(38vh,280px)}.style-pick{grid-template-columns:1fr 1fr;gap:8px}.style-option{min-height:42px;padding:8px 12px}.composer-foot .btn{width:100%}.composer-note{font-size:12px}}@media (max-width:520px){.studio-mark{display:none}.flow-steps{width:100%}.style-pick{grid-template-columns:1fr}}.studio-col{align-content:start;gap:16px;display:grid}.account-box{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.account-bar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.account-name{color:#f4efe8;font-size:14px}.login-screen{place-items:center;min-height:100dvh;padding:32px 16px;display:grid}.login-card{gap:14px;width:min(420px,100%);display:grid}.login-wait{text-align:center;color:#a39b93;margin:0;padding:48px 16px}.login-field{color:#a39b93;gap:6px;font-size:14px;display:grid}.line-field{border:1px solid var(--line);width:100%;height:44px;min-height:44px;color:var(--ink);background:#0d0d11;border-radius:999px;padding:0 16px}.user-modal{border:1px solid var(--line);background:#141418;border-radius:20px;grid-template-rows:auto minmax(0,1fr);gap:16px;width:min(100%,480px);max-height:calc(100dvh - 32px);padding:18px 18px 8px;display:grid;box-shadow:0 24px 80px #00000073}.user-admin{gap:12px;display:grid}.user-create{gap:10px;display:grid}.user-list{margin:0;padding:0;list-style:none}.user-list li{border-top:1px solid var(--line);padding:10px 0}.user-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.user-row .btn,.reset-row .btn{min-height:36px;padding:0 14px}.reset-row{gap:8px;margin-top:8px;display:flex}.card-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.owner-line{color:#a39b93;margin:0;font-size:13px}@media (max-width:860px){.account-box{align-items:flex-start}.account-bar{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}