@font-face{font-family:pretendard;src:url(../media/PretendardVariable-s.p.0ztvx5mb7lxp4.woff2)format("woff2");font-display:swap;font-weight:45 920}@font-face{font-family:pretendard Fallback;src:local(Arial);ascent-override:93.76%;descent-override:23.75%;line-gap-override:0.0%;size-adjust:101.55%}.pretendard_cabb3822-module__9SKmUq__className{font-family:pretendard,pretendard Fallback}.pretendard_cabb3822-module__9SKmUq__variable{--font-pretendard:"pretendard", "pretendard Fallback"}
:root{--bg:#17140f;--panel:#1f1b15;--panel-2:#262019;--line:#3a3226;--ink:#f2ece0;--muted:#9c927e;--accent:#eb1e7a;--accent-ink:#fff;--accent-soft:#eb1e7a29;--meta:#7c8ba1;--meta-soft:#7c8ba129;--shadow:0 1px 2px #00000059, 0 24px 48px -22px #0009}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-pretendard), -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{flex-direction:column;min-height:100%;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.topbar-title{letter-spacing:-.01em;font-size:16px;font-weight:800}.nav-switcher{position:relative}.nav-trigger{color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:7px;align-items:center;gap:6px;padding:6px 11px;font-size:14.5px;font-weight:700;display:flex}.nav-trigger .dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.nav-trigger .chevron{color:var(--muted);margin-left:1px;font-size:11px}.nav-menu{z-index:20;background:var(--panel);border:1px solid var(--line);min-width:200px;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:4px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.nav-menu-item{color:var(--muted);border-radius:7px;padding:9px 10px;font-size:14.5px;display:block}.nav-menu-item.current{background:var(--accent-soft);color:var(--ink);font-weight:700}.nav-menu-item:not(.current):hover{background:var(--panel-2);color:var(--ink)}.page-main{flex-direction:column;flex:1;gap:24px;width:100%;max-width:1180px;margin:0 auto;padding:32px 24px 64px;display:flex}.page-title{letter-spacing:-.01em;font-size:clamp(24px,3vw,32px);font-weight:800}.beta-badge{vertical-align:middle;letter-spacing:.02em;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.page-lede{color:var(--muted);font-size:15.5px;line-height:1.6}.layout-2col{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;flex:none;gap:18px;width:360px;padding:20px;display:flex}.result-panel{flex-direction:column;flex:1;gap:14px;min-width:320px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field-label{align-items:baseline;gap:6px;font-size:14.5px;font-weight:700;display:flex}.field-label .opt{color:var(--muted);font-size:12.5px;font-weight:500}.field-label .req{color:var(--accent);font-size:12.5px;font-weight:700}.field-hint{color:var(--muted);font-size:13px;line-height:1.5}.chip-grid{flex-wrap:wrap;gap:7px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:7px;align-items:center;gap:5px;padding:8px 11px;font-size:14px;font-weight:600;display:flex}.chip.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.chip:disabled{opacity:.4;cursor:not-allowed}.textarea,.text-input{border:1px solid var(--line);background:var(--panel-2);width:100%;color:var(--ink);border-radius:8px;padding:10px 11px;font-family:inherit;font-size:14.5px;line-height:1.55}.textarea{resize:vertical;min-height:56px}.text-input.small{padding:8px 9px;font-size:13.5px}.textarea::placeholder,.text-input::placeholder{color:var(--muted)}.btn-primary{background:var(--accent);width:100%;color:var(--accent-ink);border:none;border-radius:10px;padding:13px;font-size:15.5px;font-weight:800}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{color:var(--accent);border:1px solid var(--line);background:0 0;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:700}.star-select{align-items:center;gap:2px;display:flex}.star-icon-btn{background:0 0;border:none;padding:4px;line-height:1}.star-icon{color:var(--line);font-size:26px;transition:color .1s,transform .1s;display:block}.star-icon.filled{color:var(--accent)}.star-icon-btn:hover .star-icon{transform:scale(1.1)}.star-select-value{color:var(--accent);margin-left:8px;font-size:13px;font-weight:700}.upload-box{border:1.5px dashed var(--line);text-align:center;background:var(--panel-2);color:var(--ink);border-radius:10px;flex-direction:column;gap:3px;padding:22px 14px;display:flex}.upload-box:hover{border-color:var(--accent)}.upload-title{font-size:14.5px;font-weight:700}.upload-sub,.upload-meta{color:var(--muted);font-size:12.5px}.upload-meta{margin-top:4px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.ai-preview{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:6px;padding:9px 10px;display:flex}.ai-preview-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.ai-preview-label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:11.5px;font-weight:700}.ai-preview-text{color:var(--ink);opacity:.9;font-size:13.5px;line-height:1.5}.metric-list{flex-direction:column;gap:8px;display:flex}.metric-row{align-items:flex-end;gap:8px;display:flex}.metric-field{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.metric-field-label{color:var(--muted);font-size:12px;font-weight:600}.metric-input-row{align-items:center;gap:6px;display:flex}.metric-input-row .text-input{flex:none;width:96px}.metric-input-row .text-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.metric-input-row .text-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.metric-input-row .text-input[type=number]{appearance:textfield}.metric-unit{color:var(--muted);white-space:nowrap;flex:none;font-size:13px;font-weight:600}.metric-remove{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);background:0 0;border-radius:6px;flex:none;font-size:15px}.metric-add{border:1px dashed var(--line);color:var(--muted);background:0 0;border-radius:7px;align-self:flex-start;padding:6px 12px;font-size:13px;font-weight:700}.result-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.result-context{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13.5px}.card-hint{color:var(--muted);font-size:12.5px}.result-card{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:11px;flex-direction:column;gap:8px;padding:16px;display:flex}.result-card:hover{border-color:var(--accent)}.format-badge{text-transform:uppercase;letter-spacing:.04em;background:var(--accent);color:var(--accent-ink);border-radius:5px;align-self:flex-start;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11.5px;font-weight:800}.speaker-persona{color:var(--muted);font-size:12.5px;font-style:italic}.hook-block{flex-direction:column;gap:6px;display:flex}.hook-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:11.5px;font-weight:800}.hook-line{letter-spacing:-.01em;font-size:19px;font-weight:800;line-height:1.42}.hook-rationale{color:var(--muted);font-size:12.5px;line-height:1.5}.rationale-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border:1px solid var(--line);border-radius:4px;margin-right:6px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.card-expand-hint{color:var(--muted);align-self:flex-end;margin-top:4px;font-size:12px}.ref-card-bottom{align-items:center;gap:8px;margin-top:4px;display:flex}.ref-card-bottom>.card-expand-hint{margin-top:0;margin-left:auto}.btn-ghost.danger{color:#e5645f;border-color:#e5645f66}.loading-box{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:200px;display:flex}.loading-box p{color:var(--muted);font-size:14.5px}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.modal-overlay{z-index:50;background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);width:100%;max-width:520px;max-height:85vh;box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:16px;padding:20px;display:flex;overflow-y:auto}.modal-top{justify-content:space-between;align-items:center;display:flex}.modal-close{color:var(--muted);background:0 0;border:none;font-size:22px;line-height:1}.modal-section{flex-direction:column;gap:6px;display:flex}.modal-section+.modal-section{border-top:1px solid var(--line);padding-top:14px}.modal-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:12px;font-weight:700}.modal-format-desc{color:var(--ink);opacity:.9;font-size:14.5px;line-height:1.6}.modal-bullet-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.modal-bullet-list li{color:var(--ink);opacity:.9;font-size:14.5px;line-height:1.55}.modal-bullet-list li b{opacity:1;font-weight:700}.modal-answer{background:var(--accent-soft);border:1px solid #eb1e7a59;border-radius:10px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.modal-answer-label{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);font-size:11.5px;font-weight:800}.modal-answer-text{color:var(--ink);margin:0;font-size:15px;line-height:1.65}.script-flow{flex-direction:column;display:flex}.script-step{gap:10px;padding:8px 0;display:flex;position:relative}.script-step:not(:last-child):after{content:"";background:var(--line);width:1px;position:absolute;top:30px;bottom:-8px;left:10px}.script-step .dot{background:var(--panel-2);border:1px solid var(--line);width:20px;height:20px;color:var(--muted);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:1px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:700;display:flex}.script-step.hook .dot{background:var(--accent);border-color:var(--accent);color:#fff}.script-step .content{flex-direction:column;gap:2px;min-width:0;display:flex}.stage-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:11.5px;font-weight:700}.script-step.hook .stage-label{color:var(--accent)}.stage-text{font-size:14.5px;line-height:1.45}.inline-error{color:var(--accent);margin-top:8px;font-size:13px}.script-step.hook .stage-text{letter-spacing:-.01em;font-size:17px;font-weight:800}.ref-list{flex-direction:column;gap:12px;display:flex}.ref-list-header{justify-content:space-between;align-items:baseline;display:flex}.ref-count{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.ref-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:6px;padding:14px;display:flex}.ref-card-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.ref-hook{letter-spacing:-.01em;font-size:16px;font-weight:800;line-height:1.35}.ref-author{color:var(--muted);white-space:nowrap;flex:none;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.ref-format-row{align-items:center;gap:6px;display:flex}.ref-format{color:var(--muted);font-size:12.5px;font-weight:600}.ref-rating{color:var(--accent);letter-spacing:.02em;margin-left:auto;font-size:12.5px;font-weight:700}.ref-stats{flex-wrap:wrap;gap:6px;display:flex}.ref-stat{color:var(--accent);background:var(--accent-soft);border-radius:6px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:700}.ref-note-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:11px;font-weight:700}.ref-note{color:var(--muted);font-size:13.5px;line-height:1.5}.ref-dev-point{color:var(--ink);opacity:.85;background:var(--panel-2);border-left:2px solid var(--accent);border-radius:0 6px 6px 0;padding:6px 9px;font-size:13px;line-height:1.5}.ref-tags{flex-wrap:wrap;gap:6px;display:flex}.ref-tag{color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11.5px}@media (max-width:760px){.panel{width:100%}}.days-badge{font-variant-numeric:tabular-nums;color:var(--ink);background:var(--meta-soft);border:1px solid #7c8ba159;border-radius:5px;padding:2px 7px}.source-badge{letter-spacing:.02em;color:var(--meta);background:var(--meta-soft);white-space:nowrap;border:1px solid #7c8ba166;border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:10.5px}.login-shell{justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex}.login-card{background:var(--panel);border:1px solid var(--line);width:100%;max-width:360px;box-shadow:var(--shadow);border-radius:14px;flex-direction:column;align-items:flex-start;gap:10px;padding:28px;display:flex}.login-eyebrow{letter-spacing:.05em;color:var(--accent);text-transform:uppercase;font-size:13px;font-weight:700}.login-title{letter-spacing:-.01em;font-size:22px;font-weight:800}.login-lede{color:var(--muted);margin-bottom:6px;font-size:14.5px;line-height:1.6}.login-error{color:var(--accent);background:var(--accent-soft);border-radius:8px;width:100%;padding:8px 10px;font-size:14px}.topbar-right{align-items:center;gap:14px;display:flex}.account-badge{align-items:center;gap:8px;display:flex}.account-email{color:var(--muted);font-size:13px;font-weight:600}.admin-toggle.active{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}