*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{color:#1b4a63;-webkit-user-select:none;user-select:none;background:linear-gradient(170deg,#9edcf7 0%,#dff7ff 45%,#8fe6b8 100%);font-family:Segoe UI,system-ui,-apple-system,sans-serif}.app{height:100%;position:relative}.scene{position:absolute;inset:0}.glass{-webkit-backdrop-filter:blur(14px)saturate(1.5);background:linear-gradient(135deg,#fff9,#ffffff40);border:1px solid #ffffffa6;border-radius:20px;box-shadow:0 8px 32px #1f618d33,inset 0 1px #ffffffe6}.topbar{z-index:10;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:absolute;top:18px;left:18px;right:18px}.topbar h1{letter-spacing:.02em;text-shadow:0 1px #fffc;font-size:1.35rem;font-weight:600}.topbar-buttons{gap:10px;display:flex}.pill{font:inherit;color:#1b4a63;cursor:pointer;background:linear-gradient(#fffffff2,#d2f0ffa6);border:1px solid #fffc;border-radius:999px;padding:8px 18px;font-size:.9rem;transition:transform .12s,box-shadow .12s;box-shadow:0 3px 10px #1f618d40,inset 0 1px #fff}.pill:hover{transform:translateY(-1px);box-shadow:0 6px 16px #1f618d4d,inset 0 1px #fff}.pill:active{transform:translateY(0)}.pill-primary{background:linear-gradient(#d8f7ff,#7fd4f2 60%,#9be9c3);font-weight:600}.pill:disabled{opacity:.5;cursor:default;transform:none}.focus-block{border-top:1px solid #ffffff80;border-bottom:1px solid #ffffff80;flex-direction:column;gap:8px;padding:12px 0;display:flex}[data-theme=night] .focus-block{border-color:#82afe140}.focus-label{font-size:.85rem;font-weight:600}.focus-durations{gap:8px;display:flex}.focus-durations .pill{flex:1}.focus-hud{z-index:14;align-items:center;gap:14px;padding:12px 18px;display:flex;position:absolute;top:92px;left:50%;transform:translate(-50%)}.focus-ring{flex-shrink:0;transform:rotate(-90deg)}.focus-ring-track{fill:none;stroke:#ffffff8c;stroke-width:6px}[data-theme=night] .focus-ring-track{stroke:#78a5d74d}.focus-ring-fill{fill:none;stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset .5s linear}.focus-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.focus-time{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700;line-height:1.1}.focus-title{text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:.9rem;font-weight:600;overflow:hidden}.focus-toast{z-index:15;padding:12px 22px;font-size:.95rem;font-weight:600;position:absolute;top:92px;left:50%;transform:translate(-50%)}.blob-label-dim{opacity:.3}.marquee-layer{z-index:5;cursor:crosshair;position:absolute;inset:0}.marquee-rect{pointer-events:none;background:#96dcff2e;border:1.5px dashed #fffffff2;border-radius:6px;position:absolute;box-shadow:0 0 0 1px #1f618d59}.selection-bar{z-index:12;align-items:center;gap:10px;padding:10px 16px;display:flex;position:absolute;bottom:52px;left:50%;transform:translate(-50%)}.selection-count{font-size:.86rem;font-weight:600}.copy-wrap{position:relative}.copy-menu{flex-direction:column;gap:2px;min-width:190px;max-height:240px;padding:6px;list-style:none;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;overflow-y:auto;transform:translate(-50%)}.copy-option{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:9px;padding:8px 10px;font-size:.86rem;display:flex}.copy-option:hover{background:#ffffff8c}[data-theme=night] .copy-option:hover{background:#193255bf}.marquee-hint{z-index:12;color:#1b4a63;pointer-events:none;background:#ffffffb3;border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:600;position:absolute;top:92px;left:50%;transform:translate(-50%)}[data-theme=night] .marquee-hint{color:#d6ecff;background:#142d50cc}[data-theme=night] .marquee-rect{background:#5096dc33;border-color:#a0d2ffe6}.topbar-left{align-items:center;gap:14px;display:flex}.area-trigger{cursor:pointer;background:linear-gradient(#fffffff2,#d2f0ffa6);border:1px solid #fffc;border-radius:14px;padding:8px 10px;font-size:1.15rem;line-height:1;transition:transform .12s;position:relative;box-shadow:0 3px 10px #1f618d40,inset 0 1px #fff}.area-trigger:hover{transform:translateY(-1px)}.area-trigger-dot{border:1.5px solid #ffffffe6;border-radius:50%;width:9px;height:9px;position:absolute;top:-2px;right:-2px}.area-current{text-transform:capitalize;margin-left:-6px;font-size:.85rem;font-weight:600}.area-list{flex-direction:column;gap:4px;margin-bottom:14px;list-style:none;display:flex}.area-row{border-radius:12px;align-items:center;gap:4px;padding:2px;display:flex}.area-row-active{background:#ffffff80}.area-select{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:10px;flex:1;align-items:center;gap:10px;padding:8px 10px;font-size:.9rem;display:flex}.area-name{text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.area-rename-input{font:inherit;color:inherit;background:#fffc;border:1px solid #ffffffe6;border-radius:8px;min-width:0;padding:2px 6px;font-size:.9rem}.area-actions{flex-shrink:0;gap:4px;padding-right:4px;display:flex}.area-new{border-top:1px solid #ffffff80;flex-direction:column;gap:10px;padding-top:10px;display:flex}.area-new input{font:inherit;color:inherit;background:#ffffffbf;border:1px solid #ffffffe6;border-radius:12px;outline:none;padding:8px 12px}.rank-badge{font:inherit;color:inherit;cursor:pointer;background:linear-gradient(#ffffffd9,#d2f0ff80);border:1px solid #fffc;border-radius:999px;align-items:center;gap:10px;padding:5px 14px;font-size:.8rem;transition:transform .12s;display:flex;box-shadow:0 3px 10px #1f618d2e,inset 0 1px #fffffff2}.rank-badge:hover{transform:translateY(-1px)}.rank-gem{border:1px solid #ffffffd9;border-radius:50%;flex-shrink:0;width:18px;height:18px;box-shadow:0 1px 4px #1f618d59,inset 0 1px 2px #ffffffb3}.rank-gem-big{width:44px;height:44px}.rank-meta{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.rank-name{text-transform:capitalize;font-weight:700;line-height:1}.rank-bar{background:#fff9;border-radius:999px;width:72px;height:5px;display:block;overflow:hidden;box-shadow:inset 0 1px 2px #1f618d40}.rank-bar-wide{width:100%;height:8px}.rank-bar-fill{border-radius:999px;height:100%;transition:width .4s;display:block}.rank-xp{opacity:.7;font-size:.72rem}.rank-hero{align-items:center;gap:14px;margin-bottom:12px;display:flex}.rank-hero-name{text-transform:capitalize;font-size:1.35rem;font-weight:700}.next-tier{flex-direction:column;gap:6px;margin-bottom:14px;font-size:.85rem;display:flex}.tier-ladder{flex-direction:column;gap:6px;margin-bottom:14px;list-style:none;display:flex}.tier-row{border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:6px 10px;font-size:.88rem;display:flex}.tier-row .tier-name{text-transform:capitalize}.tier-row-current{background:#ffffff8c;border-color:#ffffffd9;font-weight:600}.tier-row-locked{opacity:.5}.tier-min{margin-left:auto}.rank-up{z-index:30;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rank-up-card{align-items:center;gap:16px;padding:22px 34px;font-size:1.45rem;animation:2.6s forwards rank-up-pop;display:flex}.rank-up-name{text-transform:capitalize}@keyframes rank-up-pop{0%{opacity:0;transform:scale(.7)}10%{opacity:1;transform:scale(1.06)}16%{transform:scale(1)}78%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)translateY(-14px)}}.xp-float{color:#fff;white-space:nowrap;text-shadow:0 1px 3px #143c5acc,0 0 12px #78c8ffe6;pointer-events:none;font-family:Segoe UI,system-ui,sans-serif;font-size:16px;font-weight:700;animation:.7s ease-out forwards xp-rise}@keyframes xp-rise{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-36px)}}.map-sizes{align-items:center;gap:6px;margin-left:6px;display:flex}.map-size{justify-content:center;align-items:center;min-width:44px;height:37px;padding:0 10px;display:inline-flex}.map-rect{opacity:.7;border:1.5px solid;border-radius:3px;display:block}.map-size-active{outline-offset:1px;outline:3px solid #38a3d899}.map-size-active .map-rect{opacity:1}.panel{z-index:10;width:min(340px,100vw - 36px);max-height:calc(100vh - 130px);padding:18px 20px;position:absolute;top:92px;right:18px;overflow-y:auto}.panel-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.panel h2{font-size:1.05rem;font-weight:600}.panel form{flex-direction:column;gap:14px;display:flex}.panel label{flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;display:flex}.panel input,.panel select,.panel textarea{font:inherit;color:inherit;background:#ffffffbf;border:1px solid #ffffffe6;border-radius:12px;outline:none;padding:8px 12px;font-weight:400}.panel input:focus,.panel select:focus,.panel textarea:focus{border-color:#58b7e0;box-shadow:0 0 0 3px #58b7e040}.panel textarea{resize:vertical;font-family:inherit}.panel input[type=range]{accent-color:#38a3d8;padding:0}.muted{opacity:.65;font-size:.8rem;font-weight:400}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{cursor:pointer;border:2px solid #ffffffe6;border-radius:50%;width:26px;height:26px;box-shadow:0 2px 6px #1f618d4d,inset 0 2px 3px #fff9}.swatch-active{outline-offset:1px;outline:3px solid #38a3d899}.submit{margin-top:4px}.detail-actions{justify-content:space-between;gap:10px;margin-top:4px;display:flex}.pill-danger{color:#7a1f1f;background:linear-gradient(#ffe3e3,#ffb4b4 60%,#ff9d9d)}.form-error{color:#a12727;background:#ffdcdcb3;border-radius:10px;padding:8px 12px;font-size:.82rem}.pill-mini{flex-shrink:0;padding:4px 10px;font-size:.76rem}.popped-list{flex-direction:column;gap:10px;list-style:none;display:flex}.popped-list li{align-items:center;gap:10px;font-size:.9rem;display:flex}.popped-title{opacity:.75;flex:1;text-decoration:line-through}.dot{border:1px solid #fffc;border-radius:50%;flex-shrink:0;width:12px;height:12px}.blob-label{pointer-events:none;white-space:nowrap;flex-direction:column;align-items:center;gap:4px;display:flex}.blob-title{color:#113c52;text-shadow:0 1px 2px #ffffffe6,0 0 10px #ffffffb3;font-family:Segoe UI,system-ui,sans-serif;font-size:15px;font-weight:600}.blob-chips{gap:4px;display:flex}.chip{color:#1b4a63;background:#ffffffbf;border:1px solid #ffffffe6;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:600}.chip-overdue{color:#fff;background:#ff7878d9}.status{z-index:10;padding:10px 22px;font-size:.9rem;position:absolute;top:92px;left:50%;transform:translate(-50%)}.status-error{background:linear-gradient(135deg,#ffdcdcd9,#fff0f080)}.hint{z-index:10;opacity:.7;text-shadow:0 1px #fffc;pointer-events:none;font-size:.82rem;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}[data-theme=night] body{color:#d6ecff;background:linear-gradient(170deg,#020409 0%,#050b16 45%,#020808 100%)}[data-theme=night] .glass{background:linear-gradient(135deg,#2642698c,#0e1e3859);border-color:#82afe159;box-shadow:0 8px 32px #020c1c8c,inset 0 1px #b4d7fa40}[data-theme=night] .topbar h1{text-shadow:0 1px 4px #000a19cc}[data-theme=night] .pill{color:#d6ecff;background:linear-gradient(#466996e6,#1e375fcc);border-color:#8cbef066;box-shadow:0 3px 10px #020c1c80,inset 0 1px #b4d7fa59}[data-theme=night] .pill-primary{background:linear-gradient(#3d6fa8,#27507f 60%,#2a6e5c)}[data-theme=night] .pill-danger{color:#ffd9d9;background:linear-gradient(#8a3a3a,#6e2626 60%,#5c1f1f)}[data-theme=night] .panel input,[data-theme=night] .panel select,[data-theme=night] .panel textarea{color:#d6ecff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#08162aa6;border-color:#82afe159}[data-theme=night] .area-trigger{color:#d6ecff;background:linear-gradient(#466996e6,#1e375fcc);border-color:#8cbef066;box-shadow:0 3px 10px #020c1c80,inset 0 1px #b4d7fa59}[data-theme=night] .area-row-active{background:#193255b3}[data-theme=night] .area-rename-input,[data-theme=night] .area-new input{color:#d6ecff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#08162aa6;border-color:#82afe159}[data-theme=night] .area-new{border-top-color:#82afe140}[data-theme=night] .rank-badge{color:#d6ecff;background:linear-gradient(#466996e6,#1e375fcc);border-color:#8cbef066;box-shadow:0 3px 10px #020c1c80,inset 0 1px #b4d7fa59}[data-theme=night] .rank-bar{background:#08162ab3}[data-theme=night] .tier-row-current{background:#193255b3;border-color:#82afe166}[data-theme=night] .blob-title{color:#eaf6ff;text-shadow:0 1px 3px #000a19e6,0 0 10px #14325acc}[data-theme=night] .chip{color:#d6ecff;background:#193255d9;border-color:#82afe166}[data-theme=night] .form-error{color:#ffc9c9;background:#5a1e1e99}[data-theme=night] .hint{text-shadow:0 1px 3px #000a19e6}