:root{
  --bg:#f5f6f9;--panel:#fff;--text:#20232a;--muted:#777d89;--line:#e1e4ea;
  --accent:#6558e8;--accent2:#efedff;--green:#2d9d63;--blue:#4185e8;
  --gold:#d89b2c;--red:#d34c55;--radius:16px;
}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}
button,input,select{font:inherit}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}
.sidebar{background:#171821;color:#fff;padding:22px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.brand{display:flex;align-items:center;gap:11px;padding:0 8px 24px}.brand strong{display:block}.brand span{font-size:12px;color:#9ba0ad}.egg{width:39px;height:39px;border-radius:12px;background:var(--accent);display:grid;place-items:center;font-weight:800;font-size:21px}
nav{display:grid;gap:4px}.nav-item{border:0;background:transparent;color:#aeb2bd;text-align:left;padding:11px 12px;border-radius:10px;cursor:pointer}.nav-item:hover,.nav-item.active{background:#292a36;color:#fff}.nav-item span{margin-left:9px}
.sidebar-bottom{margin-top:auto}.account-card{display:flex;gap:10px;align-items:center;border-top:1px solid #2c2e3a;padding:18px 7px 2px}.account-card strong,.account-card span{display:block}.account-card span{font-size:11px;color:#8f95a2}.avatar{width:34px;height:34px;border-radius:50%;background:var(--accent);display:grid;place-items:center;color:#fff;font-weight:700}.avatar.big{width:58px;height:58px;font-size:22px}
main{min-width:0;padding:0 32px 40px}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar h1{margin:0;font-size:24px}.topbar p{margin:4px 0 0;color:var(--muted);font-size:13px}.top-actions{display:flex;gap:12px;align-items:center}.clock{font-variant-numeric:tabular-nums;font-weight:700;color:var(--muted)}
button{cursor:pointer}.primary,.ghost{border-radius:10px;padding:10px 14px;border:1px solid transparent;font-weight:650}.primary{background:var(--accent);color:#fff}.primary:disabled{opacity:.4;cursor:not-allowed}.ghost{background:#fff;border-color:var(--line);color:var(--text)}
.warning,.info-box{border:1px solid #ead6a4;background:#fff8df;padding:11px 14px;border-radius:10px;margin-bottom:16px;font-size:13px}.hidden{display:none!important}
.view{display:none}.view.active{display:block}.hero{display:grid;grid-template-columns:1.4fr .8fr;gap:22px;background:linear-gradient(135deg,#232431,#34304c);color:white;border-radius:20px;padding:34px}.hero h2{font-size:34px;line-height:1.05;margin:8px 0 12px}.hero p{max-width:670px;color:#c8cbd5;line-height:1.5}.eyebrow{font-size:11px;letter-spacing:.14em;color:#b9b2ff;font-weight:800}.eyebrow.dark{color:var(--accent)}.hero-actions{display:flex;gap:10px;margin-top:23px}.hero .ghost{background:transparent;color:#fff;border-color:#5b5c68}
.device-stack{display:grid;gap:10px;align-content:center}.device-card{display:flex;gap:13px;align-items:center;padding:15px;border-radius:14px;background:#ffffff12;border:1px solid #ffffff1c}.device-card strong,.device-card span{display:block}.device-card span{font-size:12px;color:#bfc3cd;margin-top:3px}.calc-icon{font-size:32px}.device-card.empty{opacity:.7}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stats-grid article,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.stats-grid span,.stats-grid small{display:block;color:var(--muted)}.stats-grid strong{font-size:27px;display:block;margin:6px 0}.stats-grid small{font-size:11px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.panel h3,.panel-head h3{margin:0}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.pill{border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;white-space:nowrap}.pill.muted{background:#f0f1f4;color:#747a85}.pill.event{background:#fff0c7;color:#875b00}.sync-list{margin-top:14px;display:grid}.sync-list>div{display:grid;grid-template-columns:14px 1fr auto;align-items:center;padding:10px 0;border-top:1px solid var(--line);font-size:13px}.sync-list strong{font-size:12px}.dot{width:8px;height:8px;border-radius:50%}.purple{background:var(--accent)}.green{background:var(--green)}.blue{background:var(--blue)}.gold{background:var(--gold)}
.section-intro{margin:10px 0 20px}.section-intro h2{margin:0;font-size:25px}.section-intro p{color:var(--muted);margin:6px 0 0}.section-intro.row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.section-intro input{width:280px;padding:10px 12px;border:1px solid var(--line);border-radius:10px}
.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-stack{display:grid;gap:12px;margin-top:14px}.form-stack label,.sync-builder label{display:grid;gap:6px;color:var(--muted);font-size:12px}.form-stack input,.sync-builder input{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text)}.fineprint{font-size:11px;color:var(--muted);line-height:1.45}.account-hero{display:flex;align-items:center;gap:16px;margin-bottom:16px}.grow{flex:1}.account-hero h2{margin:3px 0}.account-hero p{margin:0;color:var(--muted)}
.device-list{display:grid;gap:8px;margin:14px 0}.linked-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid var(--line);border-radius:10px}.linked-row span,.linked-row small{display:block}.linked-row small{color:var(--muted)}
.empty-state{padding:18px 0;color:var(--muted);font-size:13px}
.app-grid,.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.app-card,.market-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.app-icon{font-size:30px}.app-card h3,.market-card h3{margin:12px 0 5px}.app-card p,.market-card p,.market-card small{color:var(--muted);font-size:13px;line-height:1.4}.app-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.app-card footer span{font-size:11px;color:var(--muted)}.sync-builder{display:grid;grid-template-columns:1fr 1fr 180px auto;gap:12px;align-items:end;margin-top:15px}
.filters{display:flex;gap:10px;align-items:center;margin-bottom:14px}.filters select{background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 11px}.bestiary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.species-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px;min-width:0}.species-card .number{font-size:11px;color:var(--muted)}.species-card h3{margin:6px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.species-card p{font-size:12px;color:var(--muted);margin:4px 0}.species-card .stats{font-size:11px;margin-top:10px;color:#565b65}
.trade-devices{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;gap:10px;margin-bottom:16px}.trade-device{background:#fff;border:1px dashed #cfd3dc;border-radius:16px;text-align:center;padding:25px}.trade-device.connected{border-style:solid;border-color:#a49cf5;background:#f8f7ff}.port{font-size:10px;color:var(--muted);font-weight:800}.calc-big{font-size:38px;margin-top:7px}.trade-device h3{margin:8px 0 4px}.trade-device p{margin:0;color:var(--muted);font-size:12px}.trade-arrow{text-align:center;font-size:27px;color:var(--accent)}
.rarity{font-size:9px;font-weight:900;letter-spacing:.05em;padding:5px 7px;border-radius:6px}.myth{background:#eee7ff;color:#6741b8}.leg{background:#fff0c5;color:#9b6300}.sing{background:#e7f2ff;color:#2467af}
.friends-list{display:grid;gap:9px;margin-top:12px}.friends-list>div{background:#fff;border:1px solid var(--line);border-radius:11px;padding:11px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.friends-list strong,.friends-list span{display:block}.friends-list span{font-size:12px;color:var(--muted)}
.timeline{border-left:2px solid #dcdfe6;margin-left:10px;padding-left:22px;display:grid;gap:16px}.timeline>div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px;position:relative}.timeline>div:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent);position:absolute;left:-29px;top:20px}.timeline span{font-size:10px;color:var(--accent);font-weight:800}.timeline strong{display:block;margin:4px 0}.timeline p{margin:0;color:var(--muted);font-size:13px}
.cloud-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.cloud-layout .panel p{color:var(--muted);font-size:13px;line-height:1.5}.muted-text{color:var(--muted)}
.toast{position:fixed;right:24px;bottom:24px;max-width:380px;background:#1f2028;color:#fff;padding:12px 15px;border-radius:10px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s;z-index:100}.toast.show{opacity:1;transform:none}
@media(max-width:1000px){.shell{grid-template-columns:74px 1fr}.brand div:last-child,.nav-item span,.account-card div:last-child{display:none}.brand{padding-left:2px}.nav-item{text-align:center;font-size:18px}.sidebar{padding-left:10px;padding-right:10px}.bestiary-grid{grid-template-columns:repeat(3,1fr)}.sync-builder{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.shell{display:block}.sidebar{position:static;height:auto;display:block}.brand{padding-bottom:12px}.brand div:last-child{display:block}nav{display:flex;overflow:auto}.nav-item span{display:none}.sidebar-bottom{display:none}main{padding:0 15px 30px}.topbar{height:auto;padding:18px 0;align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}.hero{grid-template-columns:1fr;padding:24px}.stats-grid{grid-template-columns:1fr 1fr}.two-col,.auth-layout,.app-grid,.market-grid,.cloud-layout{grid-template-columns:1fr}.bestiary-grid{grid-template-columns:1fr 1fr}.section-intro.row{display:block}.section-intro input{width:100%;margin-top:12px}.trade-devices{grid-template-columns:1fr}.trade-arrow{transform:rotate(90deg)}.sync-builder{grid-template-columns:1fr}.account-hero{align-items:flex-start;flex-wrap:wrap}}