:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg:#efede6;--paper:#f6f5f0;--paper-warm:#f2ece0;--ink:#1a1a18;--muted:#5c5954;--muted-strong:#4d4a46;--line:#d8d5ca;--line-soft:#e5e2d8;--accent:#b2392a;--accent-deep:#8d2d21;--accent-soft:#f2e6e2;--blue:#3f6a94;--green:#4e7d63;--shadow:0 18px 60px #12141714;--shadow-soft:0 10px 28px #1214170f;--radius-card:8px;--radius-control:8px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:44px;--space-9:64px}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{background:linear-gradient(180deg, #fff 0%, var(--bg) 42%, #fff 100%);min-height:100vh;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;word-break:keep-all;margin:0;overflow-x:hidden}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}a:hover{color:var(--accent-deep)}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:3px}button,textarea{font:inherit}button{letter-spacing:0}h1,h2,h3,p{margin-top:0}h1{margin-bottom:var(--space-5);color:var(--ink);letter-spacing:0;text-wrap:balance;font-size:4.25rem;font-weight:900;line-height:.96}h2{margin-bottom:var(--space-3);letter-spacing:0;font-size:1.75rem;font-weight:850;line-height:1.1}h3{margin:var(--space-7) 0 var(--space-3);letter-spacing:0;font-size:1.25rem;font-weight:800;line-height:1.2}.app-shell,.wrap{width:min(1120px,100% - 40px);padding:var(--space-7) 0 var(--space-9);margin:0 auto}.wrap{max-width:860px}.site-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-2) 0 var(--space-7);display:flex}.brand{align-items:center;gap:var(--space-3);color:var(--ink);font-size:1rem;font-weight:900;display:inline-flex}.brand-mark{background:var(--ink);border-radius:8px;place-items:center;width:38px;height:38px;display:inline-grid;position:relative;overflow:hidden;box-shadow:inset 0 -8px 18px #f2552c5c}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";display:block;position:absolute}.brand-mark:before{background:var(--accent);border-radius:12px 12px 12px 2px;width:15px;height:23px;transform:rotate(28deg)translate(2px,1px)}.brand-mark:after{background:#ffb020;border-radius:10px 10px 10px 2px;width:10px;height:16px;transform:rotate(28deg)translateY(4px)}.brand-mark span{opacity:.92;z-index:1;background:#fff;border-radius:8px 8px 8px 2px;width:5px;height:9px;transform:rotate(28deg)translate(-1px,6px)}.header-links{align-items:center;gap:var(--space-4);color:var(--muted);font-size:.875rem;font-weight:750;display:flex}.hero-grid{gap:var(--space-8);padding:var(--space-6) 0 var(--space-8);grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);align-items:start;display:grid}.hero-copy{padding-top:var(--space-5)}.sub{max-width:62ch;margin-bottom:var(--space-6);color:var(--muted);font-size:1.075rem;font-weight:500;line-height:1.65}.flow-list{gap:var(--space-3);max-width:560px;display:grid}.flow-item{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line-soft);border-radius:var(--radius-card);background:#ffffffb8;grid-template-columns:42px 120px 1fr;align-items:center;display:grid}.flow-item span{background:var(--ink);color:#fff;border-radius:var(--radius-pill);place-items:center;width:30px;height:30px;font-size:.82rem;font-weight:900;display:grid}.flow-item strong{font-size:.95rem;font-weight:850}.flow-item p{color:var(--muted);margin:0;font-size:.9rem;font-weight:550;line-height:1.45}.generator-panel,.result-card,.share-panel,.preview-card,.card{border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow);background:#ffffffeb}.generator-panel{padding:var(--space-4);position:relative}.generator-panel:before{content:"";background:linear-gradient(90deg, var(--accent), #ffb020, var(--blue));border-radius:var(--radius-pill);height:5px;position:absolute;inset:12px 12px auto}.generator-form{gap:var(--space-5);padding:var(--space-7) var(--space-5) var(--space-5);display:grid}.field-stack{gap:var(--space-2);display:grid}.field-stack label,.persona-picker legend{color:var(--muted-strong);font-size:.83rem;font-weight:850}textarea{width:100%;min-height:260px;padding:var(--space-5);resize:vertical;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-control);caret-color:var(--accent);word-break:normal;background:#fbfdff;font-size:1rem;line-height:1.55;transition:background-color .15s,border-color .15s,box-shadow .15s}textarea::placeholder{color:#7b8798;opacity:.85}textarea:hover{border-color:#b8c4d4}textarea:focus{border-color:var(--blue);background:#fff;outline:none;box-shadow:0 0 0 5px #2563eb1f}.hint{color:var(--muted);margin:0;font-size:.875rem;font-weight:560;line-height:1.55}.persona-picker{gap:var(--space-3);border:0;min-width:0;margin:0;padding:0;display:grid}.persona-teaser-row,.persona-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.persona-chip,.persona-row button{justify-content:center;align-items:center;gap:var(--space-2);min-height:38px;color:var(--muted-strong);border:1px solid var(--line);border-radius:var(--radius-pill);cursor:pointer;background:#fff;padding:9px 12px;font-size:.875rem;font-weight:800;line-height:1.2;transition:background-color .15s,border-color .15s,color .15s,transform .12s;display:inline-flex}.persona-chip:hover,.persona-row button:hover:not(:disabled){color:var(--ink);border-color:#b8c4d4}.persona-chip[aria-pressed=true],.persona-row button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.persona-row button:disabled{cursor:default;opacity:.55}.form-error{padding:var(--space-3);color:var(--accent-deep);border-radius:var(--radius-control);background:#fff1f2;border:1px solid #fecdd3;margin:0;font-size:.92rem;font-weight:750}.btn,.share-button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);cursor:pointer;text-align:center;border:1px solid #0000;min-height:44px;padding:11px 18px;font-size:.95rem;font-weight:850;line-height:1.2;transition:background-color .15s,border-color .15s,color .15s,opacity .15s,transform .12s;display:inline-flex}.btn svg,.share-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.btn-primary,.share-button{background:var(--ink);color:#fff;box-shadow:0 10px 24px #12141729}.btn-primary:hover,.share-button:hover{color:#fff;background:#2a2f38}.btn-small{min-height:38px;color:var(--ink);border-color:var(--line);box-shadow:none;background:#fff;padding:9px 14px}.btn-small:hover{color:var(--accent-deep);border-color:#b8c4d4}.btn:active,.share-button:active,.persona-chip:active,.persona-row button:active:not(:disabled){transform:translateY(1px)scale(.99)}.btn:disabled,.share-button:disabled{cursor:default;opacity:.5;transform:none}.preview-section{gap:var(--space-7);padding:var(--space-7) 0;border-top:1px solid var(--line-soft);grid-template-columns:.8fr 1.2fr;align-items:start;display:grid}.section-heading p{max-width:44ch;color:var(--muted);margin-bottom:0;font-size:.98rem;font-weight:560;line-height:1.6}.preview-card{padding:var(--space-6);box-shadow:var(--shadow-soft)}.preview-topline{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);color:var(--muted);flex-wrap:wrap;font-size:.9rem;font-weight:760;display:flex}.preview-topline strong{color:var(--accent-deep)}.severity-dot{background:var(--accent);border-radius:var(--radius-pill);width:12px;height:12px;box-shadow:0 0 0 5px var(--accent-soft)}.preview-card p{margin-bottom:var(--space-5);color:var(--ink);font-size:1.2rem;font-weight:780;line-height:1.5}.preview-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.preview-actions span{background:var(--line-soft);color:var(--muted-strong);border-radius:var(--radius-pill);padding:8px 11px;font-size:.82rem;font-weight:820}.ad-slot{min-height:96px;margin:var(--space-5) 0;border-radius:var(--radius-card);color:var(--muted);background:#ffffff9e;border:1px dashed #c7d2e1;place-items:center;font-size:.75rem;font-weight:800;display:grid}.site-cards{margin-top:var(--space-7);padding-top:var(--space-7);border-top:1px solid var(--line-soft)}.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(--line-soft);border-radius:var(--radius-card);background:var(--surface);flex-wrap:wrap;display:flex}.site-cards-portal span{align-items:center;gap:var(--space-2);min-width:0;color:var(--muted);font-size:.85rem;font-weight:750;display:flex}.site-cards-portal strong{color:var(--ink);font-weight:900}.site-cards-portal a{border:1px solid var(--line-soft);border-radius:var(--radius-pill);color:var(--muted-strong);flex:none;padding:8px 11px;font-size:.85rem;font-weight:850;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,.faq-h{color:var(--ink);letter-spacing:0;margin:0;font-size:1.35rem;font-weight:900;line-height:1.2}.site-cards-all{align-items:center;gap:var(--space-1);color:var(--muted-strong);white-space:nowrap;font-size:.85rem;font-weight:850;display:inline-flex}.site-cards-all svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.site-cards-grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.site-card{gap:var(--space-3);min-height:132px;padding:var(--space-4);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);background:#fff;grid-template-columns:44px 1fr;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid}.site-card:hover{color:var(--ink);border-color:#b8c4d4;transform:translateY(-2px);box-shadow:0 14px 34px #12141717}.site-card-emoji{background:var(--paper-warm);border:1px solid var(--accent-soft);border-radius:var(--radius-card);place-items:center;width:44px;height:44px;font-size:1.35rem;line-height:1;display:grid}.site-card-copy{min-width:0}.site-card-name{margin-bottom:var(--space-1);color:var(--ink);font-size:.96rem;font-weight:900;line-height:1.25;display:block}.site-card-desc{color:var(--muted);font-size:.82rem;font-weight:580;line-height:1.45;display:block}.faq{margin-top:var(--space-8)}.faq details{border-top:1px solid var(--line);padding:var(--space-4) 0}.faq details:last-of-type{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;color:var(--ink);font-size:1rem;font-weight:850;line-height:1.5;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq details[open] summary{color:var(--accent-deep)}.faq p{margin:var(--space-2) 0 0;max-width:76ch;color:var(--muted);font-size:.95rem;font-weight:560;line-height:1.65}.legal{gap:var(--space-4);margin-top:var(--space-8);color:var(--muted);flex-wrap:wrap;font-size:.88rem;font-weight:760;display:flex}.legal a{color:var(--muted)}.legal a:hover{color:var(--accent-deep)}.card{margin:var(--space-5) 0;padding:var(--space-5);color:var(--ink);white-space:pre-wrap;line-height:1.6}.result-shell{max-width:1160px}.result-hero{gap:var(--space-6);padding:var(--space-5) 0 var(--space-7);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.severity-badge{gap:var(--space-2);min-width:220px;padding:var(--space-4);border:1px solid var(--line);border-left:6px solid var(--severity-accent,var(--accent));border-radius:var(--radius-card);box-shadow:var(--shadow-soft);background:#fff;display:grid}.severity-flames{color:var(--severity-accent,var(--accent));letter-spacing:0;font-size:1.6rem;line-height:1}.severity-label{color:var(--severity-accent,var(--accent));letter-spacing:0;font-size:1.05rem;font-weight:950;line-height:1.2}.result-grid{gap:var(--space-5);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.result-main{gap:var(--space-4);display:grid}.result-card{padding:var(--space-5)}.card-heading{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.card-heading span{color:var(--muted);font-size:.82rem;font-weight:850}.card-heading strong{color:var(--ink);font-size:1.25rem;font-weight:900;line-height:1.2}.roast-copy{color:var(--ink);white-space:pre-wrap;font-size:1.08rem;font-weight:620;line-height:1.7}.roast-copy-strong{min-height:180px}.blur{filter:blur(7px);opacity:.62;pointer-events:none;-webkit-user-select:none;user-select:none}.skeleton{gap:var(--space-5);display:grid}.skeleton-para{gap:var(--space-3);display:grid}.skeleton-line{border-radius:var(--radius-pill);background:#ccd6e2;height:13px}.paywall{padding:var(--space-5);background:var(--paper-warm);color:var(--ink);border:1px solid var(--accent-soft);border-radius:var(--radius-card);margin:0}.paywall h2{margin-bottom:var(--space-2)}.paywall .sub{margin-bottom:var(--space-5)}.share-panel{top:var(--space-5);gap:var(--space-4);padding:var(--space-5);box-shadow:var(--shadow-soft);display:grid;position:sticky}.share-panel h2{margin-bottom:var(--space-2);font-size:1.35rem}.share-panel p{color:var(--muted);margin-bottom:0;font-size:.92rem;font-weight:580;line-height:1.55}.share-actions{gap:var(--space-2);display:grid}.share-button{width:100%}.share-button-secondary{color:var(--ink);border-color:var(--line);box-shadow:none;background:#fff}.share-button-secondary:hover{color:var(--ink);background:#f8fafc}.share-button-line{background:var(--green)}.share-button-line:hover{background:#0b7f59}.share-button-kakao{color:#191600;box-shadow:none;background:#fee500}.share-button-kakao:hover{color:#191600;background:#f3d900}table{width:100%;color:var(--ink);border-collapse:collapse}th{font-weight:850}td,th{border-bottom:1px solid var(--line-soft)}@media (max-width:960px){h1{font-size:3.35rem}.hero-grid,.preview-section,.result-grid{grid-template-columns:1fr}.hero-copy{padding-top:0}.share-panel{position:static}.site-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){body{background:#fff}h1{font-size:2.65rem}h2{font-size:1.45rem}.app-shell,.wrap{width:min(100% - 28px,1120px);padding:var(--space-5) 0 var(--space-8)}.site-header,.site-cards-head,.result-hero{flex-direction:column;align-items:start}.site-header{gap:var(--space-3)}.header-links{justify-content:flex-start;width:auto}.hero-grid{padding-top:var(--space-3);gap:var(--space-5)}.flow-item{grid-template-columns:34px 1fr}.flow-item p{grid-column:2}.generator-panel{padding:var(--space-3)}.generator-form{padding:var(--space-6) var(--space-2) var(--space-2)}textarea{min-height:230px;padding:var(--space-4)}.btn-primary{width:100%}.preview-section{padding:var(--space-5) 0}.site-cards-grid{grid-template-columns:1fr}.site-card{min-height:118px}.result-hero{gap:var(--space-4);display:grid}.severity-badge{width:100%;min-width:0}.result-card,.share-panel,.preview-card,.card,.paywall{padding:var(--space-4)}.legal{gap:var(--space-3)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.btn:active,.share-button:active,.persona-chip:active,.persona-row button:active:not(:disabled){transform:none}}: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}