*{box-sizing:border-box}body.screen{margin:0;background:#0c1320;color:#e7eef9;font-family:system-ui,"Malgun Gothic",sans-serif;font-size:14px;line-height:1.6}body.screen a{color:inherit;text-decoration:none}body.screen button,body.screen input,body.screen select,body.screen textarea{font:inherit}body.screen button,body.screen .pill-link{border:1px solid #3b4b65;color:#d9e6f5;background:#202d43;border-radius:9px;padding:9px 14px;cursor:pointer}body.screen button:hover{background:#2c3f5b}body.screen button.primary{background:#62dfbe;border-color:#62dfbe;color:#102d27;font-weight:750}body.screen button:disabled{opacity:.4;cursor:not-allowed}body.screen :focus-visible{outline:2px solid #8dd9fd;outline-offset:3px}body.screen h1,body.screen h2,body.screen h3,body.screen p{margin:0}body.screen h1{font-size:28px;letter-spacing:-.04em}body.screen h2{font-size:20px;letter-spacing:-.025em}body.screen h3{font-size:16px}.screen-top{padding:18px 28px;background:#152137;border-bottom:1px solid #30425c;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.screen-brand{font-size:17px;letter-spacing:.04em;font-weight:800}.screen-brand span{color:#62dfbe}.screen-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sample-label{color:#91a8c3;font-size:12px;border:1px solid #3a4b62;border-radius:20px;padding:4px 10px}.workspace{max-width:1600px;margin:auto;display:grid;grid-template-columns:230px minmax(0,1fr)}.work-nav{padding:24px 15px;position:sticky;top:56px;height:calc(100dvh - 56px);overflow:auto;background:#111c2d;border-right:1px solid #2e3b52}.work-nav a{display:flex;gap:12px;padding:11px 13px;margin-bottom:3px;border-radius:9px;color:#a8b9d1!important}.work-nav a.active{background:linear-gradient(110deg,#22524e,#20394a);color:#95f0d8!important;box-shadow:inset 3px 0 #62dfbe}.work-nav small{color:#7085a4;font-size:10px;min-width:23px;padding-top:4px}.nav-group{font-size:11px;font-weight:700;color:#7085a4;letter-spacing:.15em;margin:16px 12px 10px}.work-main{min-width:0;padding:28px}.page-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.page-heading>a{font-size:12px;color:#8bb8e9!important}.subtle{color:#8fa4c1;font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.stat{background:linear-gradient(140deg,#1d3047,#182338);border:1px solid #344962;border-radius:13px;padding:18px 20px}.stat span{color:#9eafc6;font-size:12px}.stat strong{display:block;font-size:30px;font-weight:700;line-height:1.4}.stat:first-child strong{color:#80e9c9}.panel{background:#162237;border:1px solid #30415b;border-radius:14px;padding:22px;margin-bottom:18px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.tabs button.active{color:#80ead0!important;background:#234d48!important;border-color:#418f7d!important}.bay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.bay{background:linear-gradient(155deg,#203348,#162338);border:1px solid #3b506b;border-radius:14px;padding:20px}.bay.playing{border-top:3px solid #72dfbf}.bay.free{border-top:3px solid #78a8e5}.bay.off{border-top:3px solid #8c779c}.bay-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:24px}.bay-number{font-size:23px;font-weight:800}.bay p{color:#b6c6db;margin:6px 0!important}.bay footer{display:flex;gap:8px;margin-top:22px}.status{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11px;background:#284a4d;color:#91e4d4;white-space:nowrap}.status.muted{background:#29374e;color:#aabbcf}.review{display:inline-block;font-size:12px;color:#e0bf8c;background:#8c61331a;border:1px solid #8c683d60;padding:6px 10px;border-radius:7px;margin:8px 0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:12px;color:#8fa4c1;font-weight:500;background:#1b2b43}th,td{padding:13px 14px;border-bottom:1px solid #2c3b52}td{font-size:13px}tr:last-child td{border-bottom:0}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;min-width:0}.field>span{color:#a7bbd3;font-size:13px}.field input,.field select,.field textarea{width:100%;background:#101c2e;border:1px solid #3a4e6c;border-radius:8px;padding:11px 12px;color:#e7effb;color-scheme:dark}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field input[type=checkbox]{width:auto;accent-color:#62dfbe}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #30415b;gap:15px}.empty{padding:32px;color:#8da4c0;text-align:center}.list-card{display:block;width:100%;text-align:left;padding:18px!important;margin-bottom:12px;background:#1a2b41!important;border-color:#354b68!important;border-radius:12px!important}.list-card strong{display:block;color:#edf4ff;font-size:16px}.list-card small{display:block;color:#98abc4;margin-top:6px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}#screen-dialog{width:min(600px,calc(100% - 28px));max-height:85dvh;color:#e7eef9;background:#18263b;border:1px solid #46617e;border-radius:18px;padding:0;box-shadow:0 28px 100px #0008}#screen-dialog::backdrop{background:#050b16b8;backdrop-filter:blur(5px)}#screen-dialog header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid #35485e}#screen-dialog .dialog-body{padding:24px}#screen-dialog footer{padding:16px 24px;border-top:1px solid #35485e;display:flex;justify-content:flex-end;gap:10px}.icon-button{font-size:20px!important;padding:4px 10px!important}#screen-toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);z-index:20000;background:#d8f8ed;color:#15352b;border:1px solid #88d5bc;border-radius:12px;padding:13px 22px;max-width:90vw;box-shadow:0 8px 30px #0005}.screen details summary{cursor:pointer;padding:16px 0;color:#d9e7fb}.screen details p{padding-bottom:15px;color:#a4b8d1}.phone{width:min(100%,440px);margin:26px auto;background:#121e31;border:1px solid #344b68;border-radius:28px;box-shadow:0 30px 100px #0006;overflow:clip;min-height:760px;position:relative}.app-top{padding:22px 22px 16px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(140deg,#243e4c,#1d2d45);border-bottom:1px solid #3a5066}.app-top strong{font-size:21px}.app-content{padding:22px 20px 100px;min-height:660px}.app-content h1{font-size:24px!important;margin-bottom:22px!important}.app-content p{font-size:15px}.app-content .panel{padding:18px}.app-content .field input,.app-content .field select{font-size:16px}.app-content button{min-height:44px}.app-bottom{position:sticky;bottom:0;background:#18283eed;backdrop-filter:blur(16px);border-top:1px solid #3a4f6b;display:grid;grid-template-columns:repeat(5,1fr);padding:10px 5px;z-index:20}.app-bottom a{font-size:12px;text-align:center;color:#95a9c4!important;padding:8px 2px;border-radius:9px}.app-bottom a.active{background:#2a4a4c;color:#94f3d3!important}.app-bottom i{display:block;font-style:normal;font-size:20px;margin-bottom:3px}.profile-card{padding:22px;border:1px solid #50867c;border-radius:16px;background:linear-gradient(125deg,#254e4a,#1e344b);margin-bottom:20px}.profile-card h2{font-size:23px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.profile-stats strong{display:block;font-size:23px}.profile-stats span{color:#a3c2c3;font-size:11px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.quick-grid a{padding:20px 16px;border:1px solid #3e5372;border-radius:13px;background:linear-gradient(130deg,#293b57,#1d2c43);font-weight:700}.course-art{height:120px;border-radius:12px;background:radial-gradient(ellipse at 73% 43%,#bbd59b 0 8%,transparent 9%),radial-gradient(ellipse at 67% 50%,#588c69 0 20%,transparent 21%),linear-gradient(128deg,#2d6157 0 25%,#70a180 26% 40%,#427c67 41% 62%,#345d58 63%);border:1px solid #69a08b;margin-bottom:15px;position:relative}.course-art::after{content:'⚑';position:absolute;top:27%;left:71%;color:#ecf5df;font-size:32px}.phone .review{font-size:12px}.phone table th,.phone table td{padding:9px 10px}.coupon{padding:20px;border:1px dashed #a1b492;border-radius:13px;margin-bottom:14px;background:linear-gradient(120deg,#2b453e,#203344)}.coupon strong{font-size:19px}.metric{font-size:36px;color:#91e8c9;font-weight:750}.screen .full{width:100%}.chart{display:flex;align-items:end;height:110px;gap:16px;margin:20px 0}.chart>div{flex:1;background:linear-gradient(#8fe2c6,#326765);border-radius:5px 5px 0 0;position:relative;min-height:12px}.chart span{position:absolute;top:-25px;left:0;right:0;text-align:center;font-size:12px;color:#adc6d6}.app-content .subtle{font-size:12px}.screen [hidden]{display:none!important}
@media(max-width:1100px){.bay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{grid-template-columns:200px minmax(0,1fr)}.work-main{padding:20px}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.workspace{display:block}.work-nav{position:static;height:auto;display:flex;gap:6px;overflow:auto;padding:10px}.work-nav a{white-space:nowrap;padding:9px}.work-nav .nav-group{display:none}.work-nav small{display:none}.screen-top{padding:15px}.screen-top .screen-actions{gap:6px}.screen-top .screen-actions a{padding:7px}.work-main{padding:18px 12px}.bay-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}.field-row{grid-template-columns:1fr}.panel{padding:16px}.phone{margin:0 auto;border-radius:0;border-width:0;min-height:calc(100dvh - 56px)}.app-content{min-height:calc(100dvh - 220px)}.app-wrapper>.screen-top{display:none}.phone .app-bottom{padding-bottom:max(10px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.app-bottom{position:fixed;left:50%;transform:translateX(-50%);width:min(100%,440px);bottom:0;border-radius:12px 12px 0 0}