/* Homepage and subscription layout follow the supplied reference screenshots. */
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif;--side:#fff;--text:#151515;--border:#e9e9e9;--white:#fff;--surface:#f7f7f7}.sidebar{width:285px;padding:16px 9px 8px;border-right:1px solid #e5e5e5}.side-top{padding:0 4px 16px;gap:5px}.brand{font-size:15px;letter-spacing:0;gap:7px;margin-right:auto}.brand-logo{width:23px;height:23px;object-fit:contain}.brand-model-icon{background:transparent!important}.brand-model-icon img{width:100%;height:100%;object-fit:contain}.theme-quick{font-size:21px;color:var(--text)}.side-top .icon-button{width:29px;height:30px}.new-chat{height:44px;background:#e9e9eb;border:0;box-shadow:none;border-radius:13px;font-weight:400;font-size:15px;padding:0 14px;color:var(--text)}.new-chat .shortcut{font-size:15px;color:#a7a7aa}.main-nav{gap:2px;margin-top:4px}.main-nav button{height:44px;padding:0 14px;font-size:15px;color:var(--text);font-weight:400}.main-nav button.active{background:#f2f2f2;color:var(--text);font-weight:400}.main-nav button svg{width:18px;height:18px}.side-section{margin-top:8px}.history-empty{display:none}.side-bottom{gap:4px}.mobile-app-label{padding:14px 14px;border-top:1px solid var(--border);font-size:14px}.profile{width:100%;padding:9px 13px;font-size:14px}.profile strong{font-size:14px;font-weight:400}.avatar{width:34px;height:34px;background:#f77fc4;color:#fff}.account-wrap{position:relative}.account-menu{position:absolute;bottom:54px;left:12px;width:240px;padding:10px;background:var(--white);border:1px solid var(--border);border-radius:18px;box-shadow:0 3px 12px #0002;z-index:21}.account-menu[hidden]{display:none}.account-hint{padding:8px;color:var(--muted);font-size:12px}.account-menu button{display:block;width:100%;padding:10px;text-align:left;background:none;border:0;border-radius:8px;color:var(--text);font-size:13px}.account-menu button:hover{background:var(--surface)}.topbar{height:72px;padding:0 20px;justify-content:space-between}.pro-top{border:0;background:#eaf6ff;color:#1672f3;border-radius:24px;padding:10px 15px;font-size:14px;font-weight:600}.topbar .icon-button{color:var(--text)}.chat-page{max-width:870px;padding:0 28px 26px;justify-content:center}.welcome{margin:0 0 36px}.welcome h1{font-size:36px;font-weight:500;letter-spacing:-.04em}.composer-wrap{margin:0}.composer{border:1px solid #ededed;border-radius:35px;box-shadow:0 6px 26px #00000008;padding:18px 14px 14px;overflow:visible}.composer textarea{min-height:60px;padding:2px 7px;resize:none;font-size:16px}.composer-actions{gap:10px}.attach-btn{width:41px;height:41px;padding:0;border-radius:50%;display:grid;place-items:center;color:var(--text)}.attach-btn svg{width:22px;height:22px}.composer-model{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--text);font-size:14px}.composer-model img{width:19px;height:19px}.composer-model svg{width:12px;height:12px}.mic-btn{border:0;background:none;font-size:20px;color:var(--text);width:30px;height:36px}.send-btn{width:41px;height:41px;border-radius:50%;background:#ededed;color:#a7a7a7}.send-btn:hover{background:#d9d9d9}.suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0 0}.suggestion{display:flex;align-items:center;gap:8px;min-height:0;padding:9px 14px;border-radius:30px;transform:none!important;color:var(--text)}.suggestion .symbol,.suggestion:nth-child(n) .symbol{display:inline;width:auto;height:auto;background:transparent;color:var(--text);margin:0;font-size:16px}.suggestion strong{font-size:13px;font-weight:400}.composer-foot{margin-top:12px}.chat-messages+.composer-wrap{margin-top:auto}.chat-messages{padding-top:10px}.chat-page:has(.chat-messages){justify-content:flex-start}.paywall-dialog{width:min(968px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);border-radius:18px;overflow:auto;background:#fff;color:#151515;box-shadow:0 16px 50px #0000000a}.paywall-dialog::backdrop{background:#0000001d;backdrop-filter:blur(3px)}dialog:modal{overscroll-behavior:contain}dialog::backdrop{overflow:hidden;overscroll-behavior:contain}.paywall-dialog #dialog-content{position:relative}.paywall-close{position:absolute;z-index:2;right:15px;top:13px;width:28px;height:28px;background:transparent;border:0;color:#555;font-size:23px;line-height:1}.paywall-layout{display:grid;grid-template-columns:1.1fr 1fr;min-height:682px}.paywall-left{padding:35px 36px 27px;display:flex;flex-direction:column;border-right:1px solid #eee}.social-line{min-height:50px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;border-bottom:1px solid #eee;font-size:14px}.example-badge{color:#999;background:#f5f5f5;border-radius:15px;padding:5px 10px;font-size:10px}.compare-head{display:grid;grid-template-columns:1fr 45px 46px;align-items:center;background:#f8f8f8;border-radius:8px;margin-top:8px;height:36px;padding:0 12px;font-size:13px}.compare-head strong{color:#1678ff;text-align:center}.compare-head span:nth-child(2){text-align:center}.compare-row{display:grid;grid-template-columns:32px 1fr 45px 46px;gap:10px;align-items:center;min-height:60px;border-bottom:1px solid #ececec;font-size:14px}.benefit-icon{width:32px;height:32px;border:1px solid #efefef;border-radius:10px;display:grid;place-items:center;color:#7858ff;font-size:19px}.benefit-icon img{width:22px;height:22px;object-fit:contain}.benefit-label{min-width:0;line-height:1.4}.feature-no,.feature-yes{text-align:center;font-size:18px}.feature-yes{color:#1678ff}.trust-line{text-align:center;margin-top:40px;font-size:13px}.trust-line span{color:#f3a100;font-size:20px;letter-spacing:-2px}.fair-use{margin-top:auto;color:#999;font-size:11px}.paywall-right{padding:32px 36px 28px;display:flex;flex-direction:column;text-align:center}.paywall-right h2{font-size:22px;line-height:1.25;margin:0 0 4px;font-weight:700}.example-note{color:#999;font-size:10px;margin:0 0 16px}.cycle-options{display:grid;gap:12px}.cycle-option{display:flex;align-items:center;width:100%;height:60px;padding:0 17px;border:1px solid #e9e9e9;border-radius:16px;background:#fff;color:#151515;text-align:left;gap:8px;font-size:14px}.cycle-option.selected{border:2px solid #197bff;background:#edf7ff;padding:0 16px}.radio-dot{width:17px;height:17px;border-radius:50%;border:2px solid #eee;flex:none}.selected .radio-dot{border:5px solid #197bff}.cycle-name{white-space:nowrap}.selected .cycle-name{font-weight:700}.discount{font-size:11px;color:#00ad62;background:#eaf9f0;border-radius:20px;padding:4px 8px;font-weight:700;white-space:nowrap}.cycle-amount{margin-left:auto;text-align:right;display:flex;flex-direction:column;gap:1px}.cycle-amount strong{font-size:17px}.cycle-amount small{font-size:11px;color:#999}.renewal{min-height:53px;margin:20px 0 0;color:#555;font-size:14px;line-height:1.6}.due{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding:12px 0 21px;font-size:16px}.continue-button{height:58px;border:0;border-radius:32px;background:#1f72ea;color:#fff;font-weight:700;font-size:17px;margin-top:22px}.continue-button:hover{background:#1765d2}.terms-note{font-size:11px;color:#999;line-height:1.5;margin:16px 0}.security-note{font-size:11px;color:#555;border:1px solid #eee;border-radius:9px;padding:8px 12px;align-self:center}.payment-marks{font-size:11px;font-weight:700;color:#4774a1;margin:18px 0 0}.payment-panel{text-align:left;max-height:calc(100dvh - 40px);overflow:auto;padding:34px 46px}.payment-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}.payment-title h2{margin:0}.payment-title button{border:0;background:none;font-size:27px;line-height:1}.payment-demo-note{font-size:11px;color:#8b8b8b;margin:0 0 12px}.wallet-buttons{display:grid;gap:8px}.wallet{height:60px;border:0;border-radius:22px;font-size:21px;font-weight:700;opacity:1;cursor:not-allowed}.wallet.naver{background:#00d65c;color:#111}.wallet.kakao{background:#ffe500;color:#111}.wallet.local{background:white;border:1px solid #333;color:#777;font-size:14px}.wallet.local span{color:#2856ed}.wallet.google{background:#000;color:white}.wallet.google span{color:#4285f4}.card-divider{display:flex;align-items:center;gap:12px;color:#555;white-space:nowrap;margin:28px 0 22px;font-size:14px}.card-divider span{height:1px;background:#ddd;flex:1}.card-label{font-size:14px;color:#555;margin-bottom:6px}.card-detail-label{margin-top:23px}.card-placeholder{height:42px;border:1px solid #cfcfcf;border-radius:10px;color:#b7b7b7;padding:11px;font-size:14px;box-shadow:0 1px 2px #0002}.card-number{border-bottom-left-radius:0;border-bottom-right-radius:0}.card-number span{float:right;color:#2464bc;font-size:11px;font-weight:700}.card-fields{display:grid;grid-template-columns:1fr 1fr;border:1px solid #cfcfcf;border-top:0;border-radius:0 0 10px 10px;color:#b7b7b7}.card-fields div{padding:10px 12px;font-size:14px}.card-fields div+div{border-left:1px solid #cfcfcf}.subscribe-disabled{margin-top:35px;width:100%;height:60px;border:0;border-radius:22px;background:#252525;color:white;font-size:15px;font-weight:700;opacity:.7;cursor:not-allowed}.payment-caption{text-align:center;font-size:11px;color:#999;line-height:1.5}.dark{--side:#171719;--text:#efefef;--border:#37373c;--white:#18181a;--surface:#29292d}.dark .brand-logo,.dark .composer-model img{filter:invert(1)}.dark .new-chat{background:#303034;color:#fff}.dark .main-nav button.active{background:#333}.dark .paywall-dialog{color:#151515}.dark .account-menu{background:#202023}@media(max-width:850px){.paywall-dialog{width:min(700px,calc(100% - 24px))}.paywall-layout{grid-template-columns:1fr 1fr}.paywall-left,.paywall-right{padding-left:22px;padding-right:22px}.compare-row{font-size:12px;gap:4px;grid-template-columns:30px 1fr 34px 34px}}@media(max-width:680px){.sidebar{width:285px}.chat-page{padding:0 18px 22px}.welcome h1{font-size:29px}.welcome{margin-bottom:28px}.composer{border-radius:25px}.suggestions{gap:6px}.suggestion{padding:8px 10px}.paywall-layout{display:flex;flex-direction:column;min-height:0}.paywall-left{border-right:0;border-bottom:1px solid #eee;padding:25px 20px}.compare-row{min-height:49px}.trust-line{margin-top:20px}.fair-use{margin-top:15px}.paywall-right{padding:25px 20px}.payment-panel{max-height:none}.paywall-dialog{max-height:calc(100dvh - 24px)}.renewal{min-height:0}.side-top .theme-quick{display:grid}}
@media(min-width:681px){.app-shell.sidebar-open .sidebar{margin-left:-285px}.app-shell.sidebar-open .mobile-menu{display:grid}.sidebar{transition:margin-left .2s}}
@media(max-width:680px){.social-line{padding-right:32px}.paywall-close{position:sticky;float:right;margin-bottom:-28px;top:5px;right:7px}}