@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--cyan:#06b6d4;--cyan-bright:#22d3ee;--cyan-soft:rgba(6,182,212,.16);--cyan-line:rgba(34,211,238,.34);--bg:#000;--surface:rgba(0,0,0,.58);--surface-strong:rgba(5,5,5,.84);--line:rgba(255,255,255,.09);--line-strong:rgba(34,211,238,.34);--ink:#f8fafc;--muted:#9ca3af;--faint:#64748b;--green:#34d399;--red:#f87171}*{box-sizing:border-box}body,html{min-height:100%;margin:0;background:#000;color:var(--ink);font-family:Inter,system-ui,sans-serif}body{overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{position:relative;min-height:100vh;padding:0;isolation:isolate;background:radial-gradient(circle at 50% 30%,rgba(6,182,212,.11),transparent 30%),radial-gradient(circle at 50% 54%,rgba(99,102,241,.08),transparent 34%),linear-gradient(180deg,#000,#050505)}.scene,.shell{overflow:hidden}.scene{position:fixed;inset:0;z-index:-1;pointer-events:none}.acoustic-canvas,.reference-tunnel{position:absolute;inset:0;width:100%;height:100%}.reference-tunnel{opacity:.62}.structural-grid{position:absolute;inset:0;opacity:.055;background-size:48px 48px;background-image:linear-gradient(90deg,white 1px,transparent 0),linear-gradient(180deg,white 1px,transparent 0);mask-image:radial-gradient(circle at center,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 100%)}.radar-field{position:absolute;left:50%;top:38%;width:min(900px,150vw);height:min(900px,150vw);transform:translate(-50%,-50%);border-radius:50%;opacity:.58;background:radial-gradient(circle at 50% 50%,rgba(6,182,212,.12) 0 7%,transparent 8%),repeating-conic-gradient(from 0deg,rgba(34,211,238,.22) 0deg .3deg,transparent .3deg 9.8deg),radial-gradient(circle,transparent 0 29%,rgba(255,255,255,.06) 29.1% 29.3%,transparent 29.4% 43%,rgba(255,255,255,.05) 43.1% 43.3%,transparent 43.4% 50%,rgba(6,182,212,.16) 50.1% 50.35%,transparent 50.5%);mask-image:linear-gradient(180deg,black 0 66%,transparent);-webkit-mask-image:linear-gradient(180deg,black 0 66%,transparent)}.blur-layer{position:absolute;inset-inline:0}.blur-top-one{height:96px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.blur-top-one,.blur-top-two{top:0;-webkit-mask-image:linear-gradient(180deg,black,transparent);mask-image:linear-gradient(180deg,black,transparent)}.blur-top-two{height:176px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blur-bottom-one{height:140px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.blur-bottom-one,.blur-bottom-two{bottom:0;-webkit-mask-image:linear-gradient(0deg,black,transparent);mask-image:linear-gradient(0deg,black,transparent)}.blur-bottom-two{height:260px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-frame{width:100%;min-height:100vh;background:transparent}.inner{position:relative;z-index:1;width:min(900px,calc(100% - 40px));margin:0 auto;padding:0 0 72px}.nav{position:relative;width:100vw;margin-left:calc(50% - 50vw);min-height:69px;padding:15px max(28px,calc((100vw - 1120px) / 2));justify-content:space-between;gap:20px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.42);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.nav{display:flex;align-items:center}.brand{gap:10px;color:#fff;font-size:14px;font-weight:500;white-space:nowrap}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:6px;background:linear-gradient(135deg,#1f2937,#000);box-shadow:inset 0 1px 1px rgba(255,255,255,.18);color:#fff;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600}.nav-center{display:flex;gap:26px;color:var(--muted);font-size:13px}.badge,.eyebrow,.pill{border:1px solid rgba(6,182,212,.34);border-radius:999px;background:rgba(8,47,73,.24);color:#67e8f9;font-family:JetBrains Mono,monospace}.pill{padding:8px 13px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.hero{position:relative;padding:62px 20px 18px;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 13px;margin-bottom:25px;font-size:10px;letter-spacing:.05em;text-transform:uppercase}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(6,182,212,.12),0 0 18px rgba(34,211,238,.85)}h1{max-width:900px;margin:0 auto;color:transparent;background:linear-gradient(180deg,#fff,#e5e7eb 56%,#4b5563);-webkit-background-clip:text;background-clip:text;font-size:clamp(46px,7vw,80px);font-weight:500;line-height:1.02;letter-spacing:-.04em;text-wrap:balance}h1 span{display:inline}.hero-gradient{color:inherit}.hero-subtitle{max-width:650px;margin:18px auto 0;color:var(--muted);font-size:15px;line-height:1.72}.progress-wrap{width:min(780px,100%);margin:14px auto 18px;padding:13px 16px;border:1px solid var(--line);border-radius:10px;background:rgba(0,0,0,.44);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.progress-meta{display:flex;justify-content:space-between;margin-bottom:8px;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.05em;text-transform:uppercase}.progress{height:3px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.1)}.progress>div{height:100%;border-radius:inherit;background:var(--cyan);box-shadow:0 0 16px rgba(34,211,238,.88);transition:width .3s ease}.card{width:min(780px,100%);margin:0 auto 18px;padding:32px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.58);box-shadow:0 24px 80px rgba(0,0,0,.58),inset 0 1px 1px rgba(255,255,255,.04);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.card h2{margin:0 0 9px;color:#fff;font-size:1.35rem;font-weight:500;letter-spacing:-.015em}.card-desc{margin:0;color:var(--muted);font-size:.94rem;line-height:1.65}.stack{flex-direction:column;gap:18px}.row,.stack{display:flex}.row{align-items:center;gap:10px}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.label{display:block;margin-bottom:8px;color:#cbd5e1;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.04em}.input,.jump-rank select,.select,.textarea{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(0,0,0,.54);color:#fff;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.input,.select{min-height:47px;padding:12px 14px}.textarea{min-height:112px;padding:13px 14px;resize:vertical;line-height:1.55}.input::placeholder,.textarea::placeholder{color:rgba(156,163,175,.56)}.input:focus,.jump-rank select:focus,.select:focus,.textarea:focus{border-color:rgba(34,211,238,.62);box-shadow:0 0 0 4px rgba(6,182,212,.12);background:rgba(0,0,0,.72)}.date-row{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:rgba(0,0,0,.58);color:#e5e7eb;font-size:12px;font-weight:500;letter-spacing:.04em;transition:transform .2s,border-color .2s,background .2s,color .2s}.btn:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(34,211,238,.42);color:#fff}.btn.light,.btn.primary{border-color:rgba(255,255,255,.82);background:#fff;color:#000;box-shadow:0 0 24px rgba(255,255,255,.13)}.btn.light:hover:not(:disabled),.btn.primary:hover:not(:disabled){border-color:var(--cyan-bright);background:#e6fbff;color:#000}.btn:disabled{cursor:not-allowed;opacity:.42;transform:none}.btn.small{min-width:42px;min-height:42px;padding:9px}.calendar-btn{height:47px}.actions,.footer-actions{width:min(780px,100%);margin:0 auto;display:flex;justify-content:space-between;gap:12px}.footer-actions{justify-content:flex-start;flex-wrap:wrap}.notice{padding:13px 15px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.035);color:var(--muted);font-size:.84rem;line-height:1.55}.notice.success{border-color:rgba(52,211,153,.28);background:rgba(6,78,59,.18);color:#bbf7d0}.notice.warn{border-color:rgba(248,113,113,.3);background:rgba(127,29,29,.18);color:#fecaca}.card.notice.warn{margin-bottom:18px}.value-list{display:flex;flex-direction:column;gap:9px}.value-item{display:grid;grid-template-columns:34px minmax(100px,1fr) auto 42px 42px 42px;align-items:center;grid-gap:8px;gap:8px;padding:9px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.025)}.value-rank{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(34,211,238,.3);border-radius:50%;color:#67e8f9;font-family:JetBrains Mono,monospace;font-size:11px}.value-text{min-width:0;overflow-wrap:anywhere}.jump-rank{display:flex;align-items:center;gap:6px;color:var(--faint);font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase}.jump-rank select{width:58px;min-height:38px;padding:7px}.summary{margin:0;padding:18px;border:1px solid var(--line);border-left:2px solid var(--cyan);border-radius:8px;background:rgba(255,255,255,.03);color:#e2e8f0;font-family:Inter,system-ui,sans-serif;font-size:.91rem;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.badge{display:inline-flex;padding:5px 10px;margin:0 7px 7px 0;font-size:10px}.month-grid{display:grid;grid-gap:14px;gap:14px}@media print{.actions,.hero,.nav,.progress-wrap,.scene{display:none!important}.card,.shell{background:#fff;color:#000}.card{border:1px solid #ccc;box-shadow:none}.card h2,.summary{color:#000}}@media (max-width:760px){.inner{width:min(100% - 24px,900px);padding-bottom:40px}.nav{min-height:62px;padding:13px 16px}.nav-center{display:none}.brand{font-size:12px}.pill{font-size:9px;padding:7px 10px}.hero{padding:34px 10px 12px}.eyebrow{margin-bottom:18px;font-size:9px}h1{max-width:360px;font-size:clamp(34px,10.5vw,54px);line-height:1.08;letter-spacing:-.025em}h1 span{display:block}.hero-subtitle{max-width:350px;font-size:14px;line-height:1.55}.radar-field{top:32%;min-width:560px;min-height:560px;opacity:.46}.card{padding:22px 18px}.grid{grid-template-columns:1fr}.row{align-items:stretch}.value-item{grid-template-columns:34px 1fr 42px 42px 42px}.jump-rank{grid-column:2/-1;grid-row:2;justify-self:start}.actions{position:-webkit-sticky;position:sticky;bottom:0;padding:10px 0 12px;background:linear-gradient(180deg,transparent,#000 28%)}}@media (max-width:520px){.row{flex-direction:column}.row>.btn.primary{width:100%}.value-item{grid-template-columns:32px minmax(0,1fr) 38px 38px 38px;gap:6px}.value-item .btn.small{min-width:38px;min-height:38px}.actions .btn{flex:1 1;padding-inline:10px}.footer-actions .btn{width:100%}}