.seoul-welcome,.seoul-network{--network-paper:#f9f6ed;--network-ink:#292724;--network-green:#2c5948;--network-line:#c3b69f;color:var(--network-ink);font:13px DM Sans,Noto Sans KR,sans-serif}.seoul-welcome{background:var(--network-paper);border:1.5px solid #514940;border-radius:12px 18px 14px 10px;width:min(660px,100% - 32px);max-height:calc(100dvh - 32px);padding:32px;overflow:auto;box-shadow:5px 7px #29272430}.seoul-welcome::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#243d3670}.welcome-brand{border-bottom:1px solid var(--network-line);color:var(--network-green);align-items:baseline;gap:12px;padding-bottom:20px;display:flex}.welcome-brand span:first-child{letter-spacing:-1px;font-size:23px;font-weight:700}.welcome-brand span:last-child{font-size:14px}.welcome-content{grid-template-columns:180px 1fr;align-items:center;gap:32px;padding-top:28px;display:grid}.welcome-portrait{flex-direction:column;align-self:center;align-items:center;padding-top:42px;display:flex;position:relative}.welcome-portrait img{object-fit:contain;filter:drop-shadow(2px 3px #29272412);width:145px;height:210px}.welcome-preview{text-overflow:ellipsis;max-width:100%;padding:2px 3px;font-size:13px;font-weight:600;position:absolute;top:0;overflow:hidden}.welcome-street{color:#817662;margin-top:14px;font-size:11px}.welcome-form h1{letter-spacing:-1.1px;margin:0 0 12px;font-size:25px;font-weight:700;line-height:1.35}.welcome-intro{color:#6c6559;margin:0 0 24px;font-size:13px;line-height:1.8}.welcome-form label{margin-bottom:8px;font-size:12px;font-weight:600;display:block}.welcome-input-row{background:#fffdf7;border:1px solid #9f917c;border-radius:6px;align-items:center;gap:8px;padding:0 12px;display:flex}.welcome-input-row:focus-within{outline:2px solid var(--network-green);outline-offset:2px}.welcome-input-row input{width:0;min-height:48px;font:inherit;color:inherit;background:0 0;border:0;outline:none;flex:1;padding:13px 0;font-size:16px}.welcome-count{color:#817662;white-space:nowrap;font-size:10px}#welcome-hint{color:#817662;margin:8px 0 0;font-size:11px}#welcome-error{color:#a44639;min-height:18px;margin:8px 0;font-size:12px;line-height:1.5}.welcome-submit{background:var(--network-green);color:#fffdf7;width:100%;min-height:48px;font:inherit;border:0;border-radius:6px;justify-content:space-between;align-items:center;padding:12px 16px;font-weight:600;display:flex}.welcome-submit span{font-size:19px}.welcome-note{color:#817662;margin:14px 0 0;font-size:10px;line-height:1.8}.welcome-close{color:#6c6559;background:0 0;min-width:36px;min-height:36px;font-size:25px;position:absolute;top:20px;right:18px}.seoul-network{z-index:5;pointer-events:none;width:320px;max-width:calc(100vw - 72px);position:fixed;bottom:78px;left:36px}.seoul-network button,.seoul-network input{font:inherit;color:inherit}#network-panel{pointer-events:auto;background:#f9f6ed73;border:1px solid #51494030;border-radius:7px;padding:8px;box-shadow:0 2px 6px #2927240a}.network-reopen{cursor:pointer;pointer-events:auto;background:#f9f6ed80;border:1px solid #51494040;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid}.network-reopen[hidden],#network-panel[hidden]{display:none}.network-log{overscroll-behavior:contain;overflow-wrap:anywhere;scrollbar-width:thin;height:84px;max-height:20dvh;margin:0 0 7px;line-height:1.7;overflow:auto}.network-message{white-space:pre-wrap;margin:0;padding:1px 2px;font-size:12px}.network-form{gap:6px;display:flex}.network-form input{box-sizing:border-box;outline-offset:2px;background:#fffdf780;border:1px solid #51494040;border-radius:4px;flex:1;width:0;min-width:0;min-height:34px;padding:7px 8px}.network-form button{color:#fffdf7;cursor:pointer;white-space:nowrap;background:#2c5948d9;border:0;border-radius:4px;padding:7px 10px}.network-form button:disabled{opacity:.45;cursor:default}.network-form input:disabled{opacity:.6}.network-label,.welcome-preview{color:#111;-webkit-text-stroke:3px #fff;paint-order:stroke fill;text-shadow:-1px -1px #fff,0 -1px #fff,1px -1px #fff,-1px 0 #fff,1px 0 #fff,-1px 1px #fff,0 1px #fff,1px 1px #fff;box-shadow:none;background:0 0;border:0}.network-label{z-index:2;pointer-events:none;white-space:nowrap;padding:2px 3px;font:600 13px/1.5 DM Sans,Noto Sans KR,sans-serif;position:fixed;transform:translate(-50%,-100%)}.network-speech{z-index:3;pointer-events:none;color:#292724;-webkit-text-stroke:0;width:max-content;max-width:min(260px,100vw - 32px);text-shadow:none;overflow-wrap:anywhere;white-space:pre-wrap;background:#fffdf7;border:1px solid #51494080;border-radius:12px;padding:8px 12px;font:400 13px/1.55 system-ui,-apple-system,Malgun Gothic,sans-serif;position:fixed;transform:translate(-50%,-100%);box-shadow:0 2px 5px #29272420}.network-speech:after{content:"";background:#fffdf7;border-bottom:1px solid #51494080;border-right:1px solid #51494080;width:8px;height:8px;position:absolute;bottom:-5px;left:calc(50% - 4px);transform:rotate(45deg)}.network-label[hidden],.network-speech[hidden],.welcome-close[hidden]{display:none}@media (width<=600px){.seoul-network{width:300px;max-width:calc(100vw - 40px);bottom:72px;left:20px}.network-log{height:76px;max-height:18dvh}.seoul-welcome{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:22px}.welcome-brand{padding-bottom:14px}.welcome-brand span:first-child{font-size:21px}.welcome-content{grid-template-columns:1fr;gap:20px;padding-top:18px}.welcome-portrait{flex-direction:row;justify-content:center;gap:20px;min-height:108px;padding:0}.welcome-portrait img{width:72px;height:108px}.welcome-preview{order:1;max-width:190px;font-size:12px;position:relative;top:auto}.welcome-preview:after,.welcome-street{display:none}.welcome-form h1{font-size:23px}.welcome-intro{margin-bottom:18px}.welcome-note{margin-top:12px}.welcome-close{top:12px;right:14px}}@media (height<=590px){.seoul-network{bottom:58px}.network-log{height:70px;max-height:18dvh}.welcome-content{padding-top:16px}.welcome-intro{margin-bottom:14px}}
