:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#efede6;--bg-2:#eae7de;--bg-3:#e5e2d8;--fg:#1a1a18;--muted:#5c5954;--muted-strong:#4d4a46;--placeholder:#67635d;--primary:#b2392a;--primary-press:#9f3325;--primary-tint:#f2e6e2;--accent:#b2392a;--accent-strong:#9f3325;--accent-soft:#f6efec;--accent-contrast:#fff;--link:#8d2d21;--link-hover:#b2392a;--success:#007a5a;--error:#cc4117;--canvas:#f6f5f0;--canvas-cream:#fff8ed;--canvas-lavender:#f7f2ff;--surface-elev:#faf9f5;--surface-tint:#f2efe7;--surface-soft:#faf9f5e6;--surface-aubergine:#44233b;--on-aubergine:#fff;--on-aubergine-mute:#ead2ec;--hairline:#dfe5ef;--hairline-strong:#7c2d5b52;--border:var(--hairline);--border-strong:var(--hairline-strong);--ring:#ff4f8b47;--mesh-pink:#f05d7d1c;--mesh-lavender:#7c2d5b14;--mesh-cream:#f7ba5724;--mesh-green:#2496761f;--shadow-sm:0 8px 22px #191f2d0f;--shadow-md:0 18px 45px #191f2d17;--shadow-toast:0 1px 10px #1d1d1d2e;--shadow-focus-inset:inset 0 0 0 1px #7a1f5c61;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:8px;--radius-xl:8px;--radius-pill:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:48px;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-hero:2.5rem}@media (min-width:720px){:root{--text-hero:3.125rem;--text-xl:1.625rem}}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{background:linear-gradient(120deg, #ffffffb8 0 35%, transparent 35%), linear-gradient(138deg, var(--bg) 0%, var(--bg-2) 54%, var(--bg-3) 100%);min-height:100svh;color:var(--fg);-webkit-font-smoothing:antialiased;overflow-wrap:break-word;text-rendering:optimizelegibility;word-break:keep-all;margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button,input,select,textarea{font:inherit;word-break:keep-all}a{color:var(--link);text-underline-offset:4px;text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.wrap{isolation:isolate;width:min(100% - 32px,1080px);margin:0 auto;padding:40px 0 72px;position:relative}.landing-shell{padding-top:32px}.locale-switch{justify-content:flex-end;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.locale-switch a{border:1px solid var(--hairline);border-radius:var(--radius-pill);background:var(--surface-soft);min-height:36px;color:var(--muted-strong);box-shadow:var(--shadow-sm);font-size:var(--text-sm);align-items:center;padding:0 14px;font-weight:700;line-height:1;display:inline-flex}.locale-switch a:hover{border-color:var(--hairline-strong);color:var(--primary);text-decoration:none}h1,h2,h3,p{overflow-wrap:break-word;word-break:keep-all}h1{max-width:16ch;margin:0 0 var(--space-4);color:var(--fg);font-size:var(--text-hero);letter-spacing:0;text-wrap:balance;font-weight:800;line-height:1.12}h3{margin:var(--space-7) 0 var(--space-3);color:var(--fg);font-size:var(--text-lg);letter-spacing:0;font-weight:700;line-height:1.33}.sub{max-width:58ch;margin:0 0 var(--space-6);color:var(--muted);font-size:var(--text-lg);line-height:1.55}.generator-layout,.result-hero{gap:var(--space-7);grid-template-columns:minmax(0,.96fr) minmax(360px,1.04fr);align-items:start;display:grid}.hero-copy{padding-top:var(--space-6)}.eyebrow{min-height:30px;margin:0 0 var(--space-3);padding:0 var(--space-3);border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--surface-elev);color:var(--primary);box-shadow:var(--shadow-sm);font-size:var(--text-xs);letter-spacing:0;align-items:center;font-weight:900;display:inline-flex}.flow-grid{gap:var(--space-2);margin-top:var(--space-7);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.flow-step{min-height:88px;padding:var(--space-3);border:1px solid var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#ffffffb8}.flow-step strong,.form-title,.preview-title{color:var(--fg);font-size:var(--text-sm);font-weight:900;line-height:1.35;display:block}.flow-step span,.form-subtitle,.preview-copy,.share-fallback span{margin-top:var(--space-1);color:var(--muted);font-size:var(--text-xs);font-weight:650;line-height:1.5;display:block}.form-head{gap:var(--space-3);grid-template-columns:auto 1fr;align-items:center;display:grid}.brand-mark{border-radius:var(--radius-md);background:linear-gradient(145deg, var(--primary), var(--accent));color:#fff;letter-spacing:0;width:44px;height:44px;box-shadow:var(--shadow-sm);place-items:center;font-weight:950;display:grid}.hint{color:var(--muted);font-size:var(--text-sm);line-height:1.43}.chat-form{gap:var(--space-4);padding:var(--space-6);border:1px solid var(--hairline);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--surface-elev), var(--surface-soft));box-shadow:var(--shadow-md);margin:0;display:grid;position:relative;overflow:hidden}.chat-form>*{position:relative}.chat-input{margin-top:var(--space-2)}textarea,select{border:1px solid var(--hairline);background:var(--canvas);width:100%;color:var(--fg);box-shadow:inset 0 1px #ffffffa6}textarea{resize:vertical;border-radius:var(--radius-md);min-height:238px;font-size:var(--text-md);overflow-wrap:break-word;padding:12px;line-height:1.55}textarea::placeholder{color:var(--placeholder)}textarea:focus,select:focus{border-color:var(--hairline-strong);box-shadow:0 0 0 4px var(--ring), var(--shadow-focus-inset);outline:none}.form-hint{margin:0}.field-label{margin:var(--space-1) 0 calc(var(--space-2) * -1);color:var(--muted-strong);font-size:var(--text-sm);font-weight:700;line-height:1.43;display:block}select{border-radius:var(--radius-sm);appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted-strong) 50%), linear-gradient(135deg, var(--muted-strong) 50%, transparent 50%), linear-gradient(180deg, var(--canvas), var(--surface-tint));cursor:pointer;background-position:calc(100% - 22px) 20px,calc(100% - 16px) 20px,0 0;background-repeat:no-repeat;background-size:6px 6px,6px 6px,100% 100%;min-height:48px;padding:0 44px 0 12px}.form-error{color:var(--error);font-size:var(--text-sm);margin:0;font-weight:700;line-height:1.43}.btn{border-radius:var(--radius-pill);background:var(--primary);max-width:100%;min-height:52px;color:var(--accent-contrast);box-shadow:var(--shadow-sm);cursor:pointer;font-size:var(--text-md);text-align:center;white-space:normal;border:1px solid #0000;justify-content:center;align-items:center;padding:14px 22px;font-weight:800;line-height:1.38;display:inline-flex}.btn:hover{background:var(--primary-press);color:var(--accent-contrast);text-decoration:none}.btn:active{background:var(--primary-press);box-shadow:var(--shadow-focus-inset)}.btn:disabled{background:var(--primary-tint);color:var(--muted-strong);box-shadow:none;cursor:default;opacity:.64}.btn-secondary{border-color:var(--hairline-strong);background:var(--canvas-lavender);color:var(--fg);box-shadow:none}.btn-secondary:hover{border-color:var(--primary);background:var(--canvas);color:var(--primary)}.btn-share{margin-right:var(--space-2)}.card{margin:var(--space-5) 0;padding:var(--space-7);border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--surface-elev);box-shadow:var(--shadow-sm);white-space:pre-wrap;line-height:1.55;position:relative;overflow:hidden}.card:before{background:linear-gradient(90deg, var(--primary), var(--accent));content:"";pointer-events:none;height:4px;position:absolute;inset:0 0 auto}.score-badge{align-items:baseline;gap:var(--space-3);margin:var(--space-4) 0;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--accent-soft);border:1px solid var(--border);word-break:keep-all;display:flex}.score-badge-num{color:var(--primary);font-size:2.6rem;font-weight:800;line-height:1}.score-badge-unit{color:var(--muted-strong);margin-left:2px;font-size:1.1rem;font-weight:700}.score-badge-grade{font-size:var(--text-md);color:var(--fg);font-weight:700}.section-title{padding-left:var(--space-3);border-left:4px solid var(--primary)}.brutal-card{min-height:150px}.ad-slot{margin:var(--space-5) 0;min-height:1px;display:block}.blur{filter:blur(7px)saturate(.9);opacity:.62;pointer-events:none;-webkit-user-select:none;user-select:none}.locked-preview{max-height:220px}.skeleton-line{border-radius:var(--radius-sm);background:var(--muted);opacity:.4;height:.85em;margin:.55em 0}.skeleton-gap{height:.85em}.paywall{margin:var(--space-5) 0 var(--space-7);padding:var(--space-8) var(--space-7);border:1px solid var(--primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--on-aubergine);text-align:center;background:linear-gradient(135deg,#2a2724,#3d3833);position:relative;overflow:hidden}.paywall:before{border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff2e}.paywall>*{position:relative}.paywall h3{color:var(--on-aubergine);font-size:var(--text-xl);margin-top:0;line-height:1.25}.paywall .sub{margin:0 auto var(--space-6);color:var(--on-aubergine-mute)}.persona-row{gap:var(--space-2);margin:var(--space-3) 0 var(--space-5);flex-wrap:wrap;display:flex}.persona-row button{border:1px solid var(--hairline);border-radius:var(--radius-pill);background:var(--canvas);min-height:44px;color:var(--muted-strong);box-shadow:none;cursor:pointer;font-size:var(--text-sm);padding:10px 18px;font-weight:700;line-height:1}.persona-row button:hover{border-color:var(--hairline-strong);color:var(--primary)}.persona-row button[aria-pressed=true]{border-color:var(--primary);background:var(--canvas-lavender);color:var(--primary);box-shadow:var(--shadow-focus-inset)}.persona-row button:disabled{cursor:default;opacity:.58}.legal{margin-top:var(--space-8);color:var(--muted);font-size:var(--text-xs);line-height:1.7}.legal a{color:var(--muted-strong);font-weight:700}.legal a:hover{color:var(--link-hover)}.site-cards{margin-top:var(--space-8)}.site-cards-portal{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--surface-elev);flex-wrap:wrap;display:flex}.site-cards-portal span{align-items:center;gap:var(--space-2);min-width:0;color:var(--muted);font-size:var(--text-sm);font-weight:700;display:flex}.site-cards-portal strong{color:var(--muted-strong);font-weight:900}.site-cards-portal a{border:1px solid var(--hairline);border-radius:var(--radius-sm);color:var(--muted-strong);font-size:var(--text-sm);flex:none;padding:8px 11px;font-weight:900;text-decoration:none}.site-cards-head{justify-content:space-between;align-items:end;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.site-cards-h{color:var(--muted-strong);font-size:var(--text-xl);margin:0;font-weight:900;line-height:1.25}.site-cards-all{color:var(--muted-strong);font-size:var(--text-sm);flex:none;font-weight:800}.site-cards-grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.site-card{gap:var(--space-2);min-height:128px;padding:var(--space-5);border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--surface-elev);box-shadow:none;grid-template-columns:auto 1fr;text-decoration:none;display:grid}.site-card:hover{border-color:var(--hairline-strong);box-shadow:var(--shadow-sm);text-decoration:none}.site-card-emoji{grid-row:span 2;font-size:1.45rem;line-height:1}.site-card-name{color:var(--fg);font-weight:800}.site-card-desc{color:var(--muted);font-size:var(--text-xs);line-height:1.43}.site-card-arrow{color:var(--primary);font-size:var(--text-xs);grid-column:2;place-self:end;font-weight:900}.result-shell{width:min(100% - 32px,880px)}.result-hero{align-items:end;gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:minmax(0,1fr) auto}.result-hero h1{margin-bottom:0}.result-stage{gap:var(--space-5);display:grid}.result-card{font-size:var(--text-md)}.result-card .section-title{margin-top:0}.result-card p{margin:var(--space-4) 0 0}.result-actions{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;align-items:center;display:flex}.share-fallback{gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--hairline);border-radius:var(--radius-md);background:#ffffffb8;display:grid}.share-url{width:100%;min-height:42px;padding:0 var(--space-3);border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--canvas);color:var(--muted-strong);font-size:var(--text-sm)}table{color:var(--fg)}th{color:var(--muted-strong)}@supports ((-webkit-backdrop-filter:blur(18px)) or (backdrop-filter:blur(18px))){.locale-switch a,.chat-form,.card,.paywall,.site-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}}@media (prefers-reduced-motion:no-preference){a,textarea,select,.btn,.card,.site-card,.persona-row button,.locale-switch a{transition:border-color .18s,box-shadow .18s,color .18s,background .18s,transform .18s,opacity .18s}.btn:not(:disabled):hover,.persona-row button:not(:disabled):hover,.site-card:hover,.locale-switch a:hover{transform:translateY(-2px)}.btn:not(:disabled):active,.persona-row button:not(:disabled):active{transform:translateY(0)}.chat-form:focus-within,.card:hover{transform:translateY(-1px)}}@media (max-width:900px){.generator-layout,.result-hero{grid-template-columns:1fr}.site-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.wrap{width:min(100% - 24px,720px);padding-top:32px;padding-bottom:48px}.locale-switch{justify-content:flex-start}.flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-form,.card,.paywall{border-radius:var(--radius-lg)}.chat-form{padding:var(--space-5)}textarea{min-height:220px}.paywall{padding:var(--space-7) var(--space-5)}.result-shell>.btn{width:100%;margin-bottom:var(--space-2)}.result-actions .btn,.result-actions a{width:100%}.btn-share{margin-right:0}}.faq{margin:var(--space-7) 0 var(--space-6)}.faq-heading{margin:0 0 var(--space-4);font-size:var(--text-xl);word-break:keep-all;font-weight:700;line-height:1.33}.faq-item{margin:0 0 var(--space-3);padding:var(--space-4) var(--space-5);border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--surface-elev)}.faq-q{cursor:pointer;font-size:var(--text-md);color:var(--fg);word-break:keep-all;font-weight:600;line-height:1.43}.faq-a{margin:var(--space-3) 0 0;color:var(--muted);font-size:var(--text-sm);word-break:keep-all;line-height:1.6}:root{--font-serif-kr:"Noto Serif KR", "Noto Serif CJK KR", AppleMyungjo, Batang, 바탕, "Songti SC", "Hiragino Mincho ProN", ui-serif, Georgia, serif}h1,h2{font-family:var(--font-serif-kr);letter-spacing:-.02em;font-weight:700!important}#ootssu-recommendations-title{color:var(--color-ink,#1a1a18)!important}#ootssu-recommendations-title~a{color:var(--color-ink-soft,#4d4a46)!important}:lang(ja),:lang(zh),:lang(zh-Hans),:lang(zh-Hant){word-break:normal;overflow-wrap:anywhere;line-break:normal}