:root{color-scheme:dark;--bg:#0b1019;--sidebar:#111621;--surface:#161d2a;--surface2:#1d2636;--surface3:#242e42;--edge:rgba(206,220,255,.11);--txt:#ecf0ff;--muted:#8995ab;--soft:#b4bdd1;--accent:#fc665c;--accent2:#ffc5aa;--haze:rgba(252,102,92,.15);--good:#48dfb5;--warn:#f0c36d;--bad:#ff7180;--hero:#311b27}
body[data-theme=pokemon]{--bg:#080e22;--sidebar:#0f1941;--surface:#151f45;--surface2:#202e60;--surface3:#273e7b;--edge:rgba(132,176,255,.19);--txt:#f3f7ff;--muted:#a1add5;--soft:#c4cee9;--accent:#ffda50;--accent2:#70e9fc;--haze:rgba(255,218,80,.14);--hero:#19317e}
body[data-theme=vice]{--bg:#100c20;--sidebar:#1a1230;--surface:#241b3e;--surface2:#30244d;--surface3:#412b62;--edge:rgba(255,149,207,.17);--txt:#fff0fe;--muted:#b49cbf;--soft:#e1c6e5;--accent:#ff65bd;--accent2:#61ecf1;--haze:rgba(255,101,189,.18);--hero:#5d256e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--txt);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transition:background .3s,color .3s}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}::selection{background:var(--accent);color:#10131d}
.shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);border-right:1px solid var(--edge);padding:24px 15px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:15}.brand{display:flex;gap:11px;align-items:center;margin:5px 9px 6px}.brandmark{width:37px;height:37px;background:var(--accent);color:#100d18;display:grid;place-items:center;border-radius:11px;font-size:21px;font-weight:950;transform:rotate(-10deg);box-shadow:0 0 23px var(--haze)}.brandname{font-size:23px;letter-spacing:-1.5px;font-weight:950;line-height:1}.brandname b{color:var(--accent)}.brandcap{color:var(--muted);letter-spacing:2.3px;text-transform:uppercase;font-size:9px;margin:0 9px 31px}.navtitle{color:var(--muted);font-weight:800;font-size:10px;letter-spacing:1.9px;padding:13px 15px 9px;text-transform:uppercase}.navbutton{width:100%;border:0;color:var(--soft);background:transparent;border-radius:11px;padding:12px 13px;display:flex;align-items:center;gap:13px;text-align:left;font-size:13px;margin-bottom:4px;transition:.2s}.navbutton:hover{background:var(--surface2);color:var(--txt)}.navbutton.active{background:var(--surface2);color:var(--txt);font-weight:800;box-shadow:inset 3px 0 0 var(--accent)}.navbutton .ico{font-size:18px;width:22px;text-align:center}.navbutton .mini{margin-left:auto;border-radius:12px;background:var(--haze);color:var(--accent2);padding:1px 7px;font-size:10px}.sidefoot{margin-top:auto;padding:17px 9px 3px;border-top:1px solid var(--edge)}.session{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--soft)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 10px var(--good);flex:none}.sidefoot small{color:var(--muted);font-size:10px;display:block;margin-top:8px}
.workspace{min-width:0;padding:22px clamp(18px,3.2vw,54px) 48px;max-width:1660px;width:100%;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:27px}.breadcrumb{color:var(--muted);font-size:12px}.breadcrumb b{color:var(--txt)}.topactions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.selectbar,.pillbutton,.iconbutton,.topbadge{background:var(--surface);color:var(--txt);border:1px solid var(--edge);border-radius:10px;padding:10px 13px;font-weight:700;font-size:12px}.selectbar{min-width:120px}.pillbutton:hover,.iconbutton:hover{border-color:var(--accent)}.topbadge{white-space:nowrap}.topbadge strong{color:var(--accent2)}.avatar{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:var(--surface3);border:1px solid var(--edge);font-weight:900;color:var(--accent2)}.intro{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:22px}.intro h1{font-size:clamp(25px,3.1vw,35px);letter-spacing:-1.25px;line-height:1.15;margin:0 0 8px;font-weight:900}.intro p{margin:0;color:var(--muted);font-size:13px}.tinylabel{font-size:10px;font-weight:900;letter-spacing:1.9px;color:var(--accent2);text-transform:uppercase}.notice{border:1px solid var(--edge);border-radius:10px;padding:10px 14px;color:var(--soft);background:var(--surface);font-size:11px}.notice b{color:var(--accent2)}.notice strong{color:var(--txt)}
.hero{position:relative;min-height:270px;overflow:hidden;border-radius:18px;border:1px solid var(--edge);background:var(--hero);isolation:isolate;box-shadow:0 23px 55px rgba(0,0,0,.15);margin-bottom:19px}.hero .scene{position:absolute;inset:0;overflow:hidden}.hero .scene.samurai{display:none;background:linear-gradient(120deg,#211a2c 0%,#7e2f37 49%,#dc7857 100%)}body[data-theme=samurai] .scene.samurai{display:block}.hero .scene.pokemon{display:none;background:radial-gradient(circle at 80% 65%,#2c91c6 0%,#23489d 38%,#121b52 72%,#121835 100%)}body[data-theme=pokemon] .scene.pokemon{display:block}.hero .scene.vice{display:none;background:linear-gradient(180deg,#42247c 0%,#a93d9b 47%,#fc8c99 78%,#402653 79%,#191530 100%)}body[data-theme=vice] .scene.vice{display:block}.hero .scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,12,24,.65),rgba(9,12,24,.11) 80%);pointer-events:none}.hero-copy{position:relative;z-index:5;padding:43px 38px;max-width:62%;text-shadow:0 3px 20px #1118}.hero-copy h2{font-weight:1000;letter-spacing:-2.6px;font-size:clamp(31px,4.7vw,59px);line-height:.98;margin:12px 0 15px;text-transform:uppercase}.hero-copy p{margin:0;font-size:13px;max-width:260px;color:#f5ebeb}.hero-copy .over{font-size:10px;font-weight:900;letter-spacing:2px;color:#fff1c1}.theme-name{display:none}body[data-theme=samurai] .theme-name.samurai,body[data-theme=pokemon] .theme-name.pokemon,body[data-theme=vice] .theme-name.vice{display:block}.sun{position:absolute;right:15%;top:4%;width:245px;height:245px;border-radius:50%;background:#ffc4a1;box-shadow:0 0 120px rgba(255,195,145,.23);animation:rise 7s ease-in-out infinite}.mountains{position:absolute;bottom:0;right:0;width:75%;height:70%;background:#2a1c2d;clip-path:polygon(0 100%,17% 63%,30% 81%,52% 23%,75% 80%,89% 40%,100% 62%,100% 100%)}.ink{position:absolute;width:540px;height:3px;left:-100%;top:50%;transform:rotate(-20deg);background:linear-gradient(90deg,transparent,white,transparent);filter:drop-shadow(0 0 8px #fff);animation:slash 4.5s infinite}.samurai-actor{position:absolute;bottom:-38px;right:13%;width:min(34%,290px);min-width:150px;height:auto;filter:drop-shadow(18px 17px 1px #1d112a55);animation:float 3.8s ease-in-out infinite}.pet-stars{position:absolute;inset:0;background-image:radial-gradient(#fff8 1px,transparent 1px);background-size:36px 36px;animation:drift 25s linear infinite;opacity:.5}.orbit{width:280px;height:280px;border-radius:50%;border:24px solid #ffffff14;position:absolute;right:12%;top:1%;box-shadow:0 0 0 30px #ffffff0a;animation:rotate 26s linear infinite}.spark{position:absolute;z-index:2;color:#fff1a9;font-size:33px;text-shadow:0 0 19px #fff699;animation:spark 2.3s infinite}.spark.s1{right:12%;top:15%}.spark.s2{right:43%;bottom:12%;animation-delay:.8s}.spark.s3{right:38%;top:12%;animation-delay:1.3s}.creature-actor{position:absolute;bottom:-18px;right:15%;width:min(31%,270px);min-width:145px;filter:drop-shadow(0 18px 17px #0007);animation:hop 3.1s ease-in-out infinite}.neon-sun{position:absolute;right:23%;top:3%;width:235px;height:235px;border-radius:50%;background:repeating-linear-gradient(to bottom,#ffce99 0 16px,transparent 16px 21px);box-shadow:0 0 100px #ff9a8c66}.skyline{position:absolute;bottom:0;right:0;width:100%;height:95px;background:#1b1740;clip-path:polygon(0 70%,5% 70%,5% 30%,14% 30%,14% 80%,20% 80%,20% 19%,28% 19%,28% 60%,35% 60%,35% 4%,40% 4%,40% 51%,47% 51%,47% 22%,55% 22%,55% 82%,63% 82%,63% 30%,71% 30%,71% 60%,78% 60%,78% 12%,85% 12%,85% 55%,93% 55%,93% 20%,100% 20%,100% 100%,0 100%)}.palm-actor{position:absolute;right:7%;bottom:-3px;width:200px;height:auto;transform-origin:bottom;animation:sway 5s ease-in-out infinite}.car-actor{position:absolute;right:35%;bottom:-6px;width:190px;height:auto;animation:drive 9s linear infinite;filter:drop-shadow(0 12px 20px #0008)}.hero-chip{position:absolute;right:17px;top:17px;z-index:8;background:#10102077;backdrop-filter:blur(8px);border:1px solid #fff4;color:#fff;padding:7px 11px;border-radius:30px;font-size:10px}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0 21px}.stat{border:1px solid var(--edge);border-radius:14px;background:var(--surface);padding:18px;min-width:0}.stat .sicon{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.stat .sym{width:30px;height:30px;border-radius:9px;background:var(--haze);display:grid;place-items:center;color:var(--accent2);font-size:18px}.stat strong{display:block;font-size:29px;letter-spacing:-1.2px;margin:11px 0 4px;font-variant-numeric:tabular-nums}.stat small{color:var(--muted);font-size:11px}.stat small.good{color:var(--good)}.layout2{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(285px,.85fr);gap:16px}.panel{background:var(--surface);border:1px solid var(--edge);border-radius:15px;padding:22px;min-width:0;margin-bottom:17px}.panelheader{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:18px}.panelheader h3{font-size:16px;letter-spacing:-.35px;margin:0 0 4px}.panelheader p{color:var(--muted);font-size:11px;margin:0}.textlink{background:transparent;border:0;color:var(--accent2);font-weight:800;font-size:11px;padding:4px 0}.toolbar{display:flex;gap:9px;justify-content:space-between;flex-wrap:wrap;margin-bottom:13px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.fieldwrap{display:flex;flex-direction:column;gap:7px;min-width:0}.fieldwrap label{font-size:11px;font-weight:800;color:var(--soft)}.field,.textarea{background:var(--bg);border:1px solid var(--edge);border-radius:10px;color:var(--txt);padding:12px 13px;min-width:0;width:100%;outline:0;transition:border-color .2s}.field:focus,.textarea:focus{border-color:var(--accent)}.field::placeholder,.textarea::placeholder{color:var(--muted)}.textarea{resize:vertical;min-height:125px}.fieldhint{color:var(--muted);font-size:11px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:10px;border:1px solid var(--edge);background:var(--surface2);color:var(--txt);font-weight:800;font-size:12px;line-height:1.25;white-space:nowrap}.btn:hover{transform:translateY(-1px);border-color:var(--accent)}.btn.primary{background:var(--accent);color:#151221;border-color:var(--accent)}.btn.outline{background:transparent}.btn.danger{color:var(--bad)}.btn.tiny{padding:7px 10px;font-size:10px;border-radius:8px}.btnrow{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.sep{height:1px;background:var(--edge);margin:17px 0}.checkline{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--soft);cursor:pointer}.checkline input{accent-color:var(--accent)}.hint{font-size:11px;color:var(--muted);line-height:1.65}.margintop{margin-top:15px}.muted{color:var(--muted)}.strong{font-weight:850;color:var(--txt)}.kpi{color:var(--accent2);font-weight:800}.hr{height:1px;background:var(--edge);margin:13px 0}.kbd{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;background:var(--surface2);padding:2px 6px;border-radius:5px}
.tablewrap{width:100%;overflow:auto;border:1px solid var(--edge);border-radius:11px}table{width:100%;border-collapse:collapse;min-width:580px}th{text-align:left;padding:12px 15px;background:var(--surface2);color:var(--muted);font-size:10px;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap}td{border-top:1px solid var(--edge);padding:14px 15px;font-size:12px;color:var(--soft);white-space:nowrap}td b{color:var(--txt)}.status{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:5px 8px;font-size:10px;font-weight:800;background:rgba(92,187,158,.11);color:var(--good)}.status:before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%}.status.warn{background:rgba(240,195,109,.11);color:var(--warn)}.status.bad{background:rgba(255,113,128,.10);color:var(--bad)}.status.info{background:rgba(120,171,255,.1);color:#9ec9ff}.status.neutral{background:var(--surface3);color:var(--soft)}.tablelink{background:transparent;border:0;color:var(--accent2);font-weight:800;padding:0;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}.empty{padding:28px 16px;text-align:center;color:var(--muted);font-size:13px}.empty strong{display:block;color:var(--txt);font-size:16px;margin-bottom:5px}.activity{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--edge);padding:12px 0}.activity:last-child{border:0}.activity .square{height:34px;width:34px;border-radius:10px;background:var(--haze);display:grid;place-items:center;font-size:17px;color:var(--accent2)}.activitymain{min-width:0;flex:1}.activitymain b{display:block;font-size:12px}.activitymain span{color:var(--muted);font-size:11px}.activity .status{flex:none}.counter{background:var(--haze);color:var(--accent2);padding:8px 12px;border-radius:9px;font-size:12px;font-weight:900}.preview-phone{background:#0b111e;border:7px solid #2c3550;border-radius:31px;width:min(260px,100%);min-height:300px;margin:auto;padding:16px;box-shadow:0 14px 28px #0004}.phone-notch{width:65px;height:6px;border-radius:8px;background:#34435d;margin:-3px auto 17px}.phonehead{text-align:center;font-size:11px;color:#e9eefc;border-bottom:1px solid #283148;padding-bottom:12px}.bubble{display:block;max-width:90%;width:fit-content;margin:30px 0 5px auto;background:#2c669a;color:white;border-radius:14px 14px 4px 14px;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.phonedate{text-align:right;font-size:9px;color:#7684a4}.composegrid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);gap:16px}.composer-note{background:var(--haze);border:1px solid var(--edge);border-radius:10px;padding:12px 14px;font-size:11px;color:var(--soft);margin-top:13px}.summaryrows{display:grid;grid-template-columns:1fr auto;gap:9px;font-size:12px;color:var(--muted)}.summaryrows strong{text-align:right;color:var(--txt);font-variant-numeric:tabular-nums}.summaryrows strong.accent{color:var(--accent2)}.pillgroup{display:flex;gap:8px;flex-wrap:wrap}.pillgroup .btn.active{border-color:var(--accent);background:var(--haze);color:var(--accent2)}.selectcard{border:1px solid var(--edge);border-radius:11px;padding:15px;background:var(--surface2);display:flex;justify-content:space-between;gap:13px;align-items:center;margin-bottom:9px}.selectcard small{display:block;color:var(--muted);margin-top:3px}.twocol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.spacer{height:13px}.list-plain{margin:12px 0;padding:0 0 0 18px;color:var(--soft);font-size:12px}.list-plain li{margin-bottom:7px}.progress{height:7px;border-radius:10px;overflow:hidden;background:var(--surface3)}.progress span{display:block;height:100%;background:var(--accent);border-radius:10px}.fancysub{border:1px dashed var(--edge);border-radius:13px;padding:22px;background:var(--surface);text-align:center}.fancysub .bigico{font-size:34px;margin-bottom:8px}.fancysub h3{margin:0 0 8px}.modulegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.modulecard{border:1px solid var(--edge);border-radius:14px;padding:18px;background:var(--surface);min-width:0}.modulecard .bigico{font-size:28px}.modulecard h3{margin:9px 0 5px}.modulecard p{font-size:11px;color:var(--muted);margin:0 0 14px}.choice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.themechoice{min-height:128px;padding:14px;border-radius:12px;display:flex;flex-direction:column;justify-content:end;text-align:left;border:2px solid transparent;color:white;background:#712e3b;position:relative;overflow:hidden}.themechoice b,.themechoice small{position:relative;z-index:1;text-shadow:0 2px 5px #0009}.themechoice small{font-size:10px}.themechoice:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0c1127db,transparent)}.themechoice.pokemon{background:radial-gradient(circle at 70% 20%,#64ccfb,#2d3c9d)}.themechoice.vice{background:linear-gradient(120deg,#533c9a,#f460aa,#fa9a6a)}.themechoice.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.toggle{appearance:none;width:39px;height:23px;border-radius:50px;border:1px solid var(--edge);background:var(--surface3);position:relative;cursor:pointer;transition:.2s}.toggle:before{content:"";width:17px;height:17px;position:absolute;top:2px;left:2px;border-radius:50%;background:var(--soft);transition:.2s}.toggle:checked{background:var(--accent)}.toggle:checked:before{transform:translateX(16px);background:#171320}
.modalshade{position:fixed;inset:0;background:#050711c7;backdrop-filter:blur(7px);display:grid;place-items:center;padding:14px;z-index:100}.modal{width:min(550px,100%);max-height:90vh;overflow:auto;border:1px solid var(--edge);border-radius:16px;background:var(--surface);box-shadow:0 25px 70px #0008;padding:23px}.modalhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.modalhead h2{font-size:18px;margin:0}.modalclose{border:0;background:transparent;color:var(--soft);font-size:23px;padding:0 6px}.modal .field{background:var(--sidebar)}.modalactions{display:flex;justify-content:end;gap:9px;margin-top:20px}#toast{position:fixed;bottom:20px;right:22px;max-width:360px;padding:13px 18px;border-radius:11px;background:#1e2b3b;border:1px solid #7ad2b8;color:#e8fff6;box-shadow:0 14px 50px #0005;font-size:12px;font-weight:700;z-index:200;opacity:0;transform:translateY(12px);transition:.3s;pointer-events:none}#toast.show{opacity:1;transform:translateY(0)}.footnote{color:var(--muted);font-size:11px;margin-top:15px;line-height:1.8}.focusdemo{margin-top:16px;color:var(--muted);font-size:11px}.mobilebrand{display:none}.uploadinput{display:none}body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}body.compact .stat,body.compact .panel{padding:14px}body.compact td{padding:9px 12px}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes rise{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes slash{0%,28%,100%{left:-110%;opacity:0}34%{opacity:1}58%{left:130%;opacity:0}}@keyframes spark{0%,100%{opacity:.2;transform:scale(.6) rotate(-10deg)}50%{opacity:1;transform:scale(1.35) rotate(12deg)}}@keyframes hop{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-18px) rotate(4deg)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes drift{to{background-position:150px 150px}}@keyframes sway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(7deg)}}@keyframes drive{0%{transform:translateX(470px)}20%,70%{transform:translateX(0)}100%{transform:translateX(-1100px)}}
@media(max-width:1160px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.layout2{grid-template-columns:1fr 1fr}.shell{grid-template-columns:210px minmax(0,1fr)}.hero-copy{max-width:65%}.hero-copy h2{font-size:44px}}@media(max-width:830px){.shell{grid-template-columns:64px minmax(0,1fr)}.sidebar{padding:15px 7px}.brand{margin:5px auto 20px}.brandmark{width:39px;height:39px}.brandname,.brandcap,.navtitle,.navlabel,.sidefoot small,.sidefoot .session span,.navbutton .mini{display:none}.navbutton{justify-content:center;padding:12px 6px}.navbutton .ico{font-size:19px}.sidefoot{padding:12px 5px}.workspace{padding:18px 18px 35px}.topbar{align-items:start}.layout2,.composegrid{grid-template-columns:1fr}.hero-copy h2{font-size:39px}}@media(max-width:560px){.workspace{padding:13px 12px 26px}.topbar{gap:7px;flex-direction:column;align-items:stretch}.topactions{gap:6px}.selectbar{min-width:0;flex:1}.topbadge{flex:1}.avatar{display:none}.intro{align-items:stretch;flex-direction:column;gap:10px}.intro h1{font-size:27px}.hero{min-height:225px}.hero-copy{padding:28px 16px;max-width:73%}.hero-copy h2{font-size:31px;letter-spacing:-1.5px}.hero-copy p{font-size:10px}.hero-chip{font-size:8px;right:7px;top:8px}.samurai-actor,.creature-actor{right:-8%;width:180px;min-width:0}.palm-actor{right:-8%;width:130px}.car-actor{width:120px}.cards{gap:8px}.stat{padding:11px}.stat strong{font-size:23px}.stat .sicon{font-size:10px}.panel{padding:15px}.formgrid,.twocol,.choice,.modulegrid{grid-template-columns:1fr}.btn{white-space:normal}.hero-copy .over{font-size:8px}.fancysub{padding:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}