@font-face{font-family:AaNemomomo;src:url(/fonts/AaNemomomo.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}:root{font-family:var(--font);color:#182536;font-synthesis:none;text-rendering:optimizelegibility;--font:"AaNemomomo", "Figtree", "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--display:"AaNemomomo", "Sora", "Figtree", sans-serif;--header-bg:#172b4d;--header-text:#f8fbff;--ink:#182536;--muted:#6c7888;--line:#dfe6ee;--surface:#fff;--blue:#2670db;--blue-soft:#eaf2ff;--green:#168269;--green-soft:#e6f5f0;--amber:#aa6b08;--amber-soft:#fff4db;--red:#c74e4e;--red-soft:#fceceb;background:#f3f6fa}*{box-sizing:border-box}html{font-size:17px}body{min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 12% 0,#4a89e01a,#0000 27rem),linear-gradient(#f7faff 0%,#f2f5f8 58%,#eef3f7 100%);margin:0;font-size:1rem}button{font:inherit}.app{min-height:100vh}.header{z-index:20;height:calc(64px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);color:var(--header-text);background:var(--header-bg);position:sticky;top:0}.headerInner{justify-content:space-between;align-items:center;width:min(100% - 2rem,960px);height:64px;margin:0 auto;display:flex}.brand,.heroTopline,.checkedAt,.eyebrow,.footer,.sectionHeading,.tip,.metric,.actionBadge{align-items:center;display:flex}.brand{gap:.7rem}.brandMark{background:#ffffff1f;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.brandName,.brandSub,.sectionKicker,.metricLabel,.metricValue,.metricDetail,.heroBody,.statusLabel,.footer,.tip p,.step span,.step strong{margin:0}.brandName{font-family:var(--display);letter-spacing:-.03em;font-size:1.05rem;font-weight:600}.brandSub{color:#f8fbffc2;margin-top:.08rem;font-size:.75rem}.iconButton{width:38px;height:38px;color:var(--header-text);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff29;border-radius:10px;place-items:center;transition:background .16s,transform .16s;display:grid}.iconButton:hover{background:#ffffff2e}.iconButton:active{transform:scale(.95)}.iconButton:disabled{cursor:wait;opacity:.58}.iconButton:disabled .icon{animation:.9s linear infinite spin}.wrap{width:min(100% - 2rem,960px);padding:1.55rem 0 max(.5rem, env(safe-area-inset-bottom,0px));margin:0 auto}.hero{background:var(--surface);border:1px solid #d3deead9;border-radius:18px;min-height:260px;padding:1.35rem 1.5rem 1.5rem;position:relative;overflow:hidden;box-shadow:0 16px 40px #213d5e14}.hero:after{content:"";background:var(--blue-soft);opacity:.8;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-135px;right:-100px}.heroTopline{z-index:1;justify-content:space-between;gap:1rem;position:relative}.eyebrow,.checkedAt{color:#738093;gap:.42rem;font-size:.72rem;font-weight:600}.eyebrow{text-transform:uppercase;letter-spacing:.08em}.checkedAt{letter-spacing:0;font-weight:500}.statusDot,.footerDot{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 4px var(--green-soft);border-radius:50%;display:inline-block}.status-offline .statusDot{background:var(--red);box-shadow:0 0 0 4px var(--red-soft)}.status-unstable .statusDot{background:var(--amber);box-shadow:0 0 0 4px var(--amber-soft)}.status-slow .statusDot{background:var(--blue);box-shadow:0 0 0 4px var(--blue-soft)}.heroContent{z-index:1;align-items:flex-start;gap:1rem;max-width:640px;margin-top:2.8rem;display:flex;position:relative}.statusIcon{width:58px;height:58px;color:var(--green);background:var(--green-soft);border-radius:15px;flex:none;place-items:center;display:grid}.status-offline .statusIcon,.status-unstable .statusIcon{color:var(--red);background:var(--red-soft)}.status-unstable .statusIcon{color:var(--amber);background:var(--amber-soft)}.status-slow .statusIcon{color:var(--blue);background:var(--blue-soft)}.statusLabel{color:var(--green);margin:.08rem 0 .42rem;font-size:.78rem;font-weight:700}.status-offline .statusLabel,.status-unstable .statusLabel{color:var(--red)}.status-unstable .statusLabel{color:var(--amber)}.status-slow .statusLabel{color:var(--blue)}h1,h2{font-family:var(--display);letter-spacing:-.045em;margin:0}h1{max-width:570px;font-size:clamp(1.55rem,3vw,1.95rem);font-weight:600;line-height:1.23}.heroBody{max-width:555px;color:var(--muted);margin-top:.68rem;font-size:.86rem;line-height:1.6}.metrics{grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:.7rem;display:grid}.metric{border:1px solid var(--line);background:#ffffffb8;border-radius:13px;gap:.7rem;min-height:124px;padding:1rem}.metricIcon{width:33px;height:33px;color:var(--blue);background:var(--blue-soft);border-radius:9px;flex:none;place-items:center;display:grid}.metricLabel{color:var(--muted);font-size:.74rem}.metricValue{color:var(--ink);font-family:var(--display);letter-spacing:-.035em;margin-top:.18rem;font-size:1.02rem;font-weight:600}.metricDetail{color:#93a0af;margin-top:.2rem;font-size:.66rem}.actionPanel{border-top:1px solid var(--line);margin-top:1.7rem;padding:1.35rem 1.5rem 1.25rem}.sectionHeading{justify-content:space-between;gap:1rem}.sectionKicker{color:var(--blue);letter-spacing:.12em;font-size:.66rem;font-weight:700}h2{margin-top:.34rem;font-size:1.18rem;font-weight:600}.actionBadge{width:36px;height:36px;color:var(--green);background:var(--green-soft);border-radius:10px;justify-content:center}.badge-offline,.badge-unstable{color:var(--red);background:var(--red-soft)}.badge-unstable{color:var(--amber);background:var(--amber-soft)}.badge-slow{color:var(--blue);background:var(--blue-soft)}.actionSteps{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1.25rem;display:grid}.step{border:1px solid var(--line);background:#f7fafdc7;border-radius:10px;gap:.7rem;min-height:77px;padding:.8rem;display:flex}.stepActive{background:#fff7f6;border-color:#f0c7c4}.stepNumber{color:#9aa6b4;font-family:var(--display);font-size:.68rem;font-weight:600}.step strong{font-size:.78rem;font-weight:650;display:block}.step span:last-child{color:var(--muted);margin-top:.23rem;font-size:.7rem;line-height:1.45;display:block}.tip{color:#234b7f;background:#f1f6fe;border:1px solid #cddff8;border-radius:11px;align-items:flex-start;gap:.8rem;margin-top:.2rem;padding:1rem 1.2rem}.tipIcon{background:#dceaff;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.tip strong{font-size:.78rem;font-weight:650;display:block}.tip p{color:#547093;margin-top:.25rem;font-size:.72rem;line-height:1.55}.footer{color:#8b98a8;justify-content:space-between;gap:1rem;margin-top:1.05rem;padding:0 .15rem;font-size:.66rem}.footer>span:first-child{align-items:center;gap:.42rem;display:flex}.footerDot{width:5px;height:5px;box-shadow:none}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=680px){.wrap,.headerInner{width:min(100% - 1.25rem,960px)}.wrap{padding-top:.8rem}.hero{border-radius:14px;min-height:285px;padding:1.1rem 1rem 1.15rem}.heroContent{margin-top:2.25rem}.metrics{gap:.45rem}.metric{min-height:118px;padding:.75rem;display:block}.metricIcon{margin-bottom:.6rem}.metricDetail{line-height:1.25}.actionPanel{padding:1.25rem .2rem 1rem}.actionSteps{grid-template-columns:1fr;gap:.45rem}.step{min-height:0}.tip{padding:.9rem}}@media (width<=410px){.brandSub{display:none}.heroTopline{flex-direction:column;align-items:flex-start;gap:.55rem}.heroContent{gap:.75rem}.statusIcon{border-radius:12px;width:48px;height:48px}h1{font-size:1.42rem}.metric{padding:.65rem}.metricValue{font-size:.9rem}.metricDetail{font-size:.62rem}}@media (prefers-color-scheme:dark){:root{--ink:#edf4fc;--muted:#a4b1c0;--line:#2b3a4d;--surface:#172536;--blue-soft:#1b355a;--green-soft:#173e3a;--amber-soft:#483a1d;--red-soft:#472b32}body{background:radial-gradient(circle at 12% 0,#3467b238,#0000 27rem),#101b29}.hero{border-color:#2c3c50;box-shadow:0 16px 40px #0000002e}.hero:after{opacity:.5}.metric{background:#172536cc}.metricDetail,.footer,.checkedAt,.eyebrow{color:#8291a4}.step{background:#132030bf;border-color:#2c3c50}.stepActive{background:#2b2028;border-color:#72434a}.stepNumber{color:#8190a2}.tip{color:#c2dcfb;background:#172b47;border-color:#294b75}.tip p{color:#91acd0}}