:root:has(.opently){--background:#f5f2eb;--foreground:#262924}@media (prefers-color-scheme:dark){:root:has(.opently){--background:#181b1a;--foreground:#eaede7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.opently,.opently [data-theme=paper]{--bg:#f5f2eb;--text:#262924;--muted:#62685f;--accent:#53644d;--on-accent:#f5f2eb;--surface:#ece8df;--line:#d9d4c8}.opently [data-theme=ink]{--bg:#181b1a;--text:#eaede7;--muted:#a8b0a6;--accent:#bcc8ae;--on-accent:#181b1a;--surface:#212523;--line:#333836}@media (prefers-color-scheme:dark){.opently{--bg:#181b1a;--text:#eaede7;--muted:#a8b0a6;--accent:#bcc8ae;--on-accent:#181b1a;--surface:#212523;--line:#333836}}.opently{width:100vw;color:var(--text);word-break:keep-all;margin-inline:calc(50% - 50vw);font-family:system-ui,-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif;line-height:1.5}.opently :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.opently .panel{scroll-snap-align:start;grid-template-columns:1fr 1.2fr;align-items:center;gap:48px;max-width:1080px;min-height:calc(100svh - 4.5rem);margin:0 auto;padding:24px 24px 40px;display:grid;position:relative}.opently .panel-text{min-width:0}.opently .panel.hero{scroll-snap-align:end;grid-template-columns:1.3fr 1fr}.opently .panel-visual{justify-content:center;min-width:0;display:flex}.opently h1{margin:16px 0;font-size:clamp(30px,4.4vw,48px);font-weight:700;line-height:1.25}.opently h1 .line{display:block}.opently h2{font-size:clamp(30px,4.4vw,48px);font-weight:700;line-height:1.25}.opently .sub{color:var(--muted);margin-top:14px;font-size:clamp(16px,1.8vw,20px)}.opently .badge{color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:4px 12px;font-size:13px;display:inline-block}.opently .scroll-hint{color:var(--muted);place-items:center;min-width:48px;min-height:48px;font-size:22px;text-decoration:none;display:grid;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:no-preference){:root:has(.opently){scroll-behavior:smooth}}.opently .phone-wrap{text-align:center;margin:0}.opently .phone-wrap figcaption{color:var(--muted);margin-top:12px;font-size:14px}.opently .phone{border:.7em solid var(--text);background:var(--bg);width:20em;height:40em;color:var(--text);text-align:center;border-radius:2.8em;flex-direction:column;padding:2.4em 1.4em 1.6em;font-size:clamp(11px,1.25vw,14px);display:flex;position:relative;overflow:hidden}.opently .phone[data-theme=ink]{border-color:#3a3f3c}.opently .wordmark{color:var(--muted);font-size:1em}.opently .app-list{flex:1;margin:1.6em 0 0;padding:0;font-size:1.8em;list-style:none}.opently .app-list li{place-items:center;min-height:2.2em;display:grid}.opently .app-list button{width:100%;min-height:2.2em;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.4em}.opently .app-list button:hover{background:var(--surface)}.opently .phone-nav{color:var(--muted);justify-content:space-between;padding:0 .5em;font-size:1.05em;display:flex}.opently .icon-grid{grid-template-columns:repeat(4,1fr);gap:1.4em 1em;margin-top:1em;display:grid}.opently .icon{aspect-ratio:1;border-radius:1em;position:relative}.opently .dot{color:#fff;background:#e53935;border-radius:999px;place-items:center;min-width:1.7em;height:1.7em;font-size:.75em;display:grid;position:absolute;top:-.45em;right:-.45em}.opently .confirm{background:var(--bg);text-align:left;flex-direction:column;justify-content:center;padding:2em;display:flex;position:absolute;inset:0}.opently .confirm-q{font-size:1.7em;font-weight:600}.opently .confirm-d{color:var(--muted);margin-top:.6em}.opently .confirm-actions{grid-template-columns:1fr 1fr;gap:.7em;margin-top:2.2em;display:grid}.opently .btn-fill,.opently .btn-ghost{min-height:48px;font:inherit;cursor:pointer;border-radius:12px;font-weight:600}.opently .btn-fill{background:var(--accent);color:var(--on-accent);border:0}.opently .btn-ghost{color:var(--text);border:1px solid var(--line);background:0 0}.opently .toast{background:var(--text);color:var(--bg);border-radius:.9em;padding:.9em;animation:1.6s forwards opently-fade;position:absolute;bottom:4.5em;left:1.4em;right:1.4em}@keyframes opently-fade{0%,75%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.opently .toast{animation-duration:10ms}}.opently .search{text-align:left}.opently .search-title{font-size:1.6em;font-weight:600}.opently .search-input{border-bottom:2px solid var(--accent);margin-top:1.2em;padding:.3em 0;font-size:1.3em}.opently .caret{background:var(--accent);vertical-align:-.15em;width:2px;height:1em;margin-left:2px;display:inline-block}.opently .search-list{margin:1em 0 0;padding:0;font-size:1.6em;list-style:none}.opently .search-list li{border-bottom:1px solid var(--line);align-items:center;min-height:2.2em;display:flex}.opently .pair{align-items:center;gap:24px;display:flex}.opently .pair .phone{font-size:clamp(9px,1vw,12px)}.opently .arrow{color:var(--muted);font-size:28px}.opently .closing{text-align:center;grid-template-columns:1fr;align-content:center;justify-items:center}.opently .promises{flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0 0;padding:0;list-style:none;display:flex}.opently .promises li{background:var(--surface);border-radius:999px;padding:10px 18px;font-weight:600}.opently .app-links{color:var(--muted);justify-content:center;gap:24px;padding:8px 16px 24px;font-size:14px;display:flex}.opently .app-links a{text-underline-offset:4px;text-decoration:underline}@media (max-width:760px){:root:has(.opently){scroll-snap-type:y proximity}.opently .panel,.opently .panel.hero{text-align:center;grid-template-columns:1fr;align-content:center;gap:24px;padding:16px 16px 32px}.opently .phone{font-size:min(11px,2.4svh)}.opently .pair{gap:8px}.opently .pair .phone{font-size:min(7.5px,1.8svh)}.opently .arrow{font-size:20px}}