:root{--ink:#101a16;--ink-soft:#314039;--paper:#f3f6ef;--surface:#fff;--surface-muted:#e9eee6;--line:#d2dad0;--accent:#c8ff37;--accent-strong:#a8e900;--teal:#0d7562;--warning:#9a5b00;--danger:#b52b3a;--shadow:0 14px 38px #101a161a;--radius:22px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,Pretendard,Noto Sans KR,Noto Sans SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth;min-height:100%}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 90% -8%, #c8ff3757, transparent 31rem), linear-gradient(180deg, #f8faf5 0, var(--paper) 26rem);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}button,input,select{color:inherit;font:inherit}button,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #1976d2}h1,h2,h3,p{margin-top:0}.app-shell{width:min(100%,74rem);min-height:100vh;padding:max(1rem, env(safe-area-inset-top)) 1rem max(2.5rem, env(safe-area-inset-bottom));margin:0 auto}.topbar{justify-content:space-between;align-items:flex-start;gap:1rem;padding:.5rem 0 1.25rem;display:flex}.topbar h1{letter-spacing:-.055em;max-width:12ch;margin-bottom:0;font-size:clamp(1.45rem,7vw,2.25rem);line-height:1.02}.eyebrow,.section-kicker{color:var(--teal);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.35rem;font-size:.7rem;font-weight:800;line-height:1.25}.language-control{color:var(--ink-soft);flex:none;gap:.25rem;font-size:.7rem;font-weight:700;display:grid}.language-control select{border:1px solid var(--line);background:var(--surface);border-radius:.8rem;min-height:2.75rem;padding:0 2.15rem 0 .8rem;font-size:.88rem;font-weight:700}.context-strip{scrollbar-width:none;gap:.45rem;margin-bottom:1rem;display:flex;overflow-x:auto}.status-dot,.sync-chip,.clock-status,.delivery-status{white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;font-size:.72rem;font-weight:800;display:inline-flex}.status-dot{border:1px solid var(--line);background:#ffffffc2;gap:.42rem;padding:.38rem .66rem}.status-dot:before{content:"";background:#7a867f;border-radius:50%;width:.45rem;height:.45rem}.status-dot.good:before{background:#15a276;box-shadow:0 0 0 3px #15a2761f}.status-dot.warning:before{background:#ee9c20}.notice{border:1px solid var(--line);border-left:4px solid var(--teal);background:var(--surface);border-radius:.9rem;justify-content:space-between;align-items:flex-start;gap:1rem;margin:0 0 1rem;padding:.85rem .9rem .85rem 1rem;display:flex;position:relative;box-shadow:0 8px 24px #101a1612}.notice p{margin:0;font-size:.88rem;font-weight:650}.notice button{background:0 0;border:0;border-radius:50%;place-items:center;min-width:2rem;min-height:2rem;padding:0;display:grid}.notice.success{border-left-color:#0b9669}.notice.warning{border-left-color:#e19018}.notice.error{border-left-color:var(--danger)}.gate-stack,.dashboard{gap:1rem;display:grid}.gate-card,.feature-card,.diagnostics-card,.utility-card{border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffffed;border:1px solid #8b9d9154}.gate-card{flex-direction:column;min-height:27rem;padding:clamp(1.35rem,5vw,2.25rem);display:flex}.gate-card h2{letter-spacing:-.045em;max-width:15ch;margin-bottom:.75rem;font-size:clamp(1.65rem,7vw,2.6rem);line-height:1.08}.gate-card>p:not(.section-kicker):not(.helper-text):not(.privacy-note){color:var(--ink-soft)}.gate-symbol,.install-mark{background:var(--ink);width:4.6rem;height:4.6rem;color:var(--accent);border-radius:1.35rem;place-items:center;margin-bottom:2.2rem;font-size:2.7rem;font-weight:900;line-height:1;display:grid;transform:rotate(-3deg)}.gate-symbol.code{font-size:2rem}.install-mark{background:var(--accent);color:var(--ink);position:relative;overflow:hidden}.install-mark:after{content:"";border:.5rem solid #101a1629;border-radius:50%;width:3.4rem;height:3.4rem;position:absolute;bottom:-1.1rem;right:-1rem}.instruction-box,.support-message{background:var(--surface-muted);border-radius:.9rem;gap:.25rem;margin:1rem 0;padding:.95rem 1rem;display:grid}.instruction-box span,.support-message span{color:var(--ink-soft);font-size:.86rem}.primary-button,.secondary-button,.danger-button{border:1px solid var(--ink);border-radius:.9rem;min-height:3.15rem;padding:.72rem 1rem;font-weight:800;transition:transform .15s,box-shadow .15s,background-color .15s}.primary-button{background:var(--ink);color:#fff;box-shadow:0 8px 0 var(--accent-strong)}.primary-button:not(:disabled):active{box-shadow:0 3px 0 var(--accent-strong);transform:translateY(5px)}.secondary-button{color:var(--ink);background:#fff}.danger-button{background:var(--danger);color:#fff;border-color:#851c28}.compact{min-height:2.7rem;padding:.55rem .85rem;font-size:.82rem}.helper-text,.privacy-note{color:var(--ink-soft);margin:1rem 0 0;font-size:.78rem}.privacy-note{margin-top:auto;padding-top:1.5rem}.access-form{gap:.7rem;margin-top:1rem;display:grid}.access-form label{font-size:.8rem;font-weight:800}.access-form input{letter-spacing:.08em;background:#fff;border:1px solid #abb7ae;border-radius:.9rem;min-height:3.25rem;padding:0 1rem;font-size:1rem}.access-form input[aria-invalid=true]{border-color:var(--danger)}.form-feedback{color:var(--danger);margin:0;font-size:.8rem;font-weight:700}.loader{border:.42rem solid var(--line);border-top-color:var(--teal);border-radius:50%;width:3.5rem;height:3.5rem;margin-bottom:2rem;animation:.9s linear infinite spin}.intro-row{justify-content:space-between;align-items:flex-end;gap:1rem;padding:.5rem .25rem;display:flex}.intro-row p{max-width:34rem;margin:0;font-size:clamp(1.05rem,4vw,1.25rem);font-weight:750;line-height:1.3}.intro-row span{color:var(--ink-soft);white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.65rem}.inline-warning{color:#754600;background:#fff7df;border:1px solid #edc673;border-radius:.85rem;padding:.8rem .95rem;font-size:.82rem;font-weight:700}.feature-card,.diagnostics-card,.utility-card{padding:clamp(1.15rem,4vw,1.65rem)}.section-heading,.utility-card,.clock-header,.notification-connect,.test-now-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.section-heading h2,.diagnostics-card h2,.utility-card h2{letter-spacing:-.035em;margin-bottom:0;font-size:clamp(1.25rem,5vw,1.65rem);line-height:1.12}.section-description,.diagnostics-card p,.utility-card p{color:var(--ink-soft);margin:.75rem 0 1.4rem;font-size:.86rem}.sync-chip,.clock-status,.delivery-status{background:var(--surface-muted);color:var(--ink-soft);padding:.34rem .55rem}.sync-chip.pending,.clock-status.active,.clock-status.running,.delivery-status.scheduled,.delivery-status.sending{color:#7b4a00;background:#fff1c7}.sync-chip.active,.clock-status.completed,.delivery-status.accepted,.delivery-status.received,.delivery-status.acknowledged{color:#086348;background:#d9f8eb}.clock-status.failed,.delivery-status.failed{color:#932330;background:#ffe0e2}.counter-card{background:linear-gradient(145deg, #c8ff3747, transparent 45%), var(--surface);overflow:hidden}.counter-readout{justify-content:center;align-items:baseline;min-height:9rem;padding:.8rem;display:flex}.counter-readout span{letter-spacing:-.09em;font-size:clamp(5.2rem,25vw,8rem);font-weight:900;line-height:.9}.counter-readout small{color:var(--ink-soft);margin-left:.6rem;font-size:1rem;font-weight:800}.stamp-progress{grid-template-columns:repeat(10,1fr);gap:.22rem;margin:.75rem 0 1.25rem;display:grid}.stamp-progress span{background:#dbe2d8;border-radius:99px;height:.55rem}.stamp-progress span.filled{background:var(--teal)}.counter-actions{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.counter-button{border:1px solid var(--ink);min-height:4.4rem;color:var(--ink);background:#fff;border-radius:1.1rem;font-size:2.2rem;font-weight:800;line-height:1}.counter-button.primary{background:var(--accent)}.support-message{border-left:4px solid var(--warning)}.support-message.error{border-left-color:var(--danger);background:#fff0f1}.notification-connect,.test-now-row{border-top:1px solid var(--line);align-items:center;padding:1rem 0}.notification-connect p,.test-now-row div>*{margin:0}.test-now-row div{gap:.2rem;display:grid}.test-now-row div span{color:var(--ink-soft);font-size:.75rem}.clock-panel{background:var(--ink);color:#fff;border-radius:1.15rem;margin-top:.7rem;padding:1rem}.clock-header h3{margin-bottom:.3rem;font-size:1rem}.clock-header p{color:#bac8c0;max-width:31rem;margin:0;font-size:.78rem}.clock-metrics{gap:.45rem;margin:1rem 0;display:grid}.clock-metrics>div{border:1px solid #ffffff1f;border-radius:.75rem;justify-content:space-between;gap:1rem;padding:.7rem;display:flex}.clock-metrics dt,.clock-metrics dd{margin:0;font-size:.76rem}.clock-metrics dt{color:#cad4ce}.clock-metrics dd{color:var(--accent);font-weight:900}.clock-panel>button{width:100%}.history-count{background:var(--accent);border-radius:50%;place-items:center;min-width:2.15rem;min-height:2.15rem;font-size:.78rem;font-weight:900;display:grid}.empty-state{color:var(--ink-soft);text-align:center;border:1px dashed #aebbb1;border-radius:1rem;padding:2.2rem 1rem;font-size:.84rem}.history-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.history-list li{border-top:1px solid var(--line);grid-template-columns:.65rem 1fr;gap:.75rem;padding:.9rem 0;display:grid}.history-marker{background:var(--teal);width:.55rem;height:.55rem;box-shadow:0 0 0 2px var(--teal);border:2px solid #fff;border-radius:50%;margin-top:.35rem}.history-content,.history-primary,.history-secondary{justify-content:space-between;gap:.7rem;display:flex}.history-content{flex-direction:column}.history-primary strong,.history-primary span,.history-secondary time{font-size:.78rem}.history-primary span,.history-secondary time{color:var(--ink-soft)}.diagnostics-card{box-shadow:none}.diagnostics-card>div>p,.utility-card p{margin-bottom:0}.diagnostics-card dl{border:1px solid var(--line);background:var(--line);border-radius:.85rem;grid-template-columns:repeat(2,1fr);gap:1px;margin:1.25rem 0 0;display:grid;overflow:hidden}.diagnostics-card dl>div{background:#fff;padding:.75rem}.diagnostics-card dt,.diagnostics-card dd{margin:0;font-size:.72rem}.diagnostics-card dt{color:var(--ink-soft)}.diagnostics-card dd{margin-top:.2rem;font-weight:800}.diagnostics-card dd.positive{color:var(--teal)}.utility-card{align-items:center}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:48rem){.app-shell{padding-left:2rem;padding-right:2rem}.topbar{padding-top:1.2rem;padding-bottom:2rem}.topbar h1{max-width:none}.gate-stack{grid-template-columns:minmax(0,1.35fr) minmax(19rem,.65fr);align-items:start}.dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-row,.inline-warning,.utility-card,.diagnostics-card{grid-column:1/-1}.counter-card,.notification-card{min-height:34rem}.history-card{grid-column:1/-1}.counter-actions{margin-top:1.6rem}.diagnostics-card dl{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}