:root{--fit-font:clamp(16px, min(8px + 1.3333dvh, 1.2308vw), 20px);--fit-px:clamp(1px, min(.5px + .083333dvh, .076923vw), 1.25px)}html,body{overscroll-behavior-x:none}html.fit-height{font-size:var(--fit-font)}html.no-gesture{touch-action:pan-x pan-y}html.no-gesture,html.no-gesture body{overscroll-behavior:none}@font-face{font-family:Paperlogy;src:url(/fonts/Paperlogy-6SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}:root{--sea0:#071a2e;--sea1:#0b2a47;--sea2:#12406a;--aqua:#3bc9db;--aquaD:#1098ad;--coral:#ff6b4a;--coralD:#e8590c;--sun:#ffd43b;--ink:#16324a;--ink2:#4a6076;--muted:#8496a8;--paper:#fff;--foam:#eef7fb;--line:#d5e3ec;--red:#e03131;--green:#2f9e44;--blue:#1c7ed6;--act1:#d3f9d8;--act2:#ffe3e3;--act3:#d0ebff;--shadow:0 .2rem .8rem #0314282e;--r:1rem;--disp:Paperlogy, "Pretendard Variable", sans-serif}*{box-sizing:border-box}html.fit-height:not(.route-board){font-size:clamp(16px,min(10px + 1dvh,1.2308vw),17px)}html,body{height:100%;margin:0}body{color:var(--ink);background:var(--sea0);word-break:keep-all;overflow-wrap:break-word;-webkit-tap-highlight-color:transparent;font-family:Pretendard Variable,Pretendard,system-ui,sans-serif;overflow-x:hidden}#app{min-height:100%}.sea{background:radial-gradient(60rem 26rem at 20% -6rem, #3bc9db47, transparent 70%), radial-gradient(40rem 22rem at 90% -4rem, #74c0fc33, transparent 70%), linear-gradient(180deg, var(--sea2) 0%, var(--sea1) 45%, var(--sea0) 100%);color:#fff;min-height:100dvh}h1,h2,h3{font-family:var(--disp);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:600}h2{font-size:1.25rem}h3{font-size:1.05rem}small{color:var(--ink2);font-size:.78em;font-weight:500}p{text-wrap:pretty;margin:.4rem 0;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}.ico{vertical-align:-.18em;flex:none}.muted{color:var(--muted)}.tiny{font-size:.78rem}.good{color:var(--green)}.bad{color:var(--red)}.err{color:var(--red);font-weight:600}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.between{justify-content:space-between}.grow{flex:1;min-width:0}.center{text-align:center;place-items:center;min-height:100dvh;padding:1rem;display:grid}.card{background:var(--paper);color:var(--ink);border-radius:var(--r);box-shadow:var(--shadow);padding:1rem 1.1rem}.card.soft{background:var(--foam);box-shadow:none}.cardHead{align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.cardHead h2,.cardHead h3{flex:1}.hint{color:var(--ink2);font-size:.9rem}.btn{cursor:pointer;background:var(--foam);min-height:2.75rem;color:var(--ink);touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:.8rem;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1.1rem;font-weight:700;display:inline-flex;box-shadow:inset 0 -.18rem #16324a24}.btn:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn.main{background:var(--coral);color:#fff;box-shadow:inset 0 -.2rem 0 var(--coralD)}.btn.aqua{background:var(--aqua);color:#06283d;box-shadow:inset 0 -.2rem 0 var(--aquaD)}.btn.dark{background:var(--ink);color:#fff}.btn.ghost{box-shadow:inset 0 0 0 2px var(--line);background:0 0}.btn.big{border-radius:1rem;min-height:3.4rem;padding:.6rem 1.5rem;font-size:1.15rem}.btn.sm{border-radius:.6rem;min-height:2.1rem;padding:.25rem .7rem;font-size:.88rem}.btn.wide{width:100%}.input{border:2px solid var(--line);background:#fff;border-radius:.8rem;width:100%;min-height:2.75rem;padding:.5rem .8rem}.input:focus{border-color:var(--aquaD);outline:0}.chip{background:var(--foam);border-radius:99rem;align-items:center;gap:.3rem;padding:.15rem .6rem;font-size:.85rem;font-weight:700;display:inline-flex}.chip.on{color:#1b6b30;background:#d3f9d8}.chip.warn{color:#8a6100;background:#fff3bf}.chip.bad{color:#a51111;background:#ffe3e3}table.tbl{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.tbl th,.tbl td{text-align:right;border-bottom:1px solid var(--line);padding:.4rem .55rem}.tbl th:first-child,.tbl td:first-child{text-align:left}.tbl thead th{color:var(--ink2);font-size:.82rem;font-weight:700}.tbl tr.me td{background:#fff9db;font-weight:700}.timer{font-family:var(--disp);font-variant-numeric:tabular-nums;background:#ffffff24;border-radius:99rem;align-items:center;gap:.3rem;padding:.2rem .7rem;font-size:1.2rem;display:inline-flex}.timer.warn{background:var(--red);color:#fff}.timer.paused{background:var(--sun);color:var(--ink)}.timer.big{padding:.3rem 1.2rem;font-size:2.6rem}.toasts{z-index:50;pointer-events:none;gap:.4rem;display:grid;position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:#fff;box-shadow:var(--shadow);border-radius:.8rem;max-width:min(92vw,32rem);padding:.6rem 1rem;font-weight:700}.toast.bad{background:var(--red)}.toast.good{background:var(--green)}.stepper{align-items:center;gap:.5rem;display:inline-flex}.stepBtn{background:var(--foam);width:2.9rem;height:2.9rem;color:var(--ink);cursor:pointer;touch-action:manipulation;border:0;border-radius:.8rem;place-items:center;display:grid;box-shadow:inset 0 -.18rem #16324a24}.stepBtn:disabled{opacity:.35}.stepVal{text-align:center;min-width:7.5rem;font-family:var(--disp);font-variant-numeric:tabular-nums;font-size:1.7rem}.modalBack{z-index:40;background:#030e1c99;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{color:var(--ink);width:100%;max-width:28rem;box-shadow:var(--shadow);background:#fff;border-radius:1.2rem;padding:1.3rem}.qBadge{white-space:nowrap;border-radius:99rem;padding:.1rem .55rem;font-size:.82rem;font-weight:800;display:inline-block}.qBadge.q0{color:#6b5a3e;background:#e9e2d5}.qBadge.q1{color:#1864ab;background:#d0ebff}.qBadge.q2{color:#0b7285;background:#c5f6fa}.firmTag{white-space:nowrap;align-items:center;gap:.35rem;font-weight:800;display:inline-flex}.firmTag i{border-radius:50%;flex:none;width:.8rem;height:.8rem}.firmTag i.avgDot{background:repeating-linear-gradient(90deg, var(--ink) 0 3px, transparent 3px 6px);border-radius:0;width:1.4rem;height:4px}.actBar{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.actSteps{gap:.25rem;display:inline-flex}.actStep{color:#fff9;white-space:nowrap;background:#ffffff1f;border-radius:99rem;align-items:center;gap:.3rem;padding:.2rem .65rem;font-size:.85rem;font-weight:700;display:inline-flex}.actStep b{font-family:var(--disp)}.actStep.done{color:#fff;background:#ffffff47}.actStep.now{color:var(--ink)}.actStep.now.a1{background:var(--act1)}.actStep.now.a2{background:var(--act2)}.actStep.now.a3{background:var(--act3)}.actRound{white-space:nowrap;font-weight:700}.actRound b{font-family:var(--disp);font-size:1.3em}.actRound small{color:inherit;opacity:.7;margin-left:.15rem}.actPhase{font-family:var(--disp);background:var(--sun);color:var(--ink);white-space:nowrap;border-radius:.6rem;padding:.1rem .7rem;font-size:1.1rem}.actPause{background:var(--red);color:#fff;border-radius:.6rem;padding:.1rem .6rem;font-weight:800}.priceChart{width:100%;height:auto;display:block}.priceChart .pcGrid{stroke:#16324a29;stroke-width:1px}.priceChart .pcTick{fill:var(--ink2);font-size:14px;font-weight:600}.priceChart .pcAct{fill:var(--ink);font-size:15px;font-weight:800}.priceChart .pcDeal{fill:var(--red);font-size:14px;font-weight:800}.chartLegend{flex-wrap:wrap;gap:.9rem;margin-top:.3rem;font-size:.88rem;display:flex}table.actCompare{border-collapse:separate;border-spacing:.35rem;font-variant-numeric:tabular-nums;width:100%}.actCompare thead th{border-radius:.7rem;padding:.5rem;font-size:.95rem}.actCompare thead th b{font-family:var(--disp)}.actCompare thead th small{font-size:.75rem;display:block}.actCompare thead th.a1{background:var(--act1)}.actCompare thead th.a2{background:var(--act2)}.actCompare thead th.a3{background:var(--act3)}.actCompare tbody th{text-align:left;color:var(--ink2);white-space:nowrap;padding-right:.5rem;font-size:.9rem;font-weight:700}.actCompare td{text-align:center;background:var(--foam);border-radius:.7rem;padding:.45rem .5rem;font-size:1.05rem;font-weight:800}.actCompare td.worst{color:#a51111;background:#ffc9c9}.actCompare td.top{background:#ffec99}.actCompare.big td{padding:.6rem;font-size:1.5rem}.actCompare.big tbody th{font-size:1.1rem}.actCompare.big thead th{font-size:1.2rem}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width<=560px){table.actCompare{table-layout:fixed;border-spacing:.2rem}.actCompare tbody th{white-space:normal;width:26%;padding-right:.2rem;font-size:.72rem}.actCompare td{padding:.4rem .1rem;font-size:.8rem}.actCompare thead th{padding:.3rem .1rem;font-size:.72rem}}
