.remote-shell{width:min(100%,680px);padding:max(24px, env(safe-area-inset-top)) 20px calc(40px + env(safe-area-inset-bottom));color:var(--text);word-break:keep-all;overflow-wrap:anywhere;margin:0 auto;font-size:15px;line-height:1.65}.remote-shell [hidden]{display:none!important}.remote-shell :focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.remote-shell a{color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent-line);text-underline-offset:3px}.remote-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.remote-masthead{border-bottom:1px solid var(--border);padding-bottom:20px}.remote-shell a.remote-brand{min-height:44px;color:var(--text);font-size:1.05rem;font-weight:var(--weight-display);letter-spacing:var(--tracking-title);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.remote-brand-sigil{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--accent-contrast);background:var(--accent);place-items:center;font-size:.8rem;display:grid}.remote-masthead h1{font-size:clamp(1.6rem,6.4vw,2rem);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);margin:12px 0 0;line-height:1.2}.remote-masthead p{color:var(--text-secondary);margin:8px 0 0;font-size:.95rem;line-height:1.7}.remote-facts{flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.remote-facts li{border:1px solid var(--border);border-radius:var(--radius-pill);min-height:28px;color:var(--text-secondary);background:var(--canvas-subtle);align-items:center;padding:0 11px;font-size:.8rem;font-weight:650;display:inline-flex}.remote-notices{gap:8px;margin:18px 0 0;display:grid}#remote-status{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);background:var(--surface);box-shadow:inset 3px 0 0 var(--accent);align-items:flex-start;gap:10px;margin:0;padding:12px 14px;font-size:.94rem;line-height:1.6;display:flex}#remote-status:before{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px var(--accent-soft);content:"";border-radius:50%;flex:none;margin-top:.5em}#remote-status:empty{display:none}#remote-error{border:1px solid color-mix(in srgb, var(--danger) 30%, var(--border));border-radius:var(--radius-md);color:var(--danger);background:var(--danger-soft);margin:0;padding:12px 14px;font-size:.92rem;line-height:1.6}.remote-shell button{border:1px solid var(--border-strong);border-radius:var(--radius-pill);min-height:44px;color:var(--text);font:inherit;text-align:center;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:.94rem;font-weight:650;line-height:1.35;transition:border-color .14s,background .14s,color .14s;display:inline-flex}.remote-shell button:hover:not(:disabled){border-color:color-mix(in srgb, var(--text) 40%, var(--border-strong));background:var(--surface-hover)}.remote-shell button:disabled{cursor:not-allowed;opacity:.45}.remote-shell .remote-button-primary{color:var(--accent-contrast);background:var(--accent);border-color:#0000;font-weight:720;box-shadow:inset 0 1px #ffffff2e}.remote-shell .remote-button-primary:hover:not(:disabled){background:var(--accent-hover);border-color:#0000}.remote-shell #remote-google-login{color:#1f1f1f;background:#fff;border-color:#c9cdd4;font-weight:700}.remote-shell #remote-google-login:hover:not(:disabled){background:#f0f3f7;border-color:#9aa0a8}.remote-shell .remote-button-danger{border-color:color-mix(in srgb, var(--danger) 45%, var(--border));color:var(--danger);background:var(--danger-soft)}.remote-shell .remote-button-danger:hover:not(:disabled){border-color:var(--danger);background:var(--danger-soft)}.remote-shell .remote-button-quiet{border-style:dashed;border-color:var(--border-strong);width:100%;color:var(--text-secondary)}.remote-tools{flex-wrap:wrap;gap:8px;display:flex}.remote-field{color:var(--text);gap:8px;font-size:.92rem;font-weight:680;display:grid}.remote-shell input:not([type=checkbox]),.remote-shell textarea{border:1px solid var(--border-strong);border-radius:var(--radius-md);width:100%;min-height:46px;color:var(--text);background:var(--canvas-subtle);font:inherit;outline:none;padding:11px 14px;font-size:1rem;font-weight:400;line-height:1.6;transition:border-color .14s,box-shadow .14s,background .14s}.remote-shell input:not([type=checkbox]):focus,.remote-shell textarea:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft)}.remote-shell input:not([type=checkbox]):focus-visible,.remote-shell textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.remote-shell input:disabled,.remote-shell textarea:disabled{color:var(--text-muted);opacity:.7}.remote-shell textarea{resize:vertical}.remote-shell input[type=checkbox]{width:20px;min-width:20px;height:20px;accent-color:var(--accent);margin:2px 0 0}#remote-consent{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--canvas-subtle);margin:14px 0;padding:4px 14px 6px}#remote-consent legend{color:var(--text-secondary);padding:0 6px;font-size:.84rem;font-weight:650}#remote-consent label{min-height:44px;color:var(--text-secondary);cursor:pointer;align-items:flex-start;gap:12px;padding:8px 0;font-size:.92rem;line-height:1.55;display:flex}#remote-consent label+label{border-top:1px solid var(--border)}#remote-pair{margin-top:22px}.remote-qr-callout{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--border));border-radius:var(--radius-lg);background:var(--surface-wash);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;padding:16px;display:grid}.remote-qr-icon{border-radius:var(--radius-md);width:44px;height:44px;color:var(--accent);background:var(--accent-soft);place-items:center;display:grid}.remote-lede{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.7}.remote-lede strong{color:var(--text);margin-bottom:2px;font-size:1rem;font-weight:720;display:block}.remote-lede-note{color:var(--text-muted);margin:8px 0 0;font-size:.86rem;line-height:1.6}.pair-steps{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.pair-step{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:30px minmax(0,1fr);gap:14px;padding:18px;display:grid}.pair-step-index{border:1px solid var(--border-strong);width:30px;height:30px;color:var(--text-secondary);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:.86rem;font-weight:760;display:grid}.pair-step-body{min-width:0}.pair-step-body h3{color:var(--text);font-size:1.04rem;font-weight:var(--weight-title);letter-spacing:var(--tracking-title);margin:3px 0 0;line-height:1.4}.pair-step-body p:not(.remote-account):not(.remote-code){color:var(--text-secondary);margin:8px 0 0;font-size:.9rem;line-height:1.7}.pair-step-detail>.remote-field{margin-top:14px}.pair-step-detail>#remote-claim{width:100%;min-height:50px;margin-top:14px}.pair-progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:18px 0 0;display:grid}.pair-progress span{background:var(--border);border-radius:4px;height:4px;transition:background .2s}.pair-progress span.is-on{background:var(--accent)}#remote-pair[data-invitation=yes] .remote-qr-callout,#remote-pair[data-invitation=no] .pair-progress{display:none}.pair-step[data-state=current]{border-color:color-mix(in srgb, var(--accent) 60%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 60%, transparent), var(--elevation-float)}.pair-step[data-state=current] .pair-step-index{color:var(--accent-contrast);background:var(--accent);border-color:#0000}.pair-step[data-state=done]{align-items:center;padding-block:12px}.pair-step[data-state=done] .pair-step-index{color:#0000;background:var(--success);border-color:#0000;font-size:0}.pair-step[data-state=done] .pair-step-index:before{color:var(--accent-contrast);content:"✓";font-size:.86rem}.pair-step[data-state=done] h3{margin-top:0;font-size:.96rem}.pair-step[data-state=upcoming]{background:0 0;border-style:dashed;align-items:center;padding-block:12px}.pair-step[data-state=upcoming] h3{color:var(--text-muted);margin-top:0;font-size:.96rem}.pair-step[data-state=upcoming] .pair-step-index{color:var(--text-muted)}.pair-step[data-state=upcoming] .pair-step-detail,.pair-step[data-state=upcoming] .remote-account,.pair-step[data-state=done]:not(.is-expanded) .pair-step-detail,.pair-step-done-note{display:none}.pair-step[data-state=done] .pair-step-done-note{display:block;margin:2px 0 0!important;font-size:.84rem!important}.remote-shell .pair-step[data-state=done] .remote-account{box-shadow:none;color:var(--text-muted);background:0 0;margin-top:2px;padding:0;font-size:.84rem}.remote-shell .remote-step-toggle{min-height:32px;color:var(--accent);text-underline-offset:3px;background:0 0;border:0;margin-top:6px;padding:0;font-size:.86rem;text-decoration:underline}.remote-shell .remote-step-toggle:hover:not(:disabled){background:0 0}.pair-step[data-state=current] .remote-code{letter-spacing:.04em;text-align:center;padding:14px 16px;font-size:1.3rem;display:block}.remote-more{border-top:1px solid var(--border);margin-top:16px}.remote-more summary{min-height:48px;color:var(--text-secondary);cursor:pointer;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:650;list-style:none;display:flex}.remote-more summary::-webkit-details-marker{display:none}.remote-more summary:after{color:var(--text-muted);content:"+";font-size:1.1rem}.remote-more[open] summary:after{content:"−"}.remote-more .remote-facts{margin-top:0}.remote-shell .remote-account{border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--canvas-subtle);box-shadow:inset 3px 0 0 var(--accent-line);margin-top:12px;padding:10px 12px}.remote-remember{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--canvas-subtle);cursor:pointer;align-items:flex-start;gap:12px;margin-top:12px;padding:12px 14px;display:flex}.remote-remember:has(input:checked){border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:var(--accent-soft)}.remote-remember>span{gap:3px;min-width:0;display:grid}.remote-remember strong{color:var(--text);font-size:.94rem;font-weight:700}.remote-remember small{color:var(--text-secondary);font-size:.84rem;line-height:1.6}.remote-shell .remote-code{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));border-radius:var(--radius-md);max-width:100%;color:var(--text);background:var(--accent-soft);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.08em;margin-top:14px;padding:10px 16px;font-size:1.15rem;font-weight:700;display:inline-block}.remote-shell .remote-code:empty{display:none}.remote-hint{color:var(--text-muted);margin:14px 0 0;font-size:.86rem;line-height:1.7}.remote-scope{border:1px dashed var(--border-strong);border-radius:var(--radius-md);margin-top:16px;padding:14px 16px}.remote-scope h3{color:var(--text);margin:0;font-size:.9rem;font-weight:700}.remote-scope p{color:var(--text-secondary);margin:4px 0 0;font-size:.86rem;line-height:1.65}body:has(>#remote-app:not([hidden]))>:is(.remote-shell,.theme-switch),.remote-app[hidden]{display:none}#remote-reader{margin-top:20px}.remote-reader-bar{z-index:5;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--canvas) 92%, transparent);backdrop-filter:blur(10px);margin:0 -20px;padding:10px 20px;position:sticky;top:0}.remote-reader-bar #remote-disconnect{margin-left:auto}#remote-stories{gap:8px;margin:16px 0 0;display:grid}#remote-stories button{border-color:var(--border);border-radius:var(--radius-md);background:var(--surface);text-align:left;overflow-wrap:anywhere;justify-content:flex-start;width:100%;min-height:52px;padding:12px 16px;font-weight:600}#remote-stories button:hover:not(:disabled){border-color:var(--accent);background:var(--surface-hover)}#remote-stories:not(:empty):not(:has(button)){border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-muted);text-align:center;padding:22px 16px}#remote-more-stories{margin-top:8px}#remote-title{border-bottom:1px solid var(--border);font-size:1.35rem;font-weight:var(--weight-title);letter-spacing:var(--tracking-title);margin:26px 0 0;padding-bottom:12px;line-height:1.3}#remote-title:empty{display:none}#remote-older{margin-top:12px}#remote-messages article{border-bottom:1px solid var(--border);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;padding:20px 0;font-size:1rem;line-height:1.85}#remote-messages .remote-speaker{color:var(--accent);letter-spacing:.04em;margin-bottom:6px;font-size:.8rem;font-weight:700;display:block}#remote-stream{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);line-height:1.85}#remote-stream:not(:empty){border-left:2px solid var(--accent);margin-top:16px;padding:4px 0 4px 14px}#remote-stream:not(:empty):before{color:var(--accent);letter-spacing:.04em;content:"이야기 · 생성 중";content:"이야기 · 생성 중" / "";margin-bottom:6px;font-size:.8rem;font-weight:700;display:block}#remote-send{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);margin-top:22px;padding:16px}#remote-send .remote-tools{margin-top:12px}#remote-send #remote-submit{flex:auto}.remote-prose p{margin:0 0 12px}.remote-prose blockquote{border-left:3px solid color-mix(in srgb, var(--accent) 45%, var(--border-strong));border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);background:var(--canvas-subtle);margin:16px 0;padding:8px 14px}.remote-prose blockquote p:last-child{margin-bottom:0}.remote-prose pre{white-space:pre-wrap;overflow-wrap:anywhere}.remote-prose code{font-family:var(--font-mono)}.remote-prose h3{font-size:1.05rem}.remote-prose strong{color:inherit;display:inline}.remote-footer{border-top:1px solid var(--border);color:var(--text-muted);margin-top:32px;padding-top:16px;font-size:.84rem;line-height:1.7}.remote-footer p{margin:0 0 8px}.remote-footer a{align-items:center;min-height:44px;display:inline-flex}.remote-shell~.theme-switch{justify-content:flex-start;width:min(100%,680px);padding-inline:20px}@media (width<=480px){.remote-shell{padding:max(16px, env(safe-area-inset-top)) 16px calc(32px + env(safe-area-inset-bottom))}.remote-shell~.theme-switch{padding-inline:16px}.remote-reader-bar{margin:0 -16px;padding:10px 16px}.remote-qr-callout{grid-template-columns:minmax(0,1fr);gap:10px;padding:14px}.pair-step{grid-template-columns:28px minmax(0,1fr);gap:12px;padding:16px 14px}.pair-step-index{width:28px;height:28px}.remote-tools button{flex:auto}.remote-reader-bar #remote-disconnect{margin-left:0}#remote-send{padding:14px}}