:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f5f8;--card:#fff;--line:#e5e7eb;--text:#111827;--muted:#6b7280;--soft:#f8fafc;--accent:#111827;--danger:#b91c1c}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{background:var(--bg);min-height:100%;color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea,select,input{font:inherit}button{cursor:pointer}.page{min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) 14px 100px}.shell{width:min(720px,100%);margin:0 auto}.topbar{justify-content:space-between;align-items:end;gap:12px;margin:2px 2px 14px;display:flex}.eyebrow{letter-spacing:.16em;color:var(--muted);font-size:10px;font-weight:800}.topbar h1{letter-spacing:-.03em;margin:2px 0 0;font-size:25px;line-height:1.15}.topActions{gap:7px;display:flex}.iconButton{border:1px solid var(--line);color:#374151;background:#ffffffe0;border-radius:11px;padding:8px 10px;font-size:12px;font-weight:700}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 10px 30px #1118270b}.translatorCard{padding:15px}.modeTabs{background:#f1f3f5;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:12px;padding:4px;display:grid}.modeTabs button{color:#6b7280;background:0 0;border:0;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:800}.modeTabs button.active{color:#111827;background:#fff;box-shadow:0 1px 4px #11182717}.languageRow{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);align-items:center;gap:8px;display:grid}select,textarea,.pinInput{border:1px solid var(--line);color:var(--text);background:#fff;outline:none}select:focus,textarea:focus,.pinInput:focus{border-color:#9ca3af;box-shadow:0 0 0 3px #1118270d}select{border-radius:12px;width:100%;min-width:0;padding:11px 10px}.swap{border:1px solid var(--line);color:#374151;background:#fff;border-radius:12px;height:42px;font-size:20px}.swap:disabled{opacity:.35;cursor:default}.inputWrap{margin-top:12px;position:relative}textarea{resize:vertical;border-radius:15px;width:100%;min-height:142px;padding:15px 38px 30px 14px;font-size:17px;line-height:1.58;display:block}textarea::placeholder{color:#9ca3af}.clearButton{color:#6b7280;background:#eef0f3;border:0;border-radius:50%;width:28px;height:28px;font-size:19px;line-height:1;position:absolute;top:10px;right:10px}.charCount{color:#9ca3af;font-size:11px;position:absolute;bottom:9px;right:12px}.advancedPanel{background:#fbfcfd;border:1px solid #edf0f2;border-radius:13px;margin-top:10px;overflow:hidden}.advancedPanel summary{cursor:pointer;color:#4b5563;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:11px;font-weight:800;list-style:none;display:flex}.advancedPanel summary::-webkit-details-marker{display:none}.advancedPanel summary:after{content:"⌄";color:#9ca3af;font-size:14px}.advancedPanel[open] summary:after{transform:rotate(180deg)}.advancedPanel summary small{color:#9ca3af;margin-left:auto;font-size:9px;font-weight:700}.advancedBody{border-top:1px solid #f0f2f4;padding:0 11px 11px}.controlGrid{grid-template-columns:1fr 1fr;gap:9px;margin-top:10px;display:grid}.controlGrid label>span{color:var(--muted);margin:0 0 5px 3px;font-size:11px;font-weight:700;display:block}.controlGrid select{padding:10px;font-size:13px}.fastToggle{background:var(--soft);border:1px solid #eef0f3;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;margin-top:11px;padding:11px 12px;display:flex;position:relative}.fastToggle div{flex-direction:column;gap:2px;display:flex}.fastToggle strong{font-size:13px}.fastToggle small{color:var(--muted);font-size:10px}.fastToggle input{opacity:0;pointer-events:none;position:absolute}.switch{background:#d1d5db;border-radius:999px;flex:none;width:42px;height:24px;transition:all .18s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.fastToggle input:checked+.switch{background:#111827}.fastToggle input:checked+.switch:after{transform:translate(18px)}.primary{background:var(--accent);color:#fff;border:0;border-radius:14px;width:100%;padding:14px 16px;font-weight:800}.primary:disabled{opacity:.45;cursor:not-allowed}.translateButton{min-height:49px;margin-top:12px}.buttonSpinner{vertical-align:-2px;border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:7px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.error{color:var(--danger);background:#fef2f2;border-radius:11px;margin-top:10px;padding:10px 12px;font-size:12px;line-height:1.45}.result{border-top:1px solid var(--line);margin-top:16px;padding-top:15px}.resultHeader{justify-content:space-between;align-items:center;gap:10px;display:flex}.statusPill{color:#4b5563;background:#f3f4f6;border-radius:999px;align-items:center;min-height:27px;padding:6px 9px;font-size:10px;font-weight:800;display:inline-flex}.resultActions{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.resultActions button{border:1px solid var(--line);color:#374151;background:#fff;border-radius:9px;padding:7px 8px;font-size:10px;font-weight:700}.resultActions .showButton{color:#fff;background:#111827;border-color:#111827}.translation{letter-spacing:-.02em;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px 1px 10px;font-size:clamp(22px,6vw,30px);font-weight:700;line-height:1.48}.pronunciation{background:#f7f8fa;border-radius:12px;margin-top:3px;padding:11px 12px}.pronunciation span{color:var(--muted);margin-bottom:4px;font-size:10px;font-weight:800;display:block}.pronunciation p{color:#4b5563;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.55}.resultMeta{color:#9ca3af;flex-wrap:wrap;gap:6px 12px;margin-top:10px;font-size:10px;display:flex}.quickRewrite{margin-top:11px}.quickRewrite>span{color:#9ca3af;margin-bottom:6px;font-size:9px;font-weight:800;display:block}.quickRewrite>div{flex-wrap:wrap;gap:6px;display:flex}.quickRewrite button{color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:7px 9px;font-size:10px;font-weight:800}.quickRewrite button:disabled{opacity:.45}.relatedPhrases{border-top:1px dashed #e5e7eb;margin-top:13px;padding-top:12px}.relatedTitle{justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;display:flex}.relatedTitle span{color:#6b7280;font-size:10px;font-weight:800}.relatedTitle a{color:#6b7280;font-size:9px;font-weight:800;text-decoration:none}.relatedGrid{gap:6px;display:grid}.relatedGrid button{text-align:left;background:#fafbfc;border:1px solid #edf0f2;border-radius:11px;gap:3px;width:100%;padding:9px 10px;display:grid}.relatedGrid small{color:#6b7280;font-size:9px}.relatedGrid strong{color:#111827;font-size:13px;line-height:1.4}.conversationToolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px;display:grid}.conversationToolbar label>span{color:var(--muted);margin:0 0 5px 3px;font-size:11px;font-weight:700;display:block}.conversationToolbar select{padding:10px;font-size:13px}.resetConversation{border:1px solid var(--line);color:#6b7280;background:#fff;border-radius:11px;height:39px;padding:0 11px;font-size:11px;font-weight:800}.resetConversation:disabled{opacity:.4;cursor:default}.conversationHint{color:#6b7280;background:#f8fafc;border-radius:11px;margin-top:9px;padding:9px 11px;font-size:10px;line-height:1.5}.speakerMode{background:#f1f3f5;border-radius:12px;grid-template-columns:.8fr 1fr 1fr;gap:5px;margin-top:9px;padding:4px;display:grid}.speakerMode button{color:#6b7280;background:0 0;border:0;border-radius:9px;padding:8px 5px;font-size:10px;font-weight:800}.speakerMode button.active{color:#111827;background:#fff;box-shadow:0 1px 3px #11182714}.conversationThread{overscroll-behavior:contain;scroll-behavior:smooth;background:#f7f8fa;border:1px solid #edf0f2;border-radius:16px;flex-direction:column;gap:12px;min-height:190px;max-height:52dvh;margin-top:12px;padding:13px;display:flex;overflow-y:auto}.conversationEmpty{text-align:center;color:#9ca3af;place-content:center;gap:5px;min-height:164px;display:grid}.conversationEmpty strong{color:#6b7280;font-size:13px}.conversationEmpty span{max-width:290px;font-size:10px;line-height:1.5}.conversationTurn{align-self:flex-start;width:min(90%,520px)}.conversationTurn.partner{align-self:flex-end}.turnLabel{color:#9ca3af;margin:0 5px 4px;font-size:10px;font-weight:800}.conversationTurn.partner .turnLabel{text-align:right}.turnCard{background:#fff;border:1px solid #e4e7eb;border-radius:15px 15px 15px 5px;padding:12px 13px 10px;box-shadow:0 2px 7px #11182709}.conversationTurn.partner .turnCard{background:#eef1f4;border-radius:15px 15px 5px}.turnOriginal{color:#6b7280;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.5}.turnDivider{background:#9ca3af38;height:1px;margin:9px 0}.turnTranslation{color:#111827;white-space:pre-wrap;overflow-wrap:anywhere;font-size:17px;font-weight:750;line-height:1.5}.turnPronunciation{color:#6b7280;margin-top:7px;font-size:12px;line-height:1.45}.turnFooter{justify-content:space-between;align-items:center;gap:8px;margin-top:9px;display:flex}.turnMeta{color:#a1a1aa;flex-wrap:wrap;gap:7px;font-size:9px;display:flex}.turnActions{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.turnActions button{color:#6b7280;background:#ffffffc7;border:1px solid #9ca3af4d;border-radius:8px;padding:5px 6px;font-size:9px;font-weight:700}.conversationComposer{margin-top:10px}.conversationInputWrap{margin-top:0}.conversationInputWrap textarea{resize:vertical;min-height:92px;max-height:180px;font-size:16px}.conversationSend{min-height:47px;margin-top:9px}.usageDetails{background:#ffffffb8;border:1px solid #e5e7eb;border-radius:14px;margin-top:10px;overflow:hidden}.usageDetails summary{cursor:pointer;align-items:baseline;gap:7px;padding:10px 12px;list-style:none;display:flex}.usageDetails summary::-webkit-details-marker{display:none}.usageDetails summary span{color:#6b7280;font-size:9px;font-weight:800}.usageDetails summary strong{margin-left:auto;font-size:12px}.usageDetails summary small{color:#9ca3af;font-size:9px}.usageBody{padding:0 12px 11px}.budgetTrack{background:#eceff2;border-radius:999px;height:6px;overflow:hidden}.budgetFill{border-radius:inherit;background:#111827;height:100%;transition:width .25s}.usageBody>small{color:#9ca3af;margin-top:7px;font-size:9px;line-height:1.45;display:block}footer{text-align:center;color:#9ca3af;padding:12px 4px 0;font-size:9px}.largeViewBackdrop{z-index:90;padding:max(14px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom));background:#111827b8;place-items:center;display:grid;position:fixed;inset:0}.largeView{background:#fff;border-radius:24px;flex-direction:column;width:min(760px,100%);min-height:min(74dvh,620px);max-height:92dvh;padding:18px;display:flex;box-shadow:0 28px 80px #00000047}.largeViewTop{justify-content:space-between;align-items:center;gap:10px;display:flex}.largeViewTop span{color:#6b7280;font-size:11px;font-weight:800}.largeViewTop button{color:#4b5563;background:#f1f3f5;border:0;border-radius:50%;width:36px;height:36px;font-size:22px}.largeViewText{color:#111827;text-align:center;letter-spacing:-.035em;overflow-wrap:anywhere;flex:1;place-items:center;padding:28px 8px;font-size:clamp(38px,10vw,76px);font-weight:850;line-height:1.28;display:grid}.largeViewPronunciation{color:#6b7280;text-align:center;margin:-8px 0 18px;font-size:clamp(16px,4vw,23px);line-height:1.5}.largeViewActions{grid-template-columns:1fr 1fr 1fr;gap:7px;display:grid}.largeViewActions button{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-height:46px;font-size:11px;font-weight:800}.largeViewActions button:first-child{color:#fff;background:#111827;border-color:#111827}.centerPage{background:var(--bg);place-items:center;min-height:100dvh;padding:24px;display:grid}.lockCard{border:1px solid var(--line);text-align:center;background:#fff;border-radius:24px;width:min(360px,100%);padding:26px;box-shadow:0 14px 40px #11182712}.appMark{color:#fff;background:#111827;border-radius:16px;place-items:center;width:54px;height:54px;margin:0 auto 13px;font-size:25px;font-weight:800;display:grid}.lockCard h1{letter-spacing:-.03em;margin:0;font-size:23px}.lockCard>p{color:var(--muted);margin:5px 0 18px;font-size:12px}.pinInput{text-align:center;letter-spacing:.18em;border-radius:13px;width:100%;margin-bottom:9px;padding:13px 14px}.lockCard small{color:#9ca3af;margin-top:13px;font-size:9px;display:block}.spinner{border:3px solid #d1d5db;border-top-color:#111827;border-radius:50%;width:27px;height:27px;animation:.8s linear infinite spin}.modalBackdrop{z-index:80;background:#1118276b;align-items:end;padding:16px;display:grid;position:fixed;inset:0}.modal{width:min(520px,100%);margin:0 auto max(0px, env(safe-area-inset-bottom));background:#fff;border-radius:21px;padding:19px;box-shadow:0 18px 50px #0000002e}.modal h2{margin:0 0 12px;font-size:19px}.modal p{color:#4b5563;margin:9px 0;font-size:12px;line-height:1.55}.modal .primary{margin-top:8px}@media (max-width:440px){.advancedPanel summary small{display:none}.resultHeader{align-items:flex-start}.turnFooter{flex-direction:column;align-items:flex-end}.turnMeta{align-self:flex-start}.largeViewActions{grid-template-columns:1fr 1fr}.largeViewActions button:last-child{grid-column:1/-1}}@media (min-width:640px){.page{padding-top:28px}.translatorCard{padding:19px}textarea{min-height:175px}.conversationInputWrap textarea{min-height:96px}.conversationThread{max-height:560px}.modalBackdrop{align-items:center}.relatedGrid{grid-template-columns:repeat(3,1fr)}}@media (display-mode:standalone){.page{padding-top:max(14px, env(safe-area-inset-top))}}
.usageDetails summary strong,.usageDetails summary small{display:none}.usageDetails summary:after{content:"보기";color:#9ca3af;margin-left:auto;font-size:9px;font-weight:800}.usageDetails[open] summary strong,.usageDetails[open] summary small{display:inline}.usageDetails[open] summary:after{content:"접기";margin-left:0}
.resultMeta>span:last-child,.turnMeta>span:last-child{display:none}
.uxHistoryFab{z-index:38;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111827eb;border:1px solid #94a3b873;border-radius:999px;padding:9px 12px;font-size:11px;font-weight:850;position:fixed;bottom:88px;right:14px;box-shadow:0 8px 24px #0f172a2e}.uxHistoryBackdrop{z-index:70;padding:18px 12px max(92px,calc(env(safe-area-inset-bottom) + 78px));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a6b;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.uxHistorySheet{background:#fff;border:1px solid #e5e7eb;border-radius:22px;width:min(620px,100%);max-height:min(72vh,680px);padding:16px;overflow:auto;box-shadow:0 20px 60px #0f172a38}.uxHistoryTop{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.uxHistoryTop>div{gap:3px;display:grid}.uxHistoryTop strong{color:#111827;font-size:16px}.uxHistoryTop small{color:#94a3b8;font-size:10px}.uxHistoryTop>button{color:#64748b;background:#f1f5f9;border:0;border-radius:10px;width:32px;height:32px;font-size:20px}.uxHistoryBack{color:#111827;background:0 0;border:0;width:max-content;padding:0;font-size:14px;font-weight:850}.uxHistoryList{gap:8px;display:grid}.uxHistoryItem{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;grid-template-columns:1fr auto;align-items:stretch;gap:8px;padding:10px;display:grid}.uxHistoryReuse{text-align:left;background:0 0;border:0;gap:5px;min-width:0;padding:0;display:grid}.uxHistoryReuse small{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.35;overflow:hidden}.uxHistoryReuse strong{color:#111827;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.uxHistoryReuse em{color:#94a3b8;font-size:9px;font-style:normal;font-weight:750}.uxHistoryCopy{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:9px;align-self:center;padding:7px 9px;font-size:10px;font-weight:800}.uxHistoryClear{color:#64748b;background:#f1f5f9;border:0;border-radius:11px;width:100%;margin-top:12px;padding:10px;font-size:10px;font-weight:800}.uxHistoryDetail{gap:12px;display:grid}.uxHistoryOriginal{color:#64748b;background:#f8fafc;border-radius:12px;padding:11px 12px;font-size:12px;line-height:1.55}.uxHistoryTranslation{color:#111827;white-space:pre-wrap;font-size:25px;font-weight:850;line-height:1.45}.uxHistoryReading{border-top:1px solid #e5e7eb;gap:4px;padding-top:10px;display:grid}.uxHistoryReading span{color:#94a3b8;font-size:9px;font-weight:800}.uxHistoryReading p{color:#64748b;white-space:pre-line;margin:0;font-size:12px;line-height:1.55}.uxHistoryDetailActions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.uxHistoryDetailActions button{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:11px;min-height:42px;padding:9px 10px;font-size:10px;font-weight:850}.uxHistoryDetailActions .primaryAction{color:#fff;background:#111827;border-color:#111827}.uxHistoryShowBackdrop{z-index:90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617d1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.uxHistoryShow{color:#fff;background:#18181b;border:1px solid #ffffff1f;border-radius:24px;grid-template-rows:auto 1fr auto auto;gap:18px;width:min(720px,100%);max-height:92vh;padding:24px;display:grid;box-shadow:0 24px 80px #0006}.uxHistoryShowTop{color:#a1a1aa;justify-content:space-between;align-items:center;font-size:12px;font-weight:850;display:flex}.uxHistoryShowTop button{color:#e4e4e7;background:#3f3f46;border:0;border-radius:999px;width:42px;height:42px;font-size:26px}.uxHistoryShowText{text-align:center;white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere;justify-content:center;align-items:center;font-size:clamp(40px,8.2vw,72px);font-weight:900;line-height:1.35;display:flex;overflow:auto}.uxHistoryShowText.long{font-size:clamp(30px,6.1vw,52px)}.uxHistoryShowMeaning{color:#a1a1aa;text-align:center;border-top:1px solid #3f3f46;padding-top:14px;font-size:13px;font-weight:750;line-height:1.55}.uxHistoryShowActions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.uxHistoryShowActions button{color:#f4f4f5;background:#3f3f46;border:0;border-radius:13px;min-height:48px;font-size:12px;font-weight:850}.uxHistoryShowActions button:first-child{background:#1e293b}.uxCameraActions{border-top:1px solid #e5e7eb;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;padding-top:14px;display:grid}.uxCameraActions button{color:#334155;background:#fff;border:1px solid #dbe2ea;border-radius:12px;min-height:42px;padding:10px 12px;font-size:11px;font-weight:850}.uxCameraActions button:first-child{color:#fff;background:#111827;border-color:#111827}@media (prefers-color-scheme:dark){.uxHistorySheet{background:#18181b;border-color:#374151}.uxHistoryTop strong,.uxHistoryReuse strong,.uxHistoryBack,.uxHistoryTranslation{color:#f8fafc}.uxHistoryTop>button,.uxHistoryItem,.uxHistoryClear,.uxHistoryOriginal{color:#a1a1aa;background:#27272a;border-color:#3f3f46}.uxHistoryItem{border-color:#3f3f46}.uxHistoryCopy,.uxHistoryDetailActions button{color:#d4d4d8;background:#18181b;border-color:#3f3f46}.uxHistoryDetailActions .primaryAction{color:#18181b;background:#f4f4f5}.uxHistoryReading{border-top-color:#3f3f46}.uxHistoryReading p{color:#a1a1aa}.uxCameraActions{border-top-color:#3f3f46}.uxCameraActions button{color:#e4e4e7;background:#27272a;border-color:#52525b}.uxCameraActions button:first-child{color:#18181b;background:#f4f4f5}}
.homeRecentStrip{background:#f8fafc;border:1px solid #edf0f2;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;margin:-2px 0 10px;padding:6px 7px;display:grid}.homeRecentLabel{color:#94a3b8;white-space:nowrap;font-size:9px;font-weight:900}.homeRecentItems{scrollbar-width:none;gap:5px;min-width:0;display:flex;overflow-x:auto}.homeRecentItems::-webkit-scrollbar{display:none}.homeRecentChip{color:#475569;background:#fff;border:1px solid #e5e7eb;border-radius:999px;flex:none;max-width:180px;height:30px;padding:0 9px;font-size:10px;font-weight:800}.homeRecentChip span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.homeRecentAll{color:#6b7280;white-space:nowrap;background:0 0;border:0;padding:7px 4px;font-size:9px;font-weight:900}.homeRecentActive .uxHistoryFab{display:none}.savedPhraseDirectionRow{justify-content:space-between;align-items:center;gap:10px;display:flex}.savedPhrasePin{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:999px;flex:none;padding:6px 8px;font-size:9px;font-weight:850}.savedPhrasePin.active{color:#334155;background:#f8fafc;border-color:#cbd5e1}.savedPhraseList small .savedPhrasePinnedMark{color:#475569;margin-right:3px}@media (max-width:440px){.homeRecentStrip{gap:6px}.homeRecentChip{max-width:132px}}@media (prefers-color-scheme:dark){.homeRecentStrip{background:#27272a;border-color:#3f3f46}.homeRecentChip{color:#d4d4d8;background:#18181b;border-color:#3f3f46}.homeRecentLabel,.homeRecentAll{color:#a1a1aa}.savedPhrasePin{color:#d4d4d8;background:#18181b;border-color:#3f3f46}.savedPhrasePin.active{color:#f4f4f5;background:#27272a}.savedPhraseList small .savedPhrasePinnedMark{color:#d4d4d8}}
.speakingInlineMount{margin-top:8px}.speakingInlineCard{background:0 0;border-top:1px solid #e5e7eb;padding:10px 0 2px}.speakingInlineTitle{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:5px;display:flex}.speakingInlineTitle strong{color:#475569;font-size:12px}.speakingInlineTitle small{color:#94a3b8;font-size:10px}.speakingPairs{gap:0;display:grid}.speakingPair{padding:7px 0}.speakingPair+.speakingPair{border-top:1px dashed #e5e7eb}.speakingSourceSegment{color:#64748b;font-size:13px;line-height:1.45}.speakingPinyinSegment{color:#64748b;margin-top:2px;font-size:12px;line-height:1.5}.speakingHangulSegment{letter-spacing:.01em;color:#1f2937;margin-top:2px;font-size:15px;font-weight:750;line-height:1.55}.speakingReadingLine+.speakingReadingLine{margin-top:7px}.speakingReadingLine span{color:#94a3b8;margin-bottom:3px;font-size:10px;font-weight:800;display:block}.speakingReadingLine p{white-space:pre-line;letter-spacing:.01em;color:#1f2937;margin:0;font-size:15px;font-weight:750;line-height:1.6}.speakingReadingLine:not(.speakingHangul) p{color:#64748b;font-size:13px;font-weight:600}.resultExtras.speakingInlineActive .pronunciation{display:none}.speakingShowEmphasis{color:#fff!important;background:#111827!important;border-color:#111827!important;font-weight:850!important}.turnPronunciation,.largeViewPronunciation{white-space:pre-line;line-height:1.55}@media (max-width:520px){.speakingInlineTitle{flex-direction:column;align-items:flex-start;gap:1px}.speakingSourceSegment{font-size:12px}.speakingHangulSegment,.speakingReadingLine p{font-size:14px}.speakingShowEmphasis{padding-left:10px!important;padding-right:10px!important}}
.showViewStaff .largeViewPronunciation{display:none!important}.showViewStaff .largeViewText{text-align:center;white-space:pre-wrap;min-height:0;padding:18px 6px 10px;overflow-y:auto}.showViewStaff .largeViewText.showViewSegmented{text-wrap:balance}.showViewStaff .showViewSegment{margin:0 0 .18em;display:block}.showViewStaff .showViewSegment:last-child{margin-bottom:0}.showViewStaff.showViewShort .largeViewText{font-size:clamp(48px,14vw,76px);line-height:1.2}.showViewStaff.showViewMedium .largeViewText{font-size:clamp(40px,11vw,62px);line-height:1.23}.showViewStaff.showViewLong .largeViewText{font-size:clamp(32px,8.2vw,50px);line-height:1.28}.showViewStaff.showViewExtraLong .largeViewText{font-size:clamp(25px,6.6vw,40px);line-height:1.34}.showViewMeaning{border-top:1px solid var(--line);width:min(640px,100%);color:var(--muted);text-align:center;margin:0 auto 14px;padding:10px 10px 0;font-size:clamp(12px,3.2vw,15px);font-weight:650;line-height:1.45}.showViewStaff .largeViewActions{grid-template-columns:1fr 1fr!important}.showViewStaff .largeViewActions>button:nth-child(2),.showViewStaff .largeViewActions>button:nth-child(3){display:none!important}.showViewStaff .largeViewActions>.showViewReplyAction,.showViewStaff .largeViewActions>.showViewCloseAction{display:block!important}.showViewStaff .largeViewActions>.showViewReplyAction{grid-row:1;min-height:52px;color:#fff!important;background:#1e3a8a!important;border-color:#1d4ed8!important;grid-column:1/-1!important}.showViewStaff .largeViewActions>button:first-child{grid-column:1}.showViewStaff .largeViewActions>.showViewCloseAction{grid-column:2!important}@media (max-width:440px){.showViewStaff .largeView{max-height:94dvh}.showViewMeaning{margin-bottom:10px}}
.phrasebookLargeMount{display:inline-flex}.phrasebookLargeButton{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:9px;padding:6px 8px;font-size:10px;font-weight:800}.phrasebookLargeBackdrop{z-index:1000;padding:max(18px, env(safe-area-inset-top)) 16px max(18px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06080cf0;place-items:center;display:grid;position:fixed;inset:0}.phrasebookLargeDialog{color:#fff;text-align:center;background:#0f172a;border:1px solid #ffffff24;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;width:min(920px,100%);min-height:min(78dvh,720px);padding:72px 28px 32px;display:flex;position:relative;box-shadow:0 28px 80px #00000061}.phrasebookLargeClose{color:#fff;background:#ffffff1f;border:0;border-radius:50%;width:44px;height:44px;font-size:29px;line-height:1;position:absolute;top:18px;right:18px}.phrasebookLargeText{color:#fff;letter-spacing:-.035em;overflow-wrap:anywhere;max-width:100%;font-size:clamp(42px,8.5vw,86px);font-weight:800;line-height:1.28}.phrasebookLargeKorean{color:#cbd5e1;margin-top:28px;font-size:clamp(17px,3.8vw,24px);font-weight:700;line-height:1.5}.phrasebookLargeActions{gap:10px;margin-top:34px;display:flex}.phrasebookLargeActions button{color:#fff;background:#ffffff1a;border:1px solid #ffffff29;border-radius:13px;min-width:110px;padding:13px 18px;font-size:14px;font-weight:800}@media (max-width:430px){.phrasebookLargeBackdrop{padding-left:10px;padding-right:10px}.phrasebookLargeDialog{border-radius:22px;min-height:82dvh;padding:68px 18px 26px}.phrasebookLargeText{font-size:clamp(38px,13vw,64px)}.phrasebookLargeActions{width:100%}.phrasebookLargeActions button{flex:1;min-width:0}}
.resultUseSpeakButton,.resultUseSaveButton{min-width:42px}.savedPhraseFab{z-index:38;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111827eb;border:1px solid #94a3b873;border-radius:999px;padding:9px 12px;font-size:11px;font-weight:850;position:fixed;bottom:88px;left:14px;box-shadow:0 8px 24px #0f172a2e}.speakingViewBackdrop,.savedPhraseBackdrop,.savedPhraseShowBackdrop{z-index:95;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617d1;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.resultUseModalHidden{display:none}.speakingView{color:#fff;background:#18181b;border:1px solid #ffffff1f;border-radius:24px;grid-template-rows:auto 1fr auto;gap:18px;width:min(720px,100%);max-height:92vh;padding:24px;display:grid;box-shadow:0 24px 80px #0006}.speakingViewTop,.savedPhraseTop,.savedPhraseShowTop{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.speakingViewTop>div{gap:3px;display:grid}.speakingViewTop strong{color:#fff;font-size:14px}.speakingViewTop small{color:#a1a1aa;font-size:10px}.speakingViewTop>button,.savedPhraseTop>button,.savedPhraseShowTop>button{color:#e4e4e7;background:#3f3f46;border:0;border-radius:999px;width:42px;height:42px;font-size:26px}.speakingViewBody{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:0;display:flex;overflow:auto}.speakingViewReading{white-space:pre-line;word-break:keep-all;font-size:clamp(36px,7vw,62px);font-weight:900;line-height:1.42}.speakingViewPinyin{color:#cbd5e1;white-space:pre-line;font-size:clamp(18px,3.4vw,28px);font-weight:750;line-height:1.5}.speakingViewForeign{color:#a1a1aa;white-space:pre-wrap;border-top:1px solid #3f3f46;padding-top:18px;font-size:clamp(18px,3.4vw,28px);font-weight:750;line-height:1.5}.speakingViewActions{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.speakingViewActions button{color:#f4f4f5;background:#3f3f46;border:0;border-radius:13px;min-height:48px;font-size:12px;font-weight:850}.speakingViewActions button:first-child{background:#1e293b}.savedPhraseBackdrop{padding:18px 12px max(92px,calc(env(safe-area-inset-bottom) + 78px));background:#0f172a6b;align-items:flex-end}.savedPhraseSheet{background:#fff;border:1px solid #e5e7eb;border-radius:22px;width:min(620px,100%);max-height:min(76vh,720px);padding:16px;overflow:auto;box-shadow:0 20px 60px #0f172a38}.savedPhraseTop{margin-bottom:12px}.savedPhraseTop>div{gap:3px;display:grid}.savedPhraseTop strong{color:#111827;font-size:16px}.savedPhraseTop small{color:#94a3b8;font-size:10px}.savedPhraseTop>button{color:#64748b;background:#f1f5f9;border-radius:10px;width:32px;height:32px;font-size:20px}.savedPhraseList{gap:8px;display:grid}.savedPhraseList>button{text-align:left;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;gap:5px;padding:12px;display:grid}.savedPhraseList small{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.savedPhraseList strong{color:#111827;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.savedPhraseDetail{gap:12px;display:grid}.savedPhraseDirection{color:#94a3b8;font-size:10px;font-weight:800}.savedPhraseOriginal{color:#64748b;background:#f8fafc;border-radius:12px;padding:11px 12px;font-size:12px;line-height:1.55}.savedPhraseTranslation{color:#111827;white-space:pre-wrap;font-size:25px;font-weight:850;line-height:1.45}.savedPhraseReading{border-top:1px solid #e5e7eb;gap:4px;padding-top:10px;display:grid}.savedPhraseReading span{color:#94a3b8;font-size:9px;font-weight:800}.savedPhraseReading p{color:#64748b;white-space:pre-line;margin:0;font-size:12px;line-height:1.55}.savedPhraseActions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.savedPhraseActions button,.savedPhraseBack{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:11px;min-height:42px;padding:9px 10px;font-size:10px;font-weight:850}.savedPhraseActions .primary{color:#fff;background:#111827;border-color:#111827}.savedPhraseActions .danger{color:#b91c1c;grid-column:1/-1}.savedPhraseBack{background:#f8fafc;width:100%}.savedPhraseShowBackdrop{z-index:98}.savedPhraseShow{color:#fff;background:#18181b;border:1px solid #ffffff1f;border-radius:24px;grid-template-rows:auto 1fr auto auto;gap:16px;width:min(760px,100%);max-height:92dvh;padding:22px;display:grid;overflow:auto;box-shadow:0 24px 80px #0000006b}.savedPhraseShowTop{color:#a1a1aa;align-items:center;font-size:11px;font-weight:800}.savedPhraseShowText{text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;justify-content:center;align-items:center;min-height:42dvh;font-size:clamp(40px,8.2vw,72px);font-weight:900;line-height:1.35;display:flex}.savedPhraseShowText.long{font-size:clamp(30px,6.1vw,52px)}.savedPhraseShowMeaning{color:#a1a1aa;text-align:center;border-top:1px solid #3f3f46;padding-top:14px;font-size:13px;font-weight:750;line-height:1.55}.savedPhraseShowActions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.savedPhraseShowActions button{color:#f4f4f5;background:#3f3f46;border:0;border-radius:13px;min-height:48px;font-size:12px;font-weight:850}.savedPhraseShowActions button:first-child{background:#1e293b}@media (max-width:520px){.speakingView,.savedPhraseShow{padding:20px}.speakingViewActions{grid-template-columns:1fr 1fr}.speakingViewActions button:last-child{grid-column:1/-1}}@media (prefers-color-scheme:dark){.savedPhraseSheet{background:#18181b;border-color:#374151}.savedPhraseTop strong,.savedPhraseList strong,.savedPhraseTranslation{color:#f8fafc}.savedPhraseTop>button,.savedPhraseList>button,.savedPhraseOriginal,.savedPhraseBack{color:#a1a1aa;background:#27272a;border-color:#3f3f46}.savedPhraseReading{border-top-color:#3f3f46}.savedPhraseReading p{color:#a1a1aa}.savedPhraseActions button{color:#d4d4d8;background:#18181b;border-color:#3f3f46}.savedPhraseActions .primary{color:#18181b;background:#f4f4f5}.savedPhraseActions .danger{color:#fca5a5}}
[data-result-gesture=true]{-webkit-touch-callout:none}.resultGestureToast{left:50%;bottom:calc(78px + env(safe-area-inset-bottom));z-index:120;color:#fff;pointer-events:none;white-space:nowrap;background:#111827f0;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:800;line-height:1;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #11182738}
.speakingView{max-height:calc(100dvh - 36px);overflow:hidden}.speakingViewBody{overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;justify-content:safe center;padding:8px 2px 20px;overflow:hidden auto}.speakingViewReading,.speakingViewPinyin,.speakingViewForeign{flex:none;width:100%}.speakingViewForeign{margin-bottom:2px}@media (max-width:520px){.speakingView{max-height:calc(100dvh - 24px)}.speakingViewBody{scrollbar-gutter:auto;padding-bottom:16px}}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}.appNav{left:50%;bottom:max(10px, env(safe-area-inset-bottom));z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border:1px solid #e5e7eb;border-radius:16px;grid-template-columns:repeat(4,1fr);width:min(470px,100% - 22px);padding:4px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 12px 35px #11182729}.appNavItem{color:#6b7280;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:4px;min-height:43px;font-size:11px;font-weight:800;text-decoration:none;display:flex}.appNavItem.active{color:#fff;background:#111827}.appFooter{width:min(720px,100% - 28px);padding:0 4px calc(88px + env(safe-area-inset-bottom));color:#a3a8b1;text-align:center;margin:18px auto 0;font-size:9px;line-height:1.7}.appFooter a{color:inherit;text-underline-offset:2px;text-decoration:underline}.appFooterSep{margin:0 6px}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1116;--card:#171b22;--line:#3a414c;--text:#f4f7fb;--muted:#aeb7c4;--soft:#20252d;--accent:#f3f4f6;--danger:#fca5a5}html,body,.centerPage{background:var(--bg);color:var(--text)}.eyebrow,.charCount,.resultMeta,.quickRewrite>span,.turnLabel,.turnMeta,footer{color:#aeb7c4}.card,.lockCard,.modal{border-color:var(--line);background:var(--card);color:var(--text);box-shadow:0 14px 40px #0000003d}.iconButton{color:#f4f7fb;background:#252a33;border-color:#464d59}.modeTabs,.speakerMode{background:#101318}.modeTabs button,.speakerMode button{color:#aeb7c4}.modeTabs button.active,.speakerMode button.active{color:#fff;background:#303640;box-shadow:0 1px 4px #00000047}select,textarea,.pinInput,.swap{color:#f4f7fb;background:#20252d;border-color:#464d59}select:focus,textarea:focus,.pinInput:focus{border-color:#7d8795;box-shadow:0 0 0 3px #aeb7c421}textarea::placeholder,input::placeholder{color:#aeb7c4;opacity:1}.swap{color:#d3d9e2}.swap:disabled{color:#7f8997;opacity:1}.clearButton{color:#c9d0da;background:#303640}.advancedPanel{background:#181d24;border-color:#3c434e}.advancedPanel summary{color:#cbd2dc}.advancedPanel summary:after,.advancedPanel summary small{color:#9ba5b3}.advancedBody{border-top-color:#353c46}.fastToggle,.conversationHint,.pronunciation,.transcript{background:#20252d;border-color:#353c46}.switch{background:#4b5563}.fastToggle input:checked+.switch{background:#d8dee7}.fastToggle input:checked+.switch:after{background:#111827}.primary{color:#111827;background:#f3f4f6}.primary:disabled,.translateButton:disabled,.conversationSend:disabled{color:#959fac;opacity:1;background:#2c323b}.statusPill{color:#c7ced8;background:#252b34}.resultActions button,.quickRewrite button,.resetConversation,.turnActions button,.largeViewActions button{color:#d8dee7;background:#20252d;border-color:#454d59}.resultActions .showButton,.largeViewActions button:first-child{color:#111827;background:#f3f4f6;border-color:#f3f4f6}.pronunciation p,.turnOriginal,.turnPronunciation,.modal p{color:#bdc5d0}.relatedPhrases{border-top-color:#3a414c}.relatedTitle span,.relatedTitle a,.relatedGrid small{color:#aeb7c4}.relatedGrid button{background:#1d222a;border-color:#3a414c}.relatedGrid strong{color:#f4f7fb}.conversationThread{background:#11151b;border-color:#353c46}.conversationEmpty{color:#98a3b1}.conversationEmpty strong{color:#c2cad5}.turnCard{background:#1b2027;border-color:#3b424d;box-shadow:0 2px 7px #0000002e}.conversationTurn.partner .turnCard{background:#252b34}.turnDivider{background:#aeb7c433}.turnTranslation{color:#f4f7fb}.usageDetails{background:#171b22;border-color:#3a414c}.usageDetails summary span,.usageDetails summary small,.usageBody>small{color:#aeb7c4}.budgetTrack{background:#303640}.budgetFill{background:#e6e9ee}.largeViewBackdrop,.modalBackdrop{background:#000000b8}.largeView{color:#f4f7fb;background:#171b22;box-shadow:0 28px 80px #00000080}.largeViewTop span,.largeViewPronunciation{color:#b8c1cd}.largeViewTop button{color:#d8dee7;background:#2a3039}.largeViewText{color:#f8fafc}.lockCard>p,.lockCard small{color:#aeb7c4}.appMark{color:#111827;background:#f3f4f6}.spinner{border-color:#f3f4f6 #444c58 #444c58}.error{color:#fecaca;background:#3a1d22}.appNav{background:#13171df0;border-color:#3e4651;box-shadow:0 12px 35px #0006}.appNavItem{color:#aeb7c4}.appNavItem.active{color:#111827;background:#f3f4f6}.appFooter{color:#aeb7c4}aside[aria-label="처음 사용 가이드"]{color:#f4f7fb!important;background:#1d2430!important;border-color:#465064!important;box-shadow:0 8px 24px #0000002e!important}aside[aria-label="처음 사용 가이드"] span{color:#b7c0cc!important}aside[aria-label="처음 사용 가이드"] a[href=\/guide]{color:#111827!important;background:#f3f4f6!important}aside[aria-label="처음 사용 가이드"] button{color:#e5e7eb!important;background:#252a33!important;border-color:#4a5260!important}}
.themeSetting{border-top:1px solid #eef0f3;gap:8px;margin-top:10px;padding-top:10px;display:grid}.themeSettingCopy{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.themeSettingCopy strong{color:#4b5563;font-size:11px}.themeSettingCopy span{color:#9ca3af;font-size:9px}.themeSegments{background:#f1f3f5;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;display:grid}.themeSegments button{color:#6b7280;background:0 0;border:0;border-radius:9px;min-height:34px;font-size:10px;font-weight:850}.themeSegments button.active{color:#111827;background:#fff;box-shadow:0 1px 3px #11182717}.keyboardTranslateBar{left:50%;bottom:calc(var(--keyboard-inset,0px) + 8px);z-index:68;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border:1px solid #94a3b861;border-radius:16px;width:min(720px,100% - 22px);padding:6px;position:fixed;transform:translate(-50%);box-shadow:0 12px 34px #0f172a38}.keyboardTranslateButton{color:#fff;background:#111827;border:0;border-radius:12px;width:100%;min-height:50px;font-size:14px;font-weight:900}.keyboardTranslateButton:disabled{color:#9ca3af;background:#e5e7eb}.keyboardTranslateActive .appNav{display:none}@media (max-width:440px){.themeSettingCopy{flex-direction:column;align-items:flex-start;gap:2px}}@media (prefers-color-scheme:dark){.themeSetting{border-top-color:#353c46}.themeSettingCopy strong{color:#d2d8e1}.themeSettingCopy span{color:#9ba5b3}.themeSegments{background:#101318}.themeSegments button{color:#aeb7c4}.themeSegments button.active{color:#fff;background:#303640;box-shadow:0 1px 3px #00000047}.keyboardTranslateBar{background:#13171df2;border-color:#444c58;box-shadow:0 12px 34px #0000006b}.keyboardTranslateButton{color:#111827;background:#f3f4f6}.keyboardTranslateButton:disabled{color:#959fac;background:#2c323b}}