:root{font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#f7fbff;background:#020817;font-synthesis:none;--bg: #020817;--panel: #071327;--panel-2: #0a1a33;--line: rgba(139, 174, 220, .18);--muted: #8399bb;--cyan: #32f0ec;--cyan-2: #39bff8;--blue: #7a83ff;--danger: #ff778f;--warm: #ffaf68}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;min-height:100%;background:var(--bg)}body{min-width:320px;overscroll-behavior:none}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}button:disabled{opacity:.55}.app-shell,.screen{background:var(--bg)}.app-shell{width:100%;height:100svh;max-width:560px;margin:0 auto;position:relative;overflow:hidden;border-inline:1px solid rgba(255,255,255,.03)}.screen{height:100%;min-height:0;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}.screen-scroll{flex:1;min-height:0;overflow-y:auto;padding:10px 18px calc(112px + env(safe-area-inset-bottom));scrollbar-width:none}.screen-scroll::-webkit-scrollbar{display:none}.top-bar{min-height:82px;display:flex;align-items:center;justify-content:space-between;padding:18px 18px 12px;position:relative;z-index:20;background:#020817ed;border-bottom:1px solid rgba(255,255,255,.04)}.top-left{display:flex;align-items:center;gap:11px;min-width:0}.top-left>div{min-width:0}.top-bar span{display:block;color:var(--muted);font-size:11px;letter-spacing:.08em;margin-bottom:4px}.top-bar h1{margin:0;font-size:24px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-button{width:42px;height:42px;border:1px solid var(--line);background:#0b1b34c7;border-radius:14px;display:grid;place-items:center;padding:0}.icon-button svg{width:21px;height:21px}.text-action{border:0;background:transparent;color:var(--cyan);font-size:13px}.button{min-height:52px;padding:0 20px;border-radius:17px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;letter-spacing:.01em}.button svg{width:19px;height:19px}.button-primary{color:#02121c;background:linear-gradient(112deg,#34f0e7,#71b8ff 52%,#8585ff);box-shadow:0 12px 34px #36d6f533}.button-secondary{color:#dcecff;border:1px solid rgba(106,163,221,.32);background:#0a1b34}.button-ghost{background:transparent;color:var(--cyan);padding-inline:10px;min-height:42px}.button-danger{background:#ff5c781f;color:#ff9caf;border:1px solid rgba(255,92,120,.25)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.boot-screen{min-height:100svh;display:grid;place-content:center;justify-items:center;gap:12px;color:#fff;background:radial-gradient(circle at 50% 42%,#0d4772,#020817 40%)}.boot-screen img{width:92px;height:92px;border-radius:24px;box-shadow:0 16px 70px #2fe7ee47}.boot-screen h1{margin:0;font-size:34px}.boot-screen span{color:var(--muted);font-size:13px}.auth-screen{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:max(54px,env(safe-area-inset-top)) 22px max(28px,env(safe-area-inset-bottom));position:relative;overflow:hidden;background:#020817}.auth-backdrop{position:absolute;inset:0;background:linear-gradient(to bottom,#0208170a,#02081785 46%,#020817 76%),url(../assets/splash-master.png) center 20% / cover;opacity:.83}.auth-brand,.auth-panel{position:relative;z-index:1}.auth-brand{display:flex;align-items:center;gap:14px;margin-bottom:28px}.auth-brand img{width:64px;height:64px;border-radius:18px;box-shadow:0 14px 38px #00000061}.auth-brand h1{margin:0 0 3px;font-size:36px}.auth-brand p{margin:0;color:#bdd4ee;font-size:14px}.auth-panel{padding:21px;background:#051022eb;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid rgba(139,190,235,.2);border-radius:28px;box-shadow:0 28px 80px #0000006b}.auth-mode{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;background:#020a17;border-radius:14px;margin-bottom:18px}.auth-mode button{height:40px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:700}.auth-mode button.active{color:#05101a;background:var(--cyan)}.auth-panel label,.field{display:block;color:#9fb3cf;font-size:12px;margin:13px 0}.auth-panel input,.field input,.field textarea{display:block;width:100%;margin-top:7px;color:#fff;background:#071326;border:1px solid rgba(129,171,218,.18);border-radius:14px;padding:14px 15px;resize:none}.auth-panel .button{width:100%;margin-top:8px}.free-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#8ea5c6;font-size:11px;margin:15px 0 0}.free-note svg{color:var(--cyan)}.bottom-nav{position:absolute;z-index:30;bottom:0;left:0;right:0;min-height:calc(76px + env(safe-area-inset-bottom));padding:9px 16px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:#030c1bf2;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-top:1px solid rgba(129,170,219,.18)}.bottom-nav button{position:relative;border:0;background:transparent;color:#758cab;display:grid;justify-items:center;align-content:center;gap:5px;font-size:11px}.bottom-nav svg{width:23px;height:23px}.bottom-nav button.active{color:var(--cyan)}.bottom-nav button.active:after{content:"";width:24px;height:3px;border-radius:9px;background:var(--cyan);position:absolute;bottom:0;box-shadow:0 0 10px var(--cyan)}.bottom-nav b{position:absolute;top:2px;right:22%;background:#ff6681;color:#fff;border:2px solid #071122;border-radius:999px;min-width:18px;height:18px;display:grid;place-items:center;font-size:9px}.round-add{height:40px;padding:0 15px;display:flex;align-items:center;gap:6px;border:0;border-radius:13px;background:var(--cyan);color:#06121d;font-weight:800}.filter-rail{display:flex;gap:8px;overflow-x:auto;padding:8px 18px 7px;border-bottom:1px solid rgba(255,255,255,.03);scrollbar-width:none}.filter-rail button{flex:0 0 auto;height:34px;border:1px solid transparent;background:transparent;color:var(--muted);padding:0 13px;border-radius:999px;font-size:12px}.filter-rail button.active{border-color:#32f0ec47;background:#32f0ec1a;color:var(--cyan)}.project-list{display:grid;gap:12px}.project-row{width:100%;padding:0;text-align:left;display:grid;grid-template-columns:105px 1fr 18px;gap:13px;align-items:center;background:#071326;border:1px solid var(--line);border-radius:20px;overflow:hidden}.project-row>img{width:105px;height:155px;object-fit:cover}.project-row-main{min-width:0;padding:14px 0}.project-row>svg{color:#5f7899;margin-right:10px}.row-title{display:flex;align-items:center;gap:6px;color:#92a6c1;font-size:10px}.row-title small{font-size:10px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 10px currentColor}.status-running,.status-review{color:var(--cyan)!important}.status-dot.status-running,.status-dot.status-review{background:var(--cyan)}.status-completed,.status-approved{color:#75efad!important}.status-failed,.status-revision{color:#ff8097!important}.project-row h2{margin:7px 0 5px;font-size:19px}.project-row p{margin:0 0 10px;color:#8399b8;font-size:11px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-meta{display:flex;flex-wrap:wrap;gap:8px;color:#66809f;font-size:9px}.progress{height:4px;margin-top:11px;border-radius:99px;background:#7ea3d02b;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue));border-radius:99px}.error-bar{margin:8px 18px;padding:11px 12px;border-radius:13px;background:#ff5b7a1a;border:1px solid rgba(255,91,122,.24);color:#ffb0bf;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px}.error-bar button{border:0;background:transparent;color:#ffd1da;display:flex;gap:5px;align-items:center}.auth-panel .error-bar,.sheet .error-bar{margin:8px 0}.loading-lines{padding:16px 0;display:grid;gap:11px}.loading-lines i{height:75px;border-radius:16px;background:linear-gradient(100deg,#071326 30%,#102744,#071326 70%);background-size:200% 100%;animation:shimmer 1.3s infinite linear}@keyframes shimmer{to{background-position-x:-200%}}.empty{min-height:320px;padding:42px 28px;display:grid;place-content:center;justify-items:center;text-align:center}.empty-icon{width:68px;height:68px;display:grid;place-items:center;border-radius:22px;color:var(--cyan);background:#32f0ec14;border:1px solid rgba(50,240,236,.18)}.empty-icon svg{width:30px;height:30px}.empty strong{margin-top:19px;font-size:18px}.empty p{max-width:260px;color:var(--muted);font-size:12px;line-height:1.7;margin:9px 0 20px}.sheet-layer{position:absolute;inset:0;z-index:100;display:flex;align-items:flex-end;background:#00040cb3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sheet{width:100%;max-height:91%;overflow-y:auto;padding:8px 20px calc(22px + env(safe-area-inset-bottom));border:1px solid rgba(130,186,233,.25);border-bottom:0;border-radius:28px 28px 0 0;background:#071326;box-shadow:0 -20px 80px #0000007a}.sheet.compact{max-height:78%}.sheet-handle{width:40px;height:4px;border-radius:8px;background:#425b7c;margin:3px auto 18px}.sheet-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.sheet-title span{color:var(--cyan);font-size:11px;letter-spacing:.1em}.sheet-title h2{margin:4px 0 0;font-size:24px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mode-grid button{text-align:left;min-height:82px;border:1px solid var(--line);border-radius:15px;background:#091a31;padding:11px}.mode-grid button.selected{border-color:var(--cyan);background:#32f0ec14;box-shadow:inset 0 0 0 1px #32f0ec2e}.mode-grid strong{display:block;font-size:12px}.mode-grid small{display:block;color:var(--muted);font-size:9px;line-height:1.5;margin-top:5px}.deliverables{display:flex;align-items:center;gap:8px;color:#7f96b7;font-size:11px;margin:13px 0}.deliverables svg{color:var(--cyan)}.deliverables b{color:#cce0f6}.sheet>.button{width:100%}.project-tabs{display:flex;padding:0 12px;overflow-x:auto;border-bottom:1px solid rgba(255,255,255,.06);scrollbar-width:none}.project-tabs button{position:relative;flex:1 0 auto;min-width:62px;height:43px;border:0;background:transparent;color:#778eae;font-size:12px}.project-tabs button.active{color:#fff;font-weight:700}.project-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:17px;right:17px;height:3px;border-radius:8px;background:var(--cyan)}.project-scroll{padding-top:14px}.project-hero{min-height:370px;border-radius:26px;overflow:hidden;position:relative;border:1px solid var(--line)}.project-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-hero-shade{position:absolute;inset:0;background:linear-gradient(to bottom,#02081714 18%,#02081747 48%,#061125 92%)}.project-hero-copy{position:absolute;inset:auto 20px 19px}.project-hero-copy>span{color:var(--cyan);font-size:10px;letter-spacing:.12em}.project-hero h2{margin:8px 0 6px;font-size:29px}.project-hero p{margin:0;color:#ccdaeb;font-size:11px;line-height:1.6;max-width:90%}.hero-stats{margin-top:14px;display:flex;gap:24px}.hero-stats b{font-size:20px}.hero-stats small{display:block;font-size:9px;color:#7890b0;font-weight:500;margin-top:2px}.next-action{margin:14px 0 22px;padding:18px;border-radius:20px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;background:#081a32;border:1px solid rgba(50,240,236,.2)}.next-action span{color:var(--cyan);font-size:10px}.next-action h3{margin:5px 0;font-size:15px}.next-action p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.next-action .button{min-height:45px;padding-inline:13px;font-size:11px}.section-title{margin:24px 0 11px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.section-title h3{margin:0;font-size:16px}.section-title p{margin:4px 0 0;color:var(--muted);font-size:10px}.section-title button{border:0;background:transparent;color:#84a0c1;display:flex;align-items:center;gap:3px;font-size:10px}.approval-line{display:grid;grid-template-columns:repeat(5,1fr);position:relative}.approval-line:before{content:"";position:absolute;top:17px;left:9%;right:9%;height:1px;background:#233a5a}.approval-line div{position:relative;display:grid;justify-items:center;gap:7px;color:#607796;font-size:9px}.approval-line i{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid #29415f;background:#071326;font-style:normal}.approval-line div.active{color:var(--cyan)}.approval-line div.active i{border-color:var(--cyan);background:var(--cyan);color:#04111c;box-shadow:0 0 18px #32f0ec40}.episode-list,.character-list,.job-list,.message-list{border-block:1px solid var(--line)}.episode-list>button,.character-list>button{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;text-align:left;padding:15px 2px;border:0;border-bottom:1px solid var(--line);background:transparent}.episode-list>button:last-child,.character-list>button:last-child{border-bottom:0}.episode-list>button>b{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:#43d9ed17;color:var(--cyan);font-size:11px}.episode-list h4,.character-list h4{margin:0 0 5px;font-size:13px;display:flex;align-items:center;gap:5px}.episode-list p,.character-list p{margin:0 0 5px;color:#91a5bf;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.episode-list small,.character-list small{color:#617b9c;font-size:9px}.episode-list svg,.character-list>button>svg{color:#58718f}.character-avatar{width:52px;height:52px;overflow:hidden;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,#1adfdc,#7379ff);color:#06101a;font-size:22px;font-weight:900}.character-avatar img{width:100%;height:100%;object-fit:cover}.script-paper{width:100%;min-height:330px;padding:22px;text-align:left;border-radius:20px;border:1px solid rgba(185,198,214,.18);color:#dce6f2;background:linear-gradient(135deg,#132138,#07101f)}.script-paper>div{display:flex;align-items:center;gap:8px;color:var(--cyan);font-size:10px}.script-paper h3{margin:26px 0 14px;font-size:21px}.script-paper p{color:#b0bfd2;line-height:2;white-space:pre-line;font-size:12px}.script-paper small{display:block;margin-top:28px;color:#657f9e}.asset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.asset-grid figure{margin:0;min-height:220px;position:relative;overflow:hidden;border-radius:18px;border:1px solid var(--line)}.asset-grid img{width:100%;height:220px;object-fit:cover}.asset-grid figcaption{position:absolute;inset:auto 0 0;padding:26px 12px 12px;background:linear-gradient(transparent,#020817f0)}.asset-grid b,.asset-grid span{display:block}.asset-grid b{font-size:11px}.asset-grid span{margin-top:3px;color:var(--cyan);font-size:9px}.asset-add{min-height:160px;border:1px dashed #315477;border-radius:18px;background:#0c233f80;color:#7fa1c6;display:grid;place-content:center;justify-items:center;gap:9px}.asset-add svg{width:25px;height:25px}.episode-summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 18px;border-bottom:1px solid var(--line)}.episode-summary>div{display:flex;gap:10px;color:#8da5c5;font-size:10px}.episode-summary span+span:before{content:"·";margin-right:10px;color:#415978}.episode-summary .button{min-height:39px;border-radius:12px;padding:0 11px;font-size:10px}.shot-list{padding-top:10px;display:grid;gap:11px}.shot-row{width:100%;padding:0;display:grid;grid-template-columns:100px 1fr 17px;gap:12px;align-items:center;text-align:left;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#071326}.shot-row>svg{margin-right:8px;color:#547091}.shot-thumb{width:100px;height:112px;position:relative}.shot-thumb img{width:100%;height:100%;object-fit:cover}.shot-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,#01060fd9)}.shot-thumb b,.shot-thumb span{position:absolute;z-index:1;bottom:8px}.shot-thumb b{left:8px;font-size:12px}.shot-thumb span{right:8px;font-size:9px;color:#d1deef}.shot-row>div:nth-child(2){min-width:0}.shot-title{display:flex;align-items:center;justify-content:space-between;gap:7px}.shot-title h3{margin:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill{flex:0 0 auto;display:inline-block;padding:5px 8px;border-radius:999px;background:#6a88b21f;color:#8fa7c6;font-size:8px;border:1px solid currentColor}.shot-row p{margin:8px 0 5px;color:#93a8c3;font-size:9px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shot-row small{color:#5f7898;font-size:8px}.sticky-action{position:absolute;z-index:22;bottom:0;left:0;right:0;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#020817 24%)}.sticky-action .button{width:100%}.shot-preview{height:445px;position:relative;margin:-10px -18px 0;overflow:hidden}.shot-preview>img,.shot-preview>video{width:100%;height:100%;object-fit:cover}.shot-preview>video{position:relative;z-index:1;background:#020713}.shot-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 46%,#020817 98%);pointer-events:none}.preview-play{position:absolute;z-index:2;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:64px;height:64px;border:1px solid rgba(255,255,255,.65);border-radius:50%;color:#06111b;background:#32f0ece6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-play svg{width:28px;height:28px}.loading-play{display:grid;place-items:center;color:#06111b}.preview-meta{position:absolute;z-index:2;bottom:30px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center}.preview-meta b{font-size:21px}.preview-meta span{color:var(--cyan);font-size:11px}.shot-stage{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin:-5px 0 22px}.shot-stage:before{content:"";position:absolute;top:17px;left:10%;right:10%;height:1px;background:#28415e}.shot-stage div{position:relative;display:grid;justify-items:center;gap:6px;color:#627d9f;font-size:8px}.shot-stage i{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid #2b4664;background:#061327}.shot-stage div.active{color:var(--cyan)}.shot-stage div.active i{color:#03121b;background:var(--cyan);border-color:var(--cyan)}.director-order{padding:0 16px 14px;border-radius:20px;background:#071326;border:1px solid var(--line)}.director-order .section-title button{color:var(--cyan)}.director-order dl{margin:0}.director-order dl>div{display:grid;grid-template-columns:47px 1fr;gap:10px;padding:11px 0;border-top:1px solid var(--line)}.director-order dt{color:#6682a3;font-size:9px}.director-order dd{margin:0;color:#c2d1e4;font-size:10px;line-height:1.6}.production-actions{padding:18px 0 4px;text-align:center}.production-actions .button{width:100%}.production-actions p{color:#637e9f;font-size:9px}.review-actions>div:last-child{display:grid;grid-template-columns:1.3fr 1fr;gap:8px}.issue-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.issue-grid button{height:39px;border:1px solid var(--line);border-radius:12px;background:#0a1b33;color:#8fa6c4;font-size:10px}.issue-grid button.selected{border-color:var(--cyan);color:var(--cyan);background:#32f0ec14}.version-rail{display:flex;gap:8px;overflow-x:auto;margin:4px 0 12px}.version-rail button{min-width:62px;height:48px;display:grid;place-items:center;border-radius:13px;border:1px solid var(--line);background:#071326;color:#8098b7}.version-rail button.active{color:var(--cyan);border-color:var(--cyan)}.version-rail small{display:block;font-size:8px}.script-editor{width:100%;min-height:calc(100svh - 285px);padding:24px 20px 90px;border:1px solid var(--line);border-radius:19px;resize:none;color:#dfe8f4;background:#0a1526;line-height:2.05;font-size:13px}.ai-edit-bar{position:absolute;z-index:21;left:18px;right:18px;bottom:calc(13px + env(safe-area-inset-bottom));display:flex;gap:6px;overflow-x:auto;padding:8px;border:1px solid rgba(112,160,207,.26);border-radius:16px;background:#071427f2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.ai-edit-bar button{flex:0 0 auto;height:34px;padding:0 11px;border:0;border-radius:10px;background:#102642;color:#a9bfd9;font-size:9px;display:flex;align-items:center;gap:5px}.ai-edit-bar button:first-child{color:#06111b;background:var(--cyan);font-weight:700}.studio-hero{min-height:215px;border-radius:25px;padding:22px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 15%,rgba(50,240,236,.27),transparent 33%),linear-gradient(145deg,#0c2747,#071226 62%);border:1px solid rgba(50,240,236,.25)}.studio-light{position:absolute;width:130px;height:130px;border:1px solid rgba(50,240,236,.3);border-radius:50%;right:-25px;top:-20px;box-shadow:inset 0 0 45px #32f0ec29,0 0 55px #32f0ec1a}.bridge-line{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;font-size:15px;font-weight:800}.bridge-line small{grid-column:2;margin-top:5px;color:#86a0bf;font-size:9px;font-weight:500}.live-dot{width:11px;height:11px;border-radius:50%;background:#ff718a;box-shadow:0 0 17px #ff718a}.live-dot.online{background:var(--cyan);box-shadow:0 0 17px var(--cyan)}.studio-counts{position:absolute;left:22px;right:22px;bottom:23px;display:grid;grid-template-columns:repeat(3,1fr)}.studio-counts b{border-right:1px solid rgba(255,255,255,.13);font-size:27px}.studio-counts b:last-child{border:0;padding-left:16px}.studio-counts b:nth-child(2){padding-left:16px}.studio-counts small{display:block;color:#7893b4;font-size:9px;margin-top:4px;font-weight:500}.job-list>button{width:100%;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:14px 2px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent}.job-list>button:last-child{border-bottom:0}.job-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:15px;background:#10243d;color:#8aa5c3}.job-icon.status-running,.job-icon.status-review{color:var(--cyan);background:#32f0ec1a}.job-list h4{margin:0 0 5px;font-size:12px}.job-list p{margin:0;color:#758dad;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-list>button>svg{color:#54708f}.quiet-row{padding:20px 0;color:#607b9d;border-block:1px solid var(--line);font-size:10px}.message-list>button{width:100%;display:grid;grid-template-columns:46px 1fr auto;gap:11px;align-items:center;padding:16px 0;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent}.message-list>button:last-child{border-bottom:0}.message-list>button.unread h3:before{content:"";display:inline-block;width:6px;height:6px;margin:0 7px 2px 0;border-radius:50%;background:var(--cyan)}.message-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#10233c;color:#8facce}.message-icon.completed{color:#71e7ac;background:#46dc8c1a}.message-icon.failed{color:#ff7d96;background:#ff5a781a}.message-list h3{margin:0;font-size:12px}.message-list p{margin:6px 0 0;color:#7891b1;font-size:10px;line-height:1.5}.message-list>button>div:nth-child(2)>div{display:flex;justify-content:space-between;align-items:center}.message-list small{color:#536f90;font-size:8px}.message-list>button>svg{color:#526d8c}.profile-card{margin-bottom:25px;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:13px;padding:18px;border-radius:21px;background:#071326;border:1px solid var(--line)}.profile-avatar{width:58px;height:58px;display:grid;place-items:center;border-radius:19px;color:#04111b;background:linear-gradient(135deg,var(--cyan),var(--blue));font-size:24px;font-weight:900}.profile-card h2{margin:0 0 5px;font-size:17px}.profile-card p{margin:0;color:#7e97b7;font-size:10px}.profile-card>svg{color:var(--cyan)}.settings-group{border-block:1px solid var(--line)}.settings-group>div,.settings-group>button{width:100%;min-height:53px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 3px;border:0;border-bottom:1px solid var(--line);background:transparent;color:#cbd7e6;text-align:left;font-size:11px}.settings-group>:last-child{border-bottom:0}.settings-group span{display:flex;align-items:center;gap:8px}.settings-group span svg{color:#7796b9}.settings-group b{display:flex;align-items:center;color:#718dad;font-size:10px;font-weight:500}.settings-group b.online{color:#71e7ac}.settings-group b.offline{color:#ff879d}.quality-toggle{display:flex;padding:3px;border-radius:10px;background:#0c1c33}.quality-toggle button{border:0;background:transparent;color:#66809f;border-radius:8px;padding:5px 8px;font-size:9px}.quality-toggle button.active{color:#06111b;background:var(--cyan)}.profile-screen .screen-scroll>.button{width:100%;margin-top:26px}@media(min-width:700px){body{background:#010511}.app-shell{margin-block:18px;height:calc(100svh - 36px);border-radius:34px;box-shadow:0 32px 100px #0000008c}.screen,.auth-screen{min-height:calc(100svh - 36px);max-height:calc(100svh - 36px)}}