.sr-shell,.sr-rail{--sr-coral:#e8607a;--sr-coral-soft:#ffe1e4;--sr-coral-strong:#c94860}[data-theme=dark] .sr-shell,[data-theme=dark] .sr-rail{--sr-coral:#ff8fa0;--sr-coral-soft:#e8607a2e;--sr-coral-strong:#ffa9b7}.sr-shell{width:100%;display:block}@media (min-width:1280px){.sr-shell{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:40px;max-width:1180px;margin:0 auto;padding:0 24px;display:grid}.sr-shell>.sr-main{min-width:0}.sr-shell>.sr-main>[class*=ph-ds-],.sr-shell>.sr-main>.ph-syl{max-width:none!important;padding-left:0!important;padding-right:0!important}}.sr-rail{display:none}@media (min-width:1280px){.sr-rail{flex-direction:column;gap:16px;font-family:Noto Sans SC,PingFang SC,system-ui,sans-serif;display:flex;position:sticky;top:24px}}.sr-card{background:var(--color-surface-2);border:1px solid var(--color-border-1);border-radius:16px;padding:18px}.sr-card-title{letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-3);align-items:center;gap:7px;font-family:JetBrains Mono,Menlo,Consolas,monospace;font-size:11px;font-weight:700;display:flex}.sr-card-title .sr-ico{color:var(--sr-coral)}.sr-card-sub{color:var(--color-ink-3);margin-top:6px;margin-bottom:12px;font-size:12px}.sr-steps{flex-direction:column;gap:2px;display:flex}.sr-step{text-align:left;cursor:pointer;width:100%;color:var(--color-ink-3);background:0 0;border:none;border-radius:12px;align-items:center;gap:13px;padding:10px 12px;transition:background .18s cubic-bezier(.2,.7,.2,1),color .18s cubic-bezier(.2,.7,.2,1);display:flex}.sr-step:hover{background:color-mix(in srgb, var(--sr-coral) 8%, transparent);color:var(--color-ink-1)}.sr-step:focus-visible{outline:2px solid var(--sr-coral);outline-offset:2px}.sr-step-num{border:1.5px dashed var(--color-border-2);width:30px;height:30px;color:var(--color-ink-3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:JetBrains Mono,Menlo,Consolas,monospace;font-size:12px;font-weight:700;transition:all .18s cubic-bezier(.2,.7,.2,1);display:flex}.sr-step-text{flex-direction:column;gap:1px;min-width:0;display:flex}.sr-step-label{color:var(--color-ink-2,var(--color-ink-1));font-size:14.5px;font-weight:500}.sr-step-en{letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-4);font-family:JetBrains Mono,Menlo,Consolas,monospace;font-size:9.5px;font-weight:600}.sr-step.done .sr-step-num{background:var(--color-mint-soft);border:1.5px solid var(--color-mint-base);color:var(--color-mint-strong);border-style:solid}.sr-step.active{background:var(--sr-coral-soft)}.sr-step.active .sr-step-num{background:var(--sr-coral);border:1.5px solid var(--sr-coral);color:#fff;border-style:solid}.sr-step.active .sr-step-label{color:var(--color-ink-1);font-weight:700}.sr-chips{flex-wrap:wrap;gap:8px;display:flex}.sr-chip{border:1.5px solid var(--color-border-2);background:var(--color-surface-1);width:42px;height:42px;color:var(--color-ink-2,var(--color-ink-1));border-radius:11px;justify-content:center;align-items:center;padding:0;font-family:Noto Sans KR,Malgun Gothic,sans-serif;font-size:19px;font-weight:700;display:flex;position:relative}.sr-chip.tappable{cursor:pointer;transition:transform .15s cubic-bezier(.2,.7,.2,1),border-color .15s}.sr-chip.tappable:hover{border-color:var(--sr-coral);transform:translateY(-2px)}.sr-chip.tappable:focus-visible{outline:2px solid var(--sr-coral);outline-offset:2px}.sr-chip.active{border-color:var(--sr-coral);background:var(--sr-coral-soft);color:var(--sr-coral-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--sr-coral) 16%, transparent)}.sr-cheat-block+.sr-cheat-block{border-top:1px solid var(--color-border-1);margin-top:14px;padding-top:14px}.sr-cheat-block:first-of-type{margin-top:12px}.sr-cheat-head{letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-3);margin-bottom:8px;font-family:JetBrains Mono,Menlo,Consolas,monospace;font-size:10px;font-weight:700}.sr-cheat-row{color:var(--color-ink-2,var(--color-ink-1));justify-content:space-between;align-items:baseline;padding:4px 0;font-size:13.5px;display:flex}.sr-cheat-row b{color:var(--sr-coral-strong);font-family:Fraunces,Source Han Serif SC,Noto Serif SC,serif;font-size:16px;font-style:italic}.sr-cheat-val{color:var(--color-ink-2,var(--color-ink-1))}.sr-cheat-vs{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.sr-vs-col{border:1px solid var(--color-border-1);background:var(--color-surface-1);border-radius:10px;padding:10px 6px}.sr-vs-k{color:var(--color-ink-1);font-family:Noto Sans KR,Malgun Gothic,sans-serif;font-size:26px;font-weight:700}.sr-vs-r{color:var(--sr-coral-strong);margin-top:2px;font-family:Fraunces,Source Han Serif SC,Noto Serif SC,serif;font-size:13px;font-style:italic}.sr-vs-sep{color:var(--color-ink-4);font-family:Fraunces,serif;font-size:13px;font-style:italic}.sr-ring-wrap{align-items:center;gap:16px;display:flex}.sr-ring{flex-shrink:0;width:76px;height:76px;position:relative}.sr-ring svg{transform:rotate(-90deg)}.sr-ring-track{stroke:var(--color-border-2)}.sr-ring-fill{stroke:var(--sr-coral);stroke-linecap:round;transition:stroke-dashoffset .5s cubic-bezier(.2,.7,.2,1)}.sr-ring-num{color:var(--color-ink-1);justify-content:center;align-items:center;font-family:Fraunces,Source Han Serif SC,Noto Serif SC,serif;font-size:20px;font-weight:600;display:flex;position:absolute;inset:0}.sr-ring-meta{color:var(--color-ink-3);font-size:13px;line-height:1.7}.sr-ring-meta b{color:var(--sr-coral-strong);font-family:Fraunces,serif;font-size:16px;font-style:italic}.sr-mode-tabs{grid-template-columns:1fr 1fr;gap:6px;display:grid}.sr-mode-tab{border:1.5px solid var(--color-border-2);background:var(--color-surface-1);cursor:pointer;text-align:center;color:var(--color-ink-3);border-radius:10px;padding:10px 8px;font-size:13px;font-weight:600;transition:border-color .15s,color .15s,background .15s}.sr-mode-tab:hover{border-color:var(--sr-coral);color:var(--color-ink-1)}.sr-mode-tab:focus-visible{outline:2px solid var(--sr-coral);outline-offset:2px}.sr-mode-tab.active{border-color:var(--sr-coral);background:var(--sr-coral-soft);color:var(--sr-coral-strong)}.sr-mode-tab .sr-mode-en{letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-4);margin-top:2px;font-family:JetBrains Mono,monospace;font-size:9px;display:block}@media (prefers-reduced-motion:reduce){.sr-step,.sr-step-num,.sr-chip.tappable{transition:none}}