@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--accent:#8bc8ff;--deep:#0c1a2a;--bg:#070f1b;--bg2:#0e2031;--line:#243b50;--text:#f1f6fa;--muted:#9db3c7;--max:1280px;font-family:DM Sans,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(ellipse 70% 45% at 80% 2%,color-mix(in srgb,var(--accent) 13%,transparent),transparent),#07111f;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:#061320}
.skip{position:absolute;left:-999em;top:0;background:var(--accent);color:#0b1e26;padding:10px;z-index:30}.skip:focus{left:12px}
.top{height:74px;border-bottom:1px solid #203548;background:rgba(5,14,26,.93);backdrop-filter:blur(16px);position:sticky;top:0;z-index:15}.top .inner{max-width:var(--max);margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;height:100%}.brand{display:flex;align-items:center;gap:15px}.brand img{width:145px;max-height:46px;object-fit:contain}.brand small{border-left:1px solid #38506a;padding-left:14px;color:#9abbd1;font-size:10px;font-weight:800;letter-spacing:.13em}.topnav{display:flex;align-items:center;gap:18px}.topnav a{font-weight:750;font-size:12px;color:#bfd1e0}.topnav a:hover{color:var(--accent)}.topnav a.cta{padding:12px 17px;background:var(--accent);color:#0c1a26;border-radius:10px}.topnav a.cta:hover{filter:brightness(1.12)}
.container{max-width:var(--max);margin:0 auto;padding:0 28px}.hero{padding:69px 0 42px;display:grid;grid-template-columns:1.12fr .88fr;gap:30px;align-items:center;min-height:380px}.eyebrow{font-weight:850;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.hero h1{font:750 clamp(34px,4.5vw,62px)/1.05 Outfit,system-ui,sans-serif;letter-spacing:-.055em;margin:17px 0 20px;max-width:750px}.hero p{font-size:17px;line-height:1.8;color:#b1c6d9;max-width:640px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.btn{border:1px solid #3c617d;background:#142c41;border-radius:11px;color:#edf9ff;padding:12px 16px;font-weight:780;min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:9px}.btn:hover{border-color:var(--accent);transform:translateY(-1px)}.btn.primary{background:var(--accent);color:#071624;border-color:var(--accent)}.btn.ghost{background:transparent}.hero-art{position:relative;min-height:270px;display:grid;place-items:center;isolation:isolate}.hero-art:before{content:"";width:225px;height:225px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:50%;box-shadow:0 0 0 38px color-mix(in srgb,var(--accent) 5%,transparent),0 0 0 86px color-mix(in srgb,var(--accent) 3%,transparent);animation:orb 18s linear infinite}.hero-art:after{content:"";width:30px;height:30px;background:var(--accent);position:absolute;top:35px;right:36px;border-radius:9px;transform:rotate(35deg);box-shadow:0 0 50px var(--accent)}.hero-art .mark{position:absolute;font:800 96px/1 Outfit,sans-serif;color:var(--accent);filter:drop-shadow(0 18px 35px #000);transform:translateY(-3px)}.hero-art .art-chip{position:absolute;bottom:17px;left:10px;padding:10px 16px;border:1px solid #3e5c70;background:#102438;border-radius:10px;color:#dce9f4;box-shadow:0 15px 35px #0004;animation:float 5s ease-in-out infinite}
.notice{background:#102839;border:1px solid #245e71;border-radius:12px;padding:13px 17px;color:#b3d7e4;font-size:12px;line-height:1.6}.notice strong{color:#b8f6e7}
.highlights{display:flex;gap:9px;flex-wrap:wrap;padding:18px 0 29px}.highlights span{padding:9px 13px;border:1px solid #32495b;border-radius:100px;background:#101e31;color:#d0e0ec;font-size:12px}
.app{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:720px;border:1px solid #2a3c50;border-radius:22px;overflow:hidden;background:#0b1929;box-shadow:0 40px 100px #02081377;margin:13px 0 55px}.sidebar{border-right:1px solid #25394c;background:linear-gradient(160deg,#0b1d30,#081421);padding:23px 15px;display:flex;flex-direction:column;gap:14px}.sbrand{padding:12px;border-radius:12px;background:#13293d;display:flex;align-items:center;gap:12px;border:1px solid #294056}.sbrand i{font-style:normal;font-size:22px;color:var(--accent)}.sbrand strong{display:block;line-height:1.25}.sbrand small{display:block;color:#a6b8c6;margin-top:4px;font-size:10px}.side-label{margin:14px 10px 0;font-size:10px;letter-spacing:.13em;font-weight:800;color:#7898b3}.tabs{display:flex;flex-direction:column;gap:5px}.tabs button{width:100%;text-align:left;background:transparent;border:1px solid transparent;color:#afc3d3;padding:13px;border-radius:11px;display:flex;align-items:center;gap:12px}.tabs button .ico{width:24px;text-align:center;color:var(--accent);font-size:19px}.tabs button:hover{background:#152b43}.tabs button[aria-current=true]{background:color-mix(in srgb,var(--accent) 13%,#0b2137);border-color:color-mix(in srgb,var(--accent) 35%,#234057);color:#fff;font-weight:800}.side-bottom{margin-top:auto;padding:13px;border:1px solid #2b4156;background:#102438;border-radius:12px;color:#a8bfd0;line-height:1.7;font-size:12px}.side-bottom b{color:var(--accent);display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.main{min-width:0;padding:25px}.app-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.app-head h2{margin:9px 0 5px;font:750 clamp(21px,3vw,30px)/1.15 Outfit,system-ui;letter-spacing:-.035em}.app-head p{margin:0;color:#a2b9cd;line-height:1.6}.app-actions{display:flex;flex-wrap:wrap;gap:6px}.app-actions .btn{font-size:11px;padding:9px 11px;min-height:35px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:24px 0}.metric{padding:17px;background:#12283a;border:1px solid #294155;border-radius:14px}.metric small{color:#97b1c6;font-size:11px;font-weight:800}.metric strong{display:block;margin:8px 0;font:750 32px/1 Outfit;letter-spacing:-.04em;color:#f2f8ff}.metric span{color:#84cfc9;font-size:11px}.stage{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:17px;align-items:start}.workspace{min-width:0}.panel{border:1px solid #2c4152;border-radius:15px;background:#0d2031;overflow:hidden}.panel-title{padding:16px;border-bottom:1px solid #253d53;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title h3{margin:4px 0 0;font-size:17px}.panel-title small{color:#93acc0;font-size:11px}.panel-title .btn{font-size:11px}.tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px;border-bottom:1px solid #21374b}.tools input{flex:1 1 175px;min-width:0}.tools input,.tools select{height:37px;background:#0a1b2a;border:1px solid #34506a;border-radius:8px;color:#dceaf7;padding:8px 10px;font-size:12px}.tools select{flex:0 1 140px}.view{display:flex;border:1px solid #3b556b;border-radius:9px;overflow:hidden}.view button{background:#0e2132;color:#9eb8cb;border:0;padding:10px 12px}.view button[aria-pressed=true]{color:#0b1722;background:var(--accent);font-weight:850}
.records{padding:12px;display:grid;gap:10px}.records[data-view=cards]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.record{padding:15px;background:#13283b;border:1px solid #2c455c;border-radius:12px;display:flex;align-items:flex-start;gap:12px;min-width:0;transition:transform .18s,border-color .18s}.record:hover{border-color:var(--accent);transform:translateY(-2px)}.records[data-view=cards] .record{display:block}.record[data-fav=true]{border-color:color-mix(in srgb,var(--accent) 55%,#3c4651)}.record .bubble{width:32px;height:32px;flex:none;border-radius:10px;color:#0b1b2a;background:var(--accent);font-size:15px;font-weight:900;display:grid;place-items:center}.records[data-view=cards] .bubble{margin-bottom:12px}.r-copy{min-width:0;flex:1}.r-copy strong{display:block;font-weight:800;line-height:1.5}.r-copy small{display:block;color:#9cb5c9;margin-top:5px;line-height:1.5;overflow-wrap:anywhere}.r-status{display:inline-block;font-size:10px;font-weight:750;border:1px solid #476481;padding:7px;border-radius:8px;color:#b3cee2;background:#10263b;margin-top:8px;max-width:160px;cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.r-actions{display:flex;flex-wrap:wrap;gap:5px;align-self:center}.r-actions button{border:1px solid #35516a;background:#0e2235;color:#d1e7f9;border-radius:7px;padding:7px;font-size:12px;min-width:29px}.r-actions button:hover{border-color:var(--accent)}.r-actions button[data-favorite][aria-pressed=true]{color:#f7c76f}.records[data-view=cards] .r-actions{margin-top:13px}.empty{padding:30px;text-align:center;border-radius:12px;background:#0e2536;color:#a6bed1}
.preview{background:#0a1c2c;border:1px solid #2f4659;border-radius:15px;padding:14px;min-width:0}.preview-header{display:flex;gap:7px;align-items:center;color:#9db6c8;font-size:11px;border-bottom:1px solid #274154;padding-bottom:14px}.dot{width:7px;height:7px;border-radius:50%;background:#e77782}.dot:nth-child(2){background:#ecc66f}.dot:nth-child(3){background:#8bc89f}.preview-header b{font-size:10px;font-weight:650;margin-left:auto}.preview-body{margin-top:14px;min-height:280px}.preview-surface{min-height:268px;padding:25px 18px;border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 12%,var(--deep)),var(--deep));overflow:hidden;position:relative}.preview-surface .mini-label{letter-spacing:.17em;font-size:10px;font-weight:800;color:var(--accent)}.preview-surface h3{font:750 29px/1.05 Outfit,sans-serif;margin:16px 0}.preview-surface p{line-height:1.55;color:#b7cddd;font-size:12px}.preview-surface .mini-cta{border:0;padding:11px 14px;background:var(--accent);color:#081c2c;border-radius:9px;font-size:12px;font-weight:800;margin-top:15px}.preview-surface .mini-cta:hover{filter:brightness(1.13)}.mini-nav{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:19px}.mini-nav button{background:transparent;border:1px solid #4e6170;border-radius:6px;color:#d0dfec;padding:7px;font-size:10px}.mini-nav button.active{border-color:var(--accent);color:var(--accent)}.minigrid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.mini-tile{border-radius:9px;padding:14px;min-height:70px;background:#fff1;border:1px solid #ffffff12}.mini-tile strong{display:block;font-size:11px;color:#fff}.mini-tile small{color:#bdcbcf;font-size:10px}.color-swatches{display:flex;gap:6px;margin:15px 0}.color-swatches button{width:34px;height:34px;border-radius:9px;border:2px solid #fff3;box-shadow:0 1px 10px #0004}.social-post{margin:14px auto;max-width:200px;aspect-ratio:4/5;background:linear-gradient(125deg,var(--accent),color-mix(in srgb,var(--accent) 28%,#1d2446));color:#112131;display:grid;place-items:center;text-align:center;padding:15px;border-radius:9px;font:800 20px/1.1 Outfit}.social-post.story{aspect-ratio:9/16;max-width:160px}.social-post.square{aspect-ratio:1}.social-post span{font-size:11px;display:block;line-height:1.5;margin-top:10px}.preview-data{border:1px solid #33516b;padding:12px;border-radius:11px;background:#122a3f;margin-top:11px;line-height:1.65;color:#bed2e3;font-size:11px}.preview-data b{color:#f6fbff}.preview-foot{font-size:10px;color:#89a7bc;margin:14px 0 0;line-height:1.5}
.activity{margin-top:17px;padding:17px 18px;border:1px solid #243e56;border-radius:14px;background:#0c2031}.activity summary{cursor:pointer;color:#cee0ed;font-weight:800}.activity ol{padding-left:18px;font-size:12px;color:#96b2c8;line-height:2.1}.activity time{color:#eaf3f8;font-variant-numeric:tabular-nums}
.lower{margin:34px 0 70px;display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.lower article{background:#0d2031;border:1px solid #274358;border-radius:15px;padding:25px}.lower h2{font:700 25px Outfit;margin:8px 0}.lower p,.lower li{line-height:1.7;color:#acc3d5}.lower ul{padding-left:20px}.lower .btn{margin-top:8px}
.footer{border-top:1px solid #203c54;padding:27px 0;color:#93b1c7}.footer .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:12px}.footer a{text-decoration:underline;text-underline-offset:3px}
dialog{border:1px solid #476985;border-radius:20px;padding:0;max-width:min(520px,calc(100vw - 28px));width:100%;background:#0c2136;color:#edf7ff;box-shadow:0 24px 95px #000b}dialog::backdrop{background:#030a14cc;backdrop-filter:blur(6px)}.dialog-body{padding:25px}.dialog-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.dialog-head h2{font:750 25px Outfit;margin:6px 0}.dialog-head button{background:none;border:1px solid #45627c;border-radius:8px;color:#dde9f7;font-size:20px;width:36px;height:36px}.dialog-form{display:grid;gap:13px;margin-top:15px}.dialog-form label{display:grid;gap:6px;font-size:12px;font-weight:750;color:#c2d9e7}.dialog-form input,.dialog-form textarea,.dialog-form select{width:100%;background:#0b1726;color:#fff;border:1px solid #3d5870;border-radius:10px;padding:12px;min-height:43px}.dialog-form textarea{resize:vertical;min-height:95px}.dialog-form input[type=color]{height:55px;padding:6px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:10px}.dialog-note{font-size:11px;color:#8fb3c7;line-height:1.55}.guide-list{padding-left:20px;color:#bdd2df;line-height:1.9}.toast{position:fixed;z-index:35;bottom:22px;right:22px;background:#143951;border:1px solid var(--accent);padding:13px 17px;border-radius:11px;color:#eaf7ff;box-shadow:0 10px 40px #0009;font-size:13px;max-width:300px;opacity:0;pointer-events:none;transform:translateY(12px);transition:.22s}.toast.show{opacity:1;transform:translateY(0)}
body[data-light=true]{--bg:#eff4f6;--bg2:#e6edf2;--text:#eff5fa;--muted:#c5d9e4}body[data-light=true] .preview-surface{background:#f2ede6!important;color:#192d32}body[data-light=true] .preview-surface p{color:#4d5865}body[data-light=true] .preview-surface h3{color:#142c38}
@keyframes float{50%{transform:translateY(-12px)}}@keyframes orb{to{transform:rotate(360deg)}}
@media(max-width:1120px){.stage{grid-template-columns:minmax(0,1fr)}.preview{max-width:none}.preview-body{max-width:100%}.preview-surface{min-height:240px}}
@media(max-width:860px){.hero{grid-template-columns:1fr}.hero-art{display:none}.app{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #28415b;padding:14px;gap:7px}.tabs{flex-direction:row;overflow-x:auto;padding-bottom:3px}.tabs button{flex:none;width:auto;white-space:nowrap;padding:10px}.side-bottom,.side-label{display:none}.sbrand{max-width:220px}.main{padding:16px}.lower{grid-template-columns:1fr}}
@media(max-width:560px){.top{height:66px}.top .inner,.container{padding-left:15px;padding-right:15px}.brand img{width:109px}.brand small{display:none}.topnav a:not(.cta){display:none}.topnav a.cta{font-size:10px;padding:10px}.hero{padding:37px 0 20px;min-height:unset}.hero h1{font-size:37px}.hero p{font-size:14px}.app{border-radius:13px}.app-head{display:block}.app-actions{margin-top:12px}.metrics{gap:6px;margin:15px 0}.metric{padding:11px}.metric strong{font-size:26px}.metric small{font-size:9px}.tools{gap:6px}.tools select{flex:1;min-width:115px}.record{display:block}.record .bubble{margin-bottom:9px}.r-actions{margin-top:13px}.lower article{padding:17px}.btn{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.top,.sidebar,.hero-actions,.app-actions,.tools,.r-actions,.btn,.activity,.lower,.footer,.notice,dialog,.preview-foot{display:none!important}body{background:#fff;color:#111}.app,.panel,.preview,.record,.metric{background:#fff;color:#111;box-shadow:none;border-color:#bbb}.app{display:block}.preview{margin-top:15px}.r-copy small,.panel-title small,.app-head p{color:#333}.records{display:block}.record{page-break-inside:avoid;margin-bottom:8px}}