:root,[data-theme=light]{--bg1:#f0eaff;--bg2:#def1ff;--surface:#f6f2ff;--text:#3b3556;--dim:#7d7699;--line:rgba(140,120,190,.18);--sh-dark:rgba(150,128,205,.38);--sh-light:rgba(255,255,255,.95);--in-dark:rgba(165,145,220,.3);--in-light:rgba(255,255,255,.95);--ok:#2f9e73;--bad:#d6456a}[data-theme=dark]{--bg1:#1a1730;--bg2:#262042;--surface:#2b2747;--text:#f1edff;--dim:#a8a1cc;--line:rgba(170,160,230,.16);--sh-dark:rgba(8,6,22,.65);--sh-light:rgba(98,88,150,.28);--in-dark:rgba(10,8,26,.5);--in-light:rgba(135,125,205,.3);--ok:#6fe0b0;--bad:#ff8aa8}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:linear-gradient(135deg,var(--bg1),var(--bg2)) fixed;font:400 16px/1.55 Nunito,ui-rounded,SF Pro Rounded,system-ui,sans-serif}main{max-width:1000px;margin:0 auto;padding:56px 20px 90px}h1{font-size:2.3rem;font-weight:800;margin:0 0 4px;letter-spacing:-.5px}h2{font-size:1.25rem;font-weight:800;margin:34px 0 14px}a{color:var(--text);font-weight:700}.dim{color:var(--dim)}.err{color:var(--bad);font-weight:700}.ok{color:var(--ok);font-weight:700}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.between{justify-content:space-between}.clay{background:var(--surface);border-radius:30px;box-shadow:14px 14px 30px var(--sh-dark),-10px -10px 26px var(--sh-light),inset -7px -7px 14px var(--in-dark),inset 7px 7px 14px var(--in-light)}.card{padding:18px 22px;margin-bottom:18px}.tile{padding:18px 20px;border-radius:26px}.tile b{display:block;font-size:1.9rem;font-weight:800;line-height:1.2}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin:26px 0}.tile:nth-child(1) b{color:#e8749a}.tile:nth-child(2) b{color:#2f9e73}.tile:nth-child(3) b{color:#d98a3d}.tile:nth-child(4) b{color:#6b86e6}.btn{font:inherit;font-weight:800;color:#3a2b4f;border:0;cursor:pointer;padding:12px 24px;border-radius:999px;background:linear-gradient(145deg,var(--c1,#ffd9c2),var(--c2,#ffb8c9));box-shadow:8px 8px 18px var(--sh-dark),-6px -6px 14px var(--sh-light),inset -4px -4px 9px #00000021,inset 4px 4px 9px #ffffffa6;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(1px);box-shadow:3px 3px 8px var(--sh-dark),inset 5px 5px 10px #00000029,inset -3px -3px 8px #ffffff80}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn.mint{--c1:#cdf5e3;--c2:#9fe3c4}.btn.lilac{--c1:#e2d7ff;--c2:#bfaaff}.btn.sky{--c1:#c8e8ff;--c2:#9ccaf7}.btn.small{padding:7px 16px;font-size:.9rem}:focus-visible{outline:3px solid #8f7cf0;outline-offset:3px}input[type=text],input:not([type]),input[type=password],input[type=number],select{font:inherit;color:var(--text);width:100%;padding:11px 16px;border:0;border-radius:18px;background:var(--surface);box-shadow:inset 5px 5px 10px var(--in-dark),inset -5px -5px 10px var(--in-light)}.fld{display:block;font-weight:700;font-size:.9rem;color:var(--dim)}.fld>*{margin-top:6px}label.check{display:flex;gap:10px;align-items:center;color:var(--dim);font-weight:700}input[type=checkbox]{width:20px;height:20px;accent-color:#9b86f5}.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px 24px;align-items:start}.seg{display:flex;gap:4px;padding:5px;border-radius:999px;background:var(--surface);flex-wrap:nowrap;box-shadow:inset 5px 5px 10px var(--in-dark),inset -5px -5px 10px var(--in-light)}.seg button{font:inherit;font-weight:800;border:0;background:transparent;color:var(--dim);padding:8px 10px;border-radius:999px;cursor:pointer;flex:1;white-space:nowrap}.seg button.on{color:#3a2b4f;background:linear-gradient(145deg,#e2d7ff,#bfaaff);box-shadow:4px 4px 9px var(--sh-dark),-3px -3px 7px var(--sh-light),inset -2px -2px 5px #0000001f,inset 2px 2px 5px #ffffffb3}.meter{height:16px;border-radius:99px;background:var(--surface);overflow:hidden;margin:8px 0;box-shadow:inset 4px 4px 8px var(--in-dark),inset -4px -4px 8px var(--in-light)}.meter i{display:block;height:100%;border-radius:99px;background:linear-gradient(145deg,#ffd9c2,#ff9fb8);box-shadow:inset -3px -3px 6px #0000001f,inset 3px 3px 6px #fff9;transition:width .3s}.bars .brow{display:grid;grid-template-columns:130px 1fr 54px;gap:12px;align-items:center;font-weight:700}.bars .brow:nth-child(3n+2) .meter i{background:linear-gradient(145deg,#cdf5e3,#8fdcbc)}.bars .brow:nth-child(3n) .meter i{background:linear-gradient(145deg,#d6e9ff,#93bdf5)}.brow span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brow span:last-child{text-align:right;color:var(--dim)}.badge{display:inline-block;padding:2px 12px;border-radius:99px;font-size:.82rem;font-weight:800;color:#3a2b4f;background:linear-gradient(145deg,#cdf5e3,#9fe3c4);margin-left:8px}.badge.out{background:linear-gradient(145deg,#ffd9c2,#ffb3c4)}table{width:100%;border-collapse:collapse;margin-top:14px;font-size:.92rem}th,td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--line)}td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}th button{font:inherit;font-weight:800;color:var(--dim);background:none;border:0;cursor:pointer;padding:0}.theme{position:fixed;top:16px;right:16px;z-index:5;width:50px;height:50px;border:0;cursor:pointer;font-size:1.3rem;color:var(--text);border-radius:50%}code{background:var(--surface);padding:3px 12px;border-radius:12px;box-shadow:inset 3px 3px 6px var(--in-dark),inset -3px -3px 6px var(--in-light)}li{margin-bottom:12px}ul.plain{list-style:none;padding:0;margin:0}.match{padding:8px 0;border-bottom:1px solid var(--line)}@media (max-width:620px){.bars .brow{grid-template-columns:90px 1fr 44px}h1{font-size:1.8rem}.card{padding:16px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}input[type=text],input:not([type]),input[type=password],input[type=number],select{min-height:51px}select{cursor:pointer}.btn.pick{width:100%;min-height:51px;text-align:left}.pop{position:absolute;z-index:4;left:0;right:0;min-width:260px;margin-top:10px;padding:16px}.poplist{max-height:240px;overflow:auto;margin:12px 0;display:grid;gap:8px}.nameinput{min-height:44px;max-width:340px;font-weight:800;margin-bottom:4px}img.thumb{width:64px;height:64px;border-radius:18px;box-shadow:6px 6px 12px var(--sh-dark),-4px -4px 10px var(--sh-light);flex:none}.seg.dense button{padding:8px 5px;font-size:.84rem}
