@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--ink:#172024;--muted:#6e7778;--paper:#f6f7f3;--line:#e5e9e6;--lime:#d9f978;--dark:#111b1b;--mint:#bff5cb;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Manrope','DM Sans','Noto Sans KR',sans-serif;color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #74bdae;outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);height:1px;width:1px;white-space:nowrap}.wordmark{font-size:28px;font-weight:800;letter-spacing:-2.4px;line-height:1;color:#182523;display:inline-flex;align-items:baseline;gap:0}.wordmark span{color:#82bd83}.wordmark small{font-size:9px;letter-spacing:1.9px;margin-left:12px;font-weight:800;color:#98a6a2}.wordmark.light{color:white}.wordmark.light span{color:#c9f283}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 22px;border-radius:11px;font-size:13px;font-weight:800}.btn-lime{background:var(--lime);color:#1d2422}.btn-outline-white{border:1px solid #5b6967;color:white}.hub-body{background:#10191a;color:white}.hub-wrap{max-width:1440px;padding:28px 48px 70px;margin:auto}.hub-header{display:flex;align-items:center;justify-content:space-between}.hub-header nav{display:flex;gap:25px;color:#bdcac6;font-size:12px;font-weight:700}.hub-hero{padding:90px 0 73px;position:relative;background:radial-gradient(ellipse at 80% 50%,#234a41 0,transparent 47%)}.eyebrow{color:#cee6d2;letter-spacing:2px;font-size:11px;font-weight:800}.dot{display:inline-block;background:#d9f978;border-radius:99px;width:7px;height:7px;margin:0 8px}.hub-hero h1{font-size:clamp(44px,6.8vw,91px);letter-spacing:-5px;line-height:1.2;font-weight:800;margin:27px 0}.hub-hero h1 em{font-style:normal;color:#d5f986}.hub-hero p{color:#adbfba;line-height:1.8;font-size:15px}.hub-actions{display:flex;gap:13px;margin-top:37px}.hub-section-title{display:flex;justify-content:space-between;color:#8c9f9a;font-weight:800;font-size:11px;letter-spacing:1.5px;margin:10px 0 18px}.hub-frames{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hub-frame{border:1px solid #314240;background:#162222;border-radius:20px;overflow:hidden}.hub-frame-head{display:flex;justify-content:space-between;align-items:center;padding:16px 21px;font-size:13px}.hub-frame-head a{color:#b7e5c4;font-size:11px}.hub-frame iframe{height:680px;width:100%;border:0;background:#f6f7f3}.hub-footer{display:flex;justify-content:space-between;color:#8c9d98;font-size:11px;margin-top:30px}.app-body{background:#ebefec;min-height:100vh}.app-shell{background:var(--paper);max-width:530px;min-height:100vh;margin:auto;padding-bottom:84px;box-shadow:0 0 70px #53695e14;position:relative}.app-head{height:76px;padding:0 27px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0ec;background:var(--paper)}.app-head-right{display:flex;align-items:center;gap:12px}.mode-pill{font-size:10px;color:#52745e;background:#e5f3df;border:1px solid #d1e8c9;padding:8px 10px;border-radius:99px;font-weight:800}.mode-pill.warn{background:#fff3db;color:#946b27;border-color:#f3e5c9}.icon-btn{border:1px solid #e0e5e0;color:#50645b;border-radius:50%;height:28px;width:28px;background:transparent;font-weight:800}.app-hero{padding:34px 29px 25px;position:relative;overflow:hidden}.hero-topline{font-size:9px;font-weight:800;letter-spacing:1.3px;color:#65736c;display:flex;align-items:center;gap:9px}.sparkle{font-size:21px;color:#417855}.edition{color:#87958d;margin-left:auto}.app-hero h1{font-size:37px;letter-spacing:-2px;line-height:1.25;font-weight:800;margin:21px 0 11px}.app-hero h1 i{font-style:normal;color:#3a7960}.app-hero p{font-size:12px;color:#687670;line-height:1.9;font-weight:600}.app-hero-graphic{height:124px;position:absolute;right:5px;bottom:15px;width:175px;pointer-events:none}.orbit{position:absolute;border:1px solid #cfdbd1;border-radius:50%;left:20px;top:4px;width:128px;height:128px;transform:rotate(-16deg)}.orbit-two{left:37px;top:22px;width:93px;height:93px}.center-orb{position:absolute;left:62px;top:44px;width:52px;height:52px;border-radius:50%;background:#d9fa93;box-shadow:0 15px 35px #9fbba944;display:flex;justify-content:center;align-items:center}.center-orb b{font-size:22px}.tiny-square{position:absolute;height:6px;width:6px;background:#69a47c;top:8px;right:10px;transform:rotate(30deg)}.floating-label{position:absolute;background:white;border:1px solid #dce7dc;border-radius:7px;box-shadow:0 4px 18px #2f604316;padding:6px 9px;font-size:9px;font-weight:800}.fl-one{left:0;top:29px;transform:rotate(-8deg)}.fl-two{right:-2px;bottom:4px;transform:rotate(7deg)}.input-panel{background:white;border:1px solid #e8eae7;border-radius:22px;margin:6px 18px 20px;padding:24px 20px;box-shadow:0 12px 32px #1d302b0b}.section-title{display:flex;align-items:center;gap:11px;margin-bottom:16px}.section-title>span{background:#edf3e5;color:#3a6d4c;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:800}.section-title h2{font-size:14px;letter-spacing:-.5px;margin:0;font-weight:800}.small-title{margin-top:24px}#goal-input{display:block;width:100%;padding:14px 14px;border-radius:11px;border:1px solid #dfe5df;resize:vertical;min-height:100px;font-size:13px;line-height:1.9;color:#1a2722;background:#fbfdfa}#goal-input::placeholder{color:#9da8a2}.suggestion-bar{margin-top:16px}.suggestion-bar>span{font-size:10px;color:#79867d;font-weight:800}.suggestions{display:flex;gap:7px;overflow-x:auto;margin-top:8px;scrollbar-width:none}.suggestions button{white-space:nowrap;border:1px solid #dde6de;background:#f8fbf7;color:#526a5b;padding:8px 11px;border-radius:99px;font-size:11px;font-weight:700}.preferences{display:flex;gap:7px;flex-wrap:wrap}.pref{font-size:11px;border:1px solid #e3e7e2;background:white;color:#6b7971;border-radius:9px;padding:10px 11px;font-weight:700}.pref.active{background:#ebf8e7;border-color:#a4d9aa;color:#346647}.primary-action{margin-top:22px;display:flex;justify-content:space-between;align-items:center;border:0;width:100%;padding:18px 20px;background:#152420;color:white;border-radius:12px;font-size:14px;font-weight:800}.primary-action span{font-size:19px;color:#c8f07d}.primary-action:hover{background:#2d4b40}.input-footnote{text-align:center;font-size:10px;color:#a0a9a2;line-height:1.8;margin:15px 0 0}.how-it-works{padding:14px 29px 35px}.how-it-works .section-title{margin-bottom:12px}.steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px}.steps>div{background:#eaf1e8;border-radius:12px;padding:13px 10px;min-height:124px}.steps span{display:block;font-weight:800;font-size:10px;color:#55936c;margin-bottom:16px}.steps strong{display:block;font-size:11px;margin-bottom:7px;white-space:nowrap}.steps small{font-size:9px;line-height:1.65;color:#859189;display:block}.bottom-tabs{position:fixed;bottom:0;left:50%;transform:translateX(-50%);height:73px;width:min(100%,530px);background:#fff;border-top:1px solid #e5eae5;display:grid;grid-template-columns:repeat(4,1fr);z-index:10;padding-bottom:env(safe-area-inset-bottom,0px)}.tab{border:0;background:white;color:#94a199;font-size:10px;font-weight:800}.tab span{font-size:21px;display:block;line-height:1.4}.tab.active{color:#386a48}.results-area{padding:6px 18px 22px}.result-header{display:flex;justify-content:space-between;align-items:center;margin:0 10px 16px}.result-header p{font-size:10px;font-weight:800;color:#64816e;letter-spacing:1px}.result-header h2{font-size:23px;letter-spacing:-1px;line-height:1.4;margin:5px 0}.engine-label{font-size:10px;color:#6b7d71;background:#e8f2e7;padding:7px 9px;border-radius:8px;font-weight:700}.engine-label.fallback{background:#fff6e6;color:#886a34}.result-summary{font-size:12px;line-height:1.8;color:#587062;background:#ecf7e8;padding:14px 15px;border-radius:12px;margin-bottom:13px}.recommendation{background:white;border:1px solid #e2e8e0;border-radius:17px;padding:18px;margin-bottom:11px}.rec-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.rec-number{font-size:9px;background:#18382a;color:#c9efcb;padding:5px 9px;border-radius:99px;font-weight:800}.rec-label{font-size:10px;color:#6d977c;font-weight:800}.rec-name{display:flex;align-items:center;gap:12px;margin-top:13px}.tool-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#e9f3df;font-size:17px;color:#3d7855;font-weight:900;flex-shrink:0}.rec-name h3{font-size:17px;letter-spacing:-.5px;margin:0}.rec-name p{margin:4px 0 0;font-size:10px;color:#7a867d}.rec-why{font-size:12px;color:#3b5947;line-height:1.8;margin:16px 0;background:#f2f7ed;padding:11px 12px;border-radius:9px}.rec-watch{font-size:11px;line-height:1.75;color:#766b55;margin-bottom:12px}.rec-watch b{color:#9b783d}.rec-actions{display:flex;gap:8px}.rec-actions>a,.rec-actions button{flex:1;text-align:center;display:flex;justify-content:center;align-items:center;padding:11px;border-radius:9px;font-size:11px;font-weight:800;border:1px solid #dde5dd;background:#fff;color:#395e48}.rec-actions>a{background:#172922;color:white;border-color:#172922}.source-note{margin:11px 0 0;font-size:10px;color:#9aa39d}.results-footer{display:flex;gap:10px;margin:16px 0}.results-footer button{flex:1;font-size:11px;font-weight:800;padding:12px;border:1px solid #d9e2d9;border-radius:9px;background:#fff}.panel-mini{margin:10px 18px;padding:20px;background:white;border:1px solid #e4eae3;border-radius:18px}.panel-mini h2{font-size:21px}.panel-mini p,.panel-mini li{font-size:12px;line-height:2;color:#6e7d73}.saved-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid #edf1ea}.saved-row strong{font-size:13px}.saved-row a{font-size:11px;color:#438553}.comparison-table{overflow-x:auto}.comparison-table table{border-collapse:collapse;min-width:100%;font-size:11px}.comparison-table th,.comparison-table td{border-bottom:1px solid #edf1eb;padding:12px;text-align:left;min-width:120px}.comparison-table th{color:#51725b}.empty-screen{text-align:center;padding:36px 15px;font-size:13px;color:#7b8b7c}.empty-screen strong{display:block;font-size:20px;color:#253e2e;margin-bottom:12px}#toast,#studio-toast{visibility:hidden;position:fixed;z-index:100;bottom:89px;left:50%;transform:translateX(-50%);background:#1d3025;color:white;padding:11px 17px;font-size:12px;border-radius:12px;white-space:nowrap;box-shadow:0 8px 22px #0e2c2033}#toast.show,#studio-toast.show{visibility:visible}
.studio-body{background:#f6f8f6;color:#1b2520}.studio-layout{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.sidebar{background:#15201f;color:#dae7e0;padding:30px 22px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.sidebar-label{font-size:10px;letter-spacing:1.4px;font-weight:800;color:#718a7d;margin-top:54px}.studio-nav{display:flex;flex-direction:column;gap:7px;margin-top:7px}.studio-nav button{display:flex;gap:13px;align-items:center;padding:14px 15px;color:#afc1b6;background:transparent;border:0;text-align:left;border-radius:11px;font-size:12px;font-weight:800}.studio-nav button.selected{background:#334b3e;color:#edffe9}.sidebar-bottom{margin-top:auto;font-size:9px;color:#c9d7ce;line-height:1.9;font-weight:800}.sidebar-bottom small{color:#799187;display:block;font-size:10px;font-weight:500}.sidebar-bottom a{color:#c0efa5;display:block;margin-top:25px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#bff4a5;margin-right:5px}.studio-main{min-width:0}.studio-top{background:#fff;border-bottom:1px solid #e5eae7;padding:22px 36px;display:flex;align-items:center;justify-content:space-between}.studio-crumb{font-size:12px;font-weight:800;color:#849087}.studio-crumb span{color:#29352d}.studio-tools{display:flex;gap:21px;align-items:center;font-size:10px;color:#8c978d;font-weight:800}.studio-tools b{color:#345b43}.studio-open-link{background:#edf6ed;padding:10px 12px;border-radius:8px;color:#437154;font-size:11px}.studio-content{padding:40px 38px;max-width:1270px;margin:auto}.top-title h1{font-size:35px;letter-spacing:-1.8px;margin:6px 0 9px}.top-title p{font-size:13px;color:#839088;line-height:1.75;margin-bottom:27px}.eyebrow-studio{font-size:10px;color:#73927c;letter-spacing:1.8px;font-weight:900}.studio-card{border:1px solid #e5ebe6;background:#fff;border-radius:16px;padding:23px;box-shadow:0 8px 25px #17382405}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stat-card span{font-size:10px;color:#819187;font-weight:800}.stat-card strong{display:block;font-size:31px;letter-spacing:-1.5px;margin:14px 0}.stat-card small{font-size:10px;color:#719482}.studio-two-col{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;margin-top:16px}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px}.card-heading h2{font-size:15px;letter-spacing:-.4px;margin:0}.card-heading small{color:#9aa69f;font-size:10px}.coverage-bar{margin-top:16px}.coverage-bar div{display:flex;justify-content:space-between;font-size:11px;color:#53675c;font-weight:700;margin-bottom:8px}.bar-track{height:8px;border-radius:99px;background:#e6eee7;overflow:hidden}.bar-fill{height:100%;background:#a9ddae;border-radius:99px}.event-line{display:flex;justify-content:space-between;border-top:1px solid #eef3ee;padding:14px 0;font-size:11px;color:#647468}.event-line b{color:#2d4434}.notice{background:#f1f6e7;border:1px solid #e5edcf;border-radius:11px;padding:16px;font-size:12px;color:#5e6f4f;line-height:1.8}.notice strong{color:#32492d}.catalog-actions{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:15px}.studio-btn{border:1px solid #d8e4db;background:white;border-radius:9px;padding:12px 14px;font-size:11px;color:#3e5d46;font-weight:800}.studio-btn.primary{background:#233c2b;color:#fff;border-color:#233c2b}.studio-btn:disabled{opacity:.5;cursor:not-allowed}.studio-input{border:1px solid #dce5dd;border-radius:8px;padding:11px 12px;background:white;font-size:12px;min-width:0;color:#314137}.studio-search{width:min(100%,360px)}.studio-table-wrap{overflow:auto}.studio-table{border-collapse:collapse;width:100%;font-size:11px}.studio-table th{text-transform:uppercase;letter-spacing:.6px;color:#8d9b90;text-align:left;font-size:10px;background:#fafcfa;padding:14px 12px}.studio-table td{padding:14px 12px;border-top:1px solid #ecf1eb;color:#526358;min-width:90px}.studio-table td strong{color:#263c2e;font-size:12px}.table-tag{padding:5px 8px;border-radius:99px;background:#e9f3e6;color:#548066;font-size:10px;white-space:nowrap}.table-tag.gray{background:#eff0ef;color:#7e8c80}.pagination{display:flex;align-items:center;gap:12px;justify-content:flex-end;padding-top:17px;font-size:11px;color:#667b68}.pagination button{padding:9px 12px;background:#fff;border:1px solid #dce7db;border-radius:7px}.eval-box{background:#f4f8f2;padding:17px;border:1px solid #e0e8df;border-radius:10px}.eval-box textarea{width:100%;min-height:87px;border:1px solid #dce7d9;border-radius:9px;padding:12px;font-size:12px;resize:vertical}.eval-result{border-left:3px solid #9bcfa6;padding:13px 14px;background:white;margin-top:12px;font-size:12px;line-height:1.8;color:#5d6e60}.metric-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.metric-row>div{background:#f4f7f1;border-radius:10px;padding:17px}.metric-row b{display:block;font-size:24px;margin-top:8px}.metric-row small{font-size:10px;color:#7b8c7d}.integration-row{border-top:1px solid #e8eee8;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:18px}.integration-row h3{font-size:13px;margin:0 0 6px}.integration-row p{font-size:11px;color:#8a988d;margin:0;line-height:1.7;max-width:560px}.integration-row code{font-size:10px;color:#4d8061;overflow-wrap:anywhere}.copy-link{border:1px solid #d7e4d6;background:#eef7ea;color:#4c7c54;padding:10px 13px;border-radius:8px;font-size:11px;font-weight:800;white-space:nowrap}.code-panel{font-size:11px;color:#c9ecdc;background:#1c3029;padding:20px;border-radius:12px;line-height:1.8;overflow-x:auto}.progress-track{height:9px;background:#e7ede6;border-radius:99px;overflow:hidden;margin:15px 0}.progress-value{background:#5eae7b;height:100%;width:0;transition:width .1s}.import-help{font-size:11px;line-height:1.9;color:#728575}.studio-muted{font-size:11px;color:#93a398;line-height:1.8}@media(max-width:1000px){.stats-grid{grid-template-columns:repeat(2,1fr)}.studio-two-col{grid-template-columns:1fr}}@media(max-width:700px){.hub-wrap{padding:23px 17px}.hub-hero{padding:67px 0 55px}.hub-hero h1{letter-spacing:-2px}.hub-frames{grid-template-columns:1fr}.hub-frame iframe{height:560px}.hub-footer{display:block;line-height:1.8}.hub-actions{flex-wrap:wrap}.studio-layout{display:block}.sidebar{height:auto;min-height:unset;position:relative;padding:18px 20px}.sidebar-label,.sidebar-bottom{display:none}.studio-nav{flex-direction:row;overflow-x:auto}.studio-nav button{white-space:nowrap;padding:10px;font-size:10px}.studio-nav button span{display:none}.studio-top{padding:18px}.studio-content{padding:25px 16px}.top-title h1{font-size:26px}.studio-tools>span{display:none}.stats-grid{grid-template-columns:1fr 1fr}.stat-card strong{font-size:25px}.app-hero h1{font-size:32px}.app-hero-graphic{opacity:.35}.steps{gap:5px}.steps>div{padding:12px 7px}}

.rec-next{margin-top:11px;border-top:1px solid #ecf0e9;padding-top:11px}.rec-next summary{font-size:10px;font-weight:800;color:#4c785a;cursor:pointer}.rec-next p{font-size:11px;color:#748777;line-height:1.7}.rec-next button{background:#edf7e9;border:1px solid #d7ead5;color:#427851;border-radius:8px;padding:8px 11px;font-size:10px;font-weight:800}