*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:#e8eaf2;min-height:100vh}:root{--bg:#e8eaf2;--surface:#fff;--card-bg:#fff;--card-radius:24px;--card-shadow:0 8px 32px #50508c1a, 0 1.5px 6px #50508c0f;--card-shadow-hover:0 16px 48px #50508c2e, 0 4px 16px #50508c1a;--accent:#7b61ff;--accent2:#f5a623;--text-primary:#1a1a2e;--text-secondary:#6b7280;--text-muted:#a0aec0;--btn-radius:14px;--tag-bg:#f0efff;--tag-active-bg:#7b61ff;--tag-active-color:#fff;--result-bg:#f7f7fb;--border:#ededf7;--history-bg:#f0efff;--history-color:#7b61ff;--footer-color:#a0aec0;font-family:Inter,Segoe UI,system-ui,sans-serif}.app{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.site-header{text-align:center;padding:48px 24px 24px}.header-inner{flex-direction:column;align-items:center;gap:10px;display:inline-flex}.logo{align-items:center;gap:10px;display:flex}.logo-icon{font-size:2.2rem}.logo-text{letter-spacing:-1.5px;background:linear-gradient(135deg,#7b61ff 0%,#f5a623 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.4rem;font-weight:800}.tagline{color:var(--text-secondary);max-width:480px;font-size:1rem;line-height:1.6}.card-grid-wrapper{flex:1;padding:8px 28px 56px}.card-grid{align-items:flex-start;gap:24px;max-width:1320px;margin:0 auto;display:flex}.card-column{flex-direction:column;flex:1;gap:24px;min-width:0;display:flex}.card-grid-item{width:100%}.generator-card{background:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--card-shadow);border:1.5px solid var(--border);flex-direction:column;gap:16px;width:100%;padding:28px 28px 24px;transition:box-shadow .25s,transform .25s;display:flex}.generator-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-3px)}.card-icon{background:linear-gradient(135deg,#f0efff 0%,#e8eaf2 100%);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:2.2rem;display:flex;box-shadow:0 2px 8px #7b61ff1a}.card-title{color:var(--text-primary);letter-spacing:-.3px;font-size:1.18rem;font-weight:700;line-height:1.3}.card-subtitle{color:var(--text-secondary);margin-top:-8px;font-size:.875rem;line-height:1.5}.options-row{flex-wrap:wrap;gap:8px;display:flex}.tag-btn{background:var(--tag-bg);color:var(--accent);cursor:pointer;border:1.5px solid #0000;border-radius:999px;padding:5px 14px;font-size:.8rem;font-weight:600;transition:background .18s,color .18s,border-color .18s,transform .15s}.tag-btn:hover{background:#e5e3ff;transform:scale(1.04)}.tag-btn.active{background:var(--tag-active-bg);color:var(--tag-active-color);border-color:var(--accent);box-shadow:0 2px 10px #7b61ff40}.result-box{background:var(--result-bg);border:1.5px solid var(--border);border-radius:16px;justify-content:center;align-items:center;min-height:72px;padding:16px 20px;transition:border-color .2s,background .2s;display:flex}.result-box.has-result{background:#faf9ff;border-color:#c4b8ff}.result-box--tall{align-items:flex-start;min-height:112px}.result-box--scroll{align-items:flex-start;min-height:112px;max-height:380px;overflow-y:auto}.result-text{color:var(--accent);text-align:center;word-break:break-word;width:100%;font-size:1.4rem;font-weight:700;animation:.22s cubic-bezier(.34,1.56,.64,1) pop-in}.result-text--small{color:var(--text-primary);text-align:left;font-size:.93rem;font-weight:500;line-height:1.65;animation:.2s fade-in}.placeholder-text{color:var(--text-muted);font-size:.875rem;font-style:italic}.generate-btn{border-radius:var(--btn-radius);color:#fff;cursor:pointer;letter-spacing:.2px;background:linear-gradient(135deg,#7b61ff 0%,#9b84ff 100%);border:none;width:100%;padding:13px 20px;font-size:.95rem;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 4px 18px #7b61ff4d}.generate-btn:hover{filter:brightness(1.06);transform:translateY(-2px)scale(1.015);box-shadow:0 8px 28px #7b61ff61}.generate-btn:active{transform:scale(.98);box-shadow:0 2px 10px #7b61ff38}.history{flex-wrap:wrap;gap:6px;display:flex}.history-chip{background:var(--history-bg);color:var(--history-color);cursor:pointer;border:1px solid #d6d0ff;border-radius:999px;padding:3px 12px;font-size:.78rem;font-weight:600;transition:background .15s,transform .12s}.history-chip:hover{background:#ddd8ff;transform:scale(1.05)}.disclaimer{color:var(--text-muted);text-align:center;margin-top:-4px;font-size:.76rem}.site-footer{text-align:center;color:var(--footer-color);border-top:1.5px solid var(--border);padding:24px;font-size:.85rem}.site-footer__disclaimer{opacity:.85;max-width:640px;margin-top:10px;margin-left:auto;margin-right:auto;font-size:.75rem;line-height:1.5}@keyframes pop-in{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.setup-banner{border-radius:12px;max-width:720px;margin:12px auto 0;padding:12px 20px;font-size:.88rem;line-height:1.6}.setup-banner code{background:#00000014;border-radius:5px;padding:1px 6px;font-size:.85em}.setup-banner a{color:inherit;font-weight:700}.setup-banner--warn{color:#92400e;background:#fffbeb;border:1.5px solid #fcd34d}.setup-banner--error{color:#991b1b;background:#fff1f2;border:1.5px solid #fca5a5}.generate-btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none!important;transform:none!important}.spinner{vertical-align:middle;border:2.5px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:.7s linear infinite spin;display:inline-block}.error-text{color:#ef4444;text-align:center;background:#fff1f1;border:1px solid #fecaca;border-radius:10px;padding:8px 12px;font-size:.82rem}.password-result-box{flex-direction:column;gap:4px;min-height:80px}.password-text{color:var(--accent);text-align:center;word-break:break-all;letter-spacing:.04em;width:100%;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:1.05rem;font-weight:700;animation:.22s cubic-bezier(.34,1.56,.64,1) pop-in}.password-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.strength-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:.76rem;font-weight:700}.strength--weak{color:#dc2626;background:#fff1f2;border:1.5px solid #fca5a5}.strength--good{color:#d97706;background:#fffbeb;border:1.5px solid #fcd34d}.strength--strong{color:#16a34a;background:#f0fdf4;border:1.5px solid #86efac}.pw-length{color:var(--text-muted);margin-left:auto;font-size:.8rem;font-weight:600}.copy-btn{border:1.5px solid var(--border);background:var(--tag-bg);color:var(--accent);cursor:pointer;border-radius:999px;padding:4px 14px;font-size:.8rem;font-weight:700;transition:background .15s,transform .12s}.copy-btn:hover{background:#e5e3ff;transform:scale(1.05)}.pw-options-row{flex-wrap:wrap;align-items:center;gap:14px;min-height:28px;display:flex}.pw-option-label{color:var(--text-secondary);flex-direction:column;flex:1;gap:4px;min-width:140px;font-size:.82rem;font-weight:600;display:flex}.pw-slider{width:100%;accent-color:var(--accent);cursor:pointer}.pw-toggle{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:flex}.pw-toggle input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:15px;height:15px}.domain-result-box{flex-direction:column;align-items:flex-start;min-height:180px;padding:12px 14px}.domain-list{flex-direction:column;gap:6px;width:100%;list-style:none;display:flex}.domain-item{background:var(--tag-bg);cursor:pointer;border:1.5px solid #0000;border-radius:10px;align-items:center;gap:0;padding:9px 13px;transition:background .15s,border-color .15s,transform .12s;animation:.18s both fade-in;display:flex}.domain-item:first-child{animation-delay:0s}.domain-item:nth-child(2){animation-delay:40ms}.domain-item:nth-child(3){animation-delay:80ms}.domain-item:nth-child(4){animation-delay:.12s}.domain-item:nth-child(5){animation-delay:.16s}.domain-item:nth-child(6){animation-delay:.2s}.domain-item:hover{background:#e5e3ff;border-color:#c4b8ff;transform:translate(3px)}.domain-name{color:var(--text-primary);letter-spacing:-.3px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.95rem;font-weight:800}.domain-tld{color:var(--accent);letter-spacing:-.3px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.95rem;font-weight:700}.domain-copy{opacity:.5;flex-shrink:0;margin-left:auto;font-size:.85rem;transition:opacity .15s}.domain-item:hover .domain-copy{opacity:1}.team-result-box{flex-direction:column;align-items:flex-start;min-height:180px;padding:12px 14px}.team-list{flex-direction:column;gap:6px;width:100%;list-style:none;display:flex}.team-item{background:var(--tag-bg);cursor:pointer;border:1.5px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;transition:background .15s,border-color .15s,transform .12s;animation:.18s both fade-in;display:flex}.team-item:first-child{animation-delay:0s}.team-item:nth-child(2){animation-delay:40ms}.team-item:nth-child(3){animation-delay:80ms}.team-item:nth-child(4){animation-delay:.12s}.team-item:nth-child(5){animation-delay:.16s}.team-item:nth-child(6){animation-delay:.2s}.team-item:hover{background:#e5e3ff;border-color:#c4b8ff;transform:translate(3px)}.team-item--picked{background:linear-gradient(135deg,#ede9ff,#f0efff);box-shadow:0 2px 10px #7b61ff2e;border-color:var(--accent)!important}.team-item-num{color:var(--text-muted);text-align:center;flex-shrink:0;width:16px;font-size:.72rem;font-weight:800}.team-item-name{color:var(--text-primary);flex:1;font-size:.92rem;font-weight:700;line-height:1.3}.team-item--picked .team-item-name{color:var(--accent)}.team-item-check{text-align:center;flex-shrink:0;width:18px;font-size:.85rem}.dnd-option-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:-6px;font-size:.72rem;font-weight:800}.dnd-result-box{flex-direction:column;align-items:flex-start;min-height:220px;padding:16px 18px}.dnd-sheet{flex-direction:column;gap:10px;width:100%;animation:.2s fade-in;display:flex}.dnd-name-line{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.dnd-name{color:var(--accent);letter-spacing:-.3px;font-size:1.35rem;font-weight:800}.dnd-badge{color:var(--accent);letter-spacing:.2px;white-space:nowrap;background:linear-gradient(135deg,#f0efff,#e8eaf2);border:1.5px solid #d6d0ff;border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:700}.dnd-background-line{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-top:-4px;font-size:.78rem;font-weight:600}.dnd-stats{grid-template-columns:repeat(6,1fr);gap:6px;margin:2px 0;display:grid}.dnd-stat{background:var(--tag-bg);border:1.5px solid var(--border);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 4px;display:flex}.dnd-stat-val{color:var(--text-primary);font-size:1.05rem;font-weight:800;line-height:1}.dnd-stat-name{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;font-size:.62rem;font-weight:700}.dnd-divider{background:var(--border);border-radius:2px;height:1.5px;margin:2px 0}.dnd-section{flex-direction:column;gap:2px;display:flex}.dnd-label{color:var(--accent);text-transform:uppercase;letter-spacing:1px;font-size:.68rem;font-weight:800}.dnd-body{color:var(--text-primary);font-size:.855rem;line-height:1.55}.tag-btn--sm{padding:4px 11px;font-size:.75rem}.char-result-box{flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:96px}.char-name-block{flex-direction:column;align-items:center;gap:2px;width:100%;animation:.22s cubic-bezier(.34,1.56,.64,1) pop-in;display:flex}.char-meaning{color:var(--text-muted);text-align:center;margin-top:4px;font-size:.8rem;font-style:italic}.slogan-topic-row{gap:8px;display:flex}.slogan-input{border:1.5px solid var(--border);background:var(--result-bg);color:var(--text-primary);border-radius:12px;outline:none;flex:1;padding:9px 14px;font-family:inherit;font-size:.875rem;transition:border-color .18s,box-shadow .18s}.slogan-input::placeholder{color:var(--text-muted)}.slogan-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7b61ff1f}.slogan-result-box{align-items:flex-start;min-height:160px;padding:14px 18px}.slogan-list{flex-direction:column;gap:8px;width:100%;list-style:none;display:flex}.slogan-item{cursor:pointer;background:#f0efff;border:1.5px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;transition:background .15s,border-color .15s,transform .12s;animation:.18s both fade-in;display:flex}.slogan-item:first-child{animation-delay:0s}.slogan-item:nth-child(2){animation-delay:50ms}.slogan-item:nth-child(3){animation-delay:.1s}.slogan-item:nth-child(4){animation-delay:.15s}.slogan-item:nth-child(5){animation-delay:.2s}.slogan-item:hover{background:#e5e3ff;border-color:#c4b8ff;transform:translate(3px)}.slogan-text{color:var(--text-primary);flex:1;font-size:.9rem;font-weight:600;line-height:1.4}.slogan-copy-hint{opacity:.6;flex-shrink:0;font-size:.85rem;transition:opacity .15s}.slogan-item:hover .slogan-copy-hint{opacity:1}.copy-result-btn{border:1.5px solid var(--border);background:var(--tag-bg);color:var(--accent);cursor:pointer;border-radius:999px;align-self:flex-end;align-items:center;gap:5px;margin-top:-6px;padding:5px 13px;font-size:.78rem;font-weight:700;transition:background .15s,border-color .15s,transform .12s;display:inline-flex}.copy-result-btn:hover{background:#e5e3ff;border-color:#c4b8ff;transform:scale(1.04)}.copy-result-btn--copied{color:#16a34a;background:#f0fdf4;border-color:#86efac}.copy-result-icon{font-size:.85rem}.logo--link{align-items:center;gap:10px;text-decoration:none;display:flex}.card-grid-item{flex-direction:column;gap:0;display:flex;position:relative}.card-footer-bar{border-radius:0 0 var(--card-radius) var(--card-radius);justify-content:space-between;align-items:center;margin-top:-4px;padding:4px 10px;display:flex}.card-permalink{text-align:right;color:var(--text-muted);letter-spacing:.2px;white-space:nowrap;border-radius:0 0 var(--card-radius) var(--card-radius);margin-top:-4px;padding:6px 14px 4px;font-size:.72rem;font-weight:700;text-decoration:none;transition:color .15s;display:block}.card-permalink:hover{color:var(--accent)}.share-wrapper{position:relative}.share-btn{border:1.5px solid var(--border);background:var(--tag-bg);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:.72rem;font-weight:700;transition:background .15s,border-color .15s,color .15s,transform .12s;display:inline-flex}.share-btn:hover,.share-btn--open{color:var(--accent);background:#e5e3ff;border-color:#c4b8ff;transform:scale(1.04)}.share-btn-icon{font-size:.8rem}.share-btn-label{letter-spacing:.1px}.share-popover{z-index:200;border:1.5px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;gap:10px;min-width:230px;max-width:270px;padding:14px 16px 12px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 12px 40px #50508c2e,0 2px 8px #50508c14}.share-pop-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:800;overflow:hidden}.share-pop-url{color:var(--text-muted);background:var(--result-bg);border:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;padding:5px 9px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.72rem;font-weight:600;overflow:hidden}.share-pop-actions{flex-direction:column;gap:6px;display:flex}.share-action-btn{cursor:pointer;text-align:center;border:1.5px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-size:.8rem;font-weight:700;text-decoration:none;transition:filter .15s,transform .12s;display:flex}.share-action-btn:hover{filter:brightness(.94);transform:translateY(-1px)}.share-action-btn--copy{color:#fff;background:linear-gradient(135deg,#7b61ff,#9b84ff);border-color:#0000}.share-action-btn--native{background:var(--tag-bg);color:var(--accent);border-color:var(--border)}.share-action-btn--twitter{color:#fff;background:#000;border-color:#0000}.share-action-btn--reddit{color:#fff;background:#ff4500;border-color:#0000}.share-pop-enter-active,.share-pop-leave-active{transition:opacity .15s,transform .15s}.share-pop-enter-from,.share-pop-leave-to{opacity:0;transform:translateY(6px)scale(.97)}.gen-page{width:100%}.gen-404{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:48px 24px;display:flex}.gen-404-emoji{font-size:3rem}.gen-404-msg{color:var(--text-secondary);font-size:1.1rem;font-weight:600}.gen-page-inner{flex-direction:column;gap:28px;max-width:520px;margin:0 auto;padding:8px 0 40px;display:flex}.gen-page-inner>.generator-card{width:100%}.gen-page-nav{flex-direction:column;gap:14px;display:flex}.gen-back-btn{color:var(--accent);background:var(--tag-bg);border:1.5px solid #d6d0ff;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:8px 16px;font-size:.875rem;font-weight:700;text-decoration:none;transition:background .15s,transform .12s;display:inline-flex}.gen-back-btn:hover{background:#e5e3ff;transform:translate(-2px)}.gen-page-siblings{flex-wrap:wrap;gap:7px;display:flex}.gen-sibling-chip{background:var(--tag-bg);color:var(--accent);border:1.5px solid #0000;border-radius:999px;padding:5px 13px;font-size:.78rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,transform .12s}.gen-sibling-chip:hover{background:#e5e3ff;transform:scale(1.04)}.gen-sibling-chip.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 10px #7b61ff40}.dice-picker{flex-wrap:wrap;gap:7px;display:flex}.dice-btn{border:2px solid var(--border);background:var(--tag-bg);color:var(--accent);cursor:pointer;letter-spacing:.2px;border-radius:10px;padding:6px 13px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.82rem;font-weight:800;transition:background .15s,border-color .15s,transform .12s,box-shadow .15s}.dice-btn:hover{background:#e5e3ff;border-color:#b8aeff;transform:translateY(-2px)}.dice-btn--active{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px)scale(1.06);box-shadow:0 3px 14px #7b61ff59}.dice-btn--dcc:not(.dice-btn--active){color:#b45309;background:#fffbeb;border-color:#fcd34d}.dice-btn--dcc:not(.dice-btn--active):hover{background:#fef3c7;border-color:#f59e0b}.dice-count-row,.dice-mod-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dice-count-label,.dice-mod-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.7px;white-space:nowrap;min-width:64px;font-size:.75rem;font-weight:800}.dice-count-btns,.dice-mod-btns{flex-wrap:wrap;gap:6px;display:flex}.dice-mod-input-row{align-items:center;gap:7px;display:flex}.dice-mod-input{border:1.5px solid var(--border);background:var(--result-bg);width:58px;color:var(--text-primary);text-align:center;appearance:textfield;border-radius:10px;outline:none;padding:5px 8px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:1rem;font-weight:800;transition:border-color .18s,box-shadow .18s}.dice-mod-input::-webkit-inner-spin-button{appearance:none;margin:0}.dice-mod-input::-webkit-outer-spin-button{appearance:none;margin:0}.dice-mod-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7b61ff1f}.dice-mod-reset{color:#dc2626;cursor:pointer;background:#fff1f2;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:900;transition:background .15s,transform .1s;display:flex}.dice-mod-reset:hover{background:#fca5a5;transform:scale(1.15)}.dice-formula{text-align:center;color:var(--accent);letter-spacing:.5px;background:var(--tag-bg);border:1.5px solid var(--border);border-radius:10px;padding:7px 16px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:1.05rem;font-weight:800}.dice-result-box{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100px;padding:18px 20px}.dice-result-inner{flex-direction:column;align-items:center;gap:12px;width:100%;animation:.22s cubic-bezier(.34,1.56,.64,1) pop-in;display:flex}.dice-rolls-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.dice-pip{background:var(--tag-bg);border:2px solid var(--border);min-width:36px;height:36px;color:var(--text-primary);border-radius:9px;justify-content:center;align-items:center;padding:0 8px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.95rem;font-weight:800;transition:background .15s,border-color .15s;display:inline-flex}.dice-pip--max{color:#92400e;background:linear-gradient(135deg,#fef9c3,#fef3c7);border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b40}.dice-pip--min{color:#991b1b;background:#fff1f2;border-color:#fca5a5}.dice-total-row{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px;display:flex}.dice-equals{color:var(--text-muted);font-size:1.1rem;font-weight:700}.dice-total{color:var(--accent);letter-spacing:-1px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:2.4rem;font-weight:900;line-height:1;transition:color .2s}.dice-total--crit{color:#d97706}.dice-total--fumble{color:#dc2626}.dice-verdict{letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:800}.dice-verdict--crit{color:#92400e;background:#fef3c7;border:1.5px solid #fcd34d}.dice-verdict--fumble{color:#991b1b;background:#fff1f2;border:1.5px solid #fca5a5}.dice-mod-note{color:var(--text-muted);white-space:nowrap;font-size:.78rem;font-weight:600}.dice-history-chip{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.75rem}.dice-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:-4px;font-size:.72rem;font-weight:800}.dice-btn--in-pool{border-color:var(--accent);color:var(--accent);background:#ede9ff}.dice-pool{background:var(--result-bg);border:1.5px solid var(--border);border-radius:14px;flex-direction:column;gap:6px;padding:10px 14px;display:flex}.dice-pool-entry{align-items:center;gap:10px;display:flex}.pool-die-label{color:var(--accent);min-width:38px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.88rem;font-weight:800}.pool-count-btns{align-items:center;gap:6px;display:flex}.pool-adj-btn{border:1.5px solid var(--border);background:var(--tag-bg);width:26px;height:26px;color:var(--accent);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:1rem;font-weight:800;line-height:1;transition:background .15s,border-color .15s,transform .1s;display:flex}.pool-adj-btn:hover{background:#e5e3ff;border-color:#b8aeff;transform:scale(1.1)}.pool-count{color:var(--text-primary);text-align:center;min-width:22px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:1rem;font-weight:800}.pool-remove-btn{color:#dc2626;cursor:pointer;background:#fff1f2;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-left:auto;font-size:.75rem;font-weight:900;transition:background .15s,transform .1s;display:flex}.pool-remove-btn:hover{background:#fca5a5;transform:scale(1.15)}.dice-group-row{border-bottom:1px dashed var(--border);flex-wrap:wrap;align-items:center;gap:10px;width:100%;padding-bottom:6px;display:flex}.dice-group-row:last-of-type{border-bottom:none;padding-bottom:0}.dice-group-label{color:var(--accent);flex-shrink:0;min-width:32px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.75rem;font-weight:800}.dice-group-sum{color:var(--text-secondary);flex-shrink:0;margin-left:auto;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.82rem;font-weight:800}.dice-formula--empty{border-color:var(--border);background:0 0}.dice-clear-btn{border-radius:var(--btn-radius);color:#dc2626;cursor:pointer;background:#fff1f2;border:1.5px solid #fca5a5;width:100%;margin-top:-8px;padding:8px 16px;font-size:.82rem;font-weight:700;transition:background .15s,transform .12s}.dice-clear-btn:hover{background:#fecaca;transform:scale(1.01)}.rx-pattern-row{border:1.5px solid var(--border);background:#1e1e2e;border-radius:14px;align-items:center;gap:6px;padding:8px 12px;display:flex}.rx-slash{color:#cba6f7;flex-shrink:0;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:1.3rem;font-weight:900;line-height:1}.rx-pattern-input{color:#a6e3a1;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.92rem;font-weight:600}.rx-pattern-input::placeholder{color:#45475a}.rx-flags{flex-shrink:0;gap:4px;display:flex}.rx-flag-btn{min-width:28px;padding:2px 8px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.78rem}.rx-label-row{justify-content:space-between;align-items:center;display:flex}.rx-match-badge{border:1.5px solid;border-radius:999px;padding:2px 10px;font-size:.72rem;font-weight:800}.rx-match-badge--hit{color:#166534;background:#f0fdf4;border-color:#86efac}.rx-match-badge--miss{color:#991b1b;background:#fff1f2;border-color:#fca5a5}.rx-test-wrap{display:none}.rx-highlight-overlay{background:var(--result-bg);border:1.5px solid var(--border);color:var(--text-primary);white-space:pre-wrap;word-break:break-word;border-radius:14px;padding:12px 16px;font-size:.9rem;line-height:1.6}.rx-mark{color:inherit;background:#fab38773;border-radius:3px;padding:0 1px}.rx-groups{background:var(--result-bg);border:1.5px solid var(--border);border-radius:14px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.rx-groups-list{flex-direction:column;gap:6px;display:flex}.rx-group-row{flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem;display:flex}.rx-group-idx{color:var(--text-muted);flex-shrink:0;min-width:54px;font-size:.7rem;font-weight:800}.rx-group-cap{color:#a6e3a1;background:#1e1e2e;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.75rem;display:flex}.rx-group-n{color:#89b4fa;font-weight:800}.inv-items{border:1.5px solid var(--border);border-radius:14px;flex-direction:column;gap:0;display:flex;overflow:hidden}.inv-header,.inv-row{grid-template-columns:1fr auto auto auto auto;align-items:center;gap:0;display:grid}.inv-header{background:var(--result-bg);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1.5px solid var(--border);padding:8px 12px;font-size:.7rem;font-weight:800}.inv-row{border-bottom:1px solid var(--border);gap:6px;padding:6px 8px}.inv-row:last-child{border-bottom:none}.inv-col{align-items:center;display:flex}.inv-col--desc{flex:1;min-width:0}.inv-col--qty{flex-shrink:0;width:56px}.inv-col--price{flex-shrink:0;width:110px}.inv-col--total{text-align:right;flex-shrink:0;justify-content:flex-end;width:70px;font-size:.85rem;font-weight:700}.inv-col--del{flex-shrink:0;justify-content:center;width:28px}.inv-input{border:1.5px solid var(--border);width:100%;color:var(--text-primary);box-sizing:border-box;background:0 0;border-radius:8px;outline:none;padding:6px 8px;font-family:inherit;font-size:.84rem}.inv-input:focus{border-color:var(--accent)}.inv-input--noborder{border:none;width:100%;min-width:0;padding:6px 4px}.inv-input--noborder:focus{border:none;outline:none}.inv-price-wrap{border:1.5px solid var(--border);background:0 0;border-radius:8px;align-items:center;width:100%;padding:0 6px;display:flex}.inv-price-wrap:focus-within{border-color:var(--accent)}.inv-dollar{color:var(--text-muted);flex-shrink:0;font-size:.82rem}.inv-line-total{color:var(--text-primary);text-align:right;font-size:.85rem;font-weight:700}.inv-del-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0 4px;font-size:1.1rem;line-height:1;transition:color .15s,background .15s;display:flex}.inv-del-btn:hover:not(:disabled){color:#ef4444;background:#ef44441a}.inv-del-btn:disabled{opacity:.2;cursor:default}.inv-add-btn{border:1.5px dashed var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:10px;width:100%;padding:7px 14px;font-family:inherit;font-size:.82rem;font-weight:700;transition:border-color .15s,color .15s}.inv-add-btn:hover{border-color:var(--accent);color:var(--accent)}.inv-extras{background:var(--result-bg);border:1.5px solid var(--border);border-radius:14px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.inv-extra-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.inv-extra-label{color:var(--text-secondary);flex:1;font-size:.82rem;font-weight:700}.inv-extra-input-wrap{align-items:center;gap:6px;display:flex}.inv-extra-unit{color:var(--text-muted);font-size:.82rem;font-weight:700}.inv-extra-unit--pre{order:-1}.inv-input--sm{text-align:right;width:80px}.inv-totals{border:1.5px solid var(--border);border-radius:14px;flex-direction:column;gap:0;display:flex;overflow:hidden}.inv-total-row{color:var(--text-secondary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:9px 16px;font-size:.86rem;display:flex}.inv-total-row:last-child{border-bottom:none}.inv-total-row--discount{color:#16a34a}.inv-total-row--grand{background:var(--result-bg);color:var(--text-primary);font-size:1rem;font-weight:900}.bs-amount-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.bs-amount-label{color:var(--text-secondary);font-size:.82rem;font-weight:700}.bs-amount-input-wrap{background:var(--result-bg);border:1.5px solid var(--border);border-radius:12px;align-items:center;gap:6px;width:160px;padding:6px 14px;display:flex}.bs-amount-input-wrap:focus-within{border-color:var(--accent)}.bs-dollar{color:var(--text-muted);flex-shrink:0;font-size:.9rem;font-weight:700}.bs-amount-input{color:var(--text-primary);text-align:right;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:1rem;font-weight:800}.bs-table{border:1.5px solid var(--border);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.bs-thead,.bs-row{grid-template-columns:1fr 90px 72px 28px;align-items:center;gap:0;display:grid}.bs-thead{background:var(--result-bg);color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;border-bottom:1.5px solid var(--border);padding:7px 10px;font-size:.68rem;font-weight:800}.bs-row{border-bottom:1px solid var(--border);gap:4px;padding:5px 6px}.bs-row:last-child{border-bottom:none}.bs-col--name{min-width:0}.bs-col--input{justify-content:flex-end;align-items:center;display:flex}.bs-col--result{justify-content:flex-end;align-items:center;font-size:.85rem;font-weight:700;display:flex}.bs-col--del{justify-content:center;align-items:center;display:flex}.bs-input{border:1.5px solid var(--border);width:100%;color:var(--text-primary);box-sizing:border-box;background:0 0;border-radius:8px;outline:none;padding:5px 8px;font-family:inherit;font-size:.83rem}.bs-input:focus{border-color:var(--accent)}.bs-input--num{text-align:right;flex-shrink:0;width:56px;padding:5px 6px}.bs-num-wrap{justify-content:flex-end;align-items:center;gap:4px;display:flex}.bs-unit{color:var(--text-muted);flex-shrink:0;font-size:.75rem;font-weight:700}.bs-unit--pre{order:-1}.bs-cat-amount{color:var(--text-primary)}.bs-cat-amount--zero{color:var(--text-muted)}.bs-progress{background:var(--border);border-radius:999px;height:6px;overflow:hidden}.bs-progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .25s,background .2s}.bs-progress-fill--done{background:#22c55e}.bs-progress-fill--over{background:#ef4444}.bs-progress-label{color:var(--text-secondary);align-items:center;gap:6px;font-size:.75rem;font-weight:700;display:flex}.bs-progress-hint{color:var(--text-muted);font-weight:600}.bs-progress-hint--ok{color:#16a34a}.bs-progress-hint--err{color:#dc2626}.bs-remainder{background:var(--result-bg);border:1.5px solid var(--border);color:var(--text-muted);border-radius:10px;justify-content:space-between;align-items:center;padding:8px 14px;font-size:.8rem;font-weight:800;display:flex}.bs-remainder--ok{color:#16a34a;background:#f0fdf4;border-color:#86efac}.bs-remainder--over{color:#dc2626;background:#fff1f2;border-color:#fca5a5}.proph-result{letter-spacing:.01em;font-style:italic;line-height:1.8}.cp-controls{flex-direction:column;gap:12px;display:flex}.cp-picker-wrap,.cp-type-wrap{flex-direction:column;gap:6px;display:flex}.cp-picker-row{align-items:center;gap:10px;display:flex}.cp-color-input{border:1.5px solid var(--border);cursor:pointer;background:0 0;border-radius:12px;flex-shrink:0;width:52px;height:42px;padding:2px}.cp-hex-input{border:1.5px solid var(--border);background:var(--result-bg);color:var(--text-primary);box-sizing:border-box;border-radius:12px;flex:1;padding:9px 12px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.95rem;font-weight:700;transition:border-color .2s}.cp-hex-input:focus{border-color:#c4b8ff;outline:none}.cp-gradient-bar{border:1.5px solid var(--border);border-radius:999px;height:14px}.cp-swatches{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cp-swatch{cursor:pointer;border:1.5px solid #00000014;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:72px;padding:8px 4px;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 2px 8px #0000001a}.cp-swatch:hover{transform:scale(1.04);box-shadow:0 4px 16px #0000002e}.cp-swatch-label{letter-spacing:.3px;text-align:center;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.72rem;font-weight:800}.cp-swatch-name{text-align:center;font-size:.62rem;font-weight:600}.cp-css-box{border:1.5px solid var(--border);background:#1e1e2e;border-radius:14px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.cp-css-header{justify-content:space-between;align-items:center;display:flex}.cp-css-copy{color:#cdd6f4;cursor:pointer;background:#313244;border:1.5px solid #45475a;border-radius:8px;padding:3px 10px;font-size:.72rem;font-weight:700;transition:background .15s}.cp-css-copy:hover{background:#45475a}.cp-css-pre{color:#a6e3a1;white-space:pre;margin:0;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.75rem;line-height:1.7}.rp-range-row{align-items:flex-end;gap:10px;display:flex}.rp-field{flex-direction:column;flex:1;gap:4px;display:flex}.rp-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:800}.rp-input{border:1.5px solid var(--border);background:var(--result-bg);color:var(--text-primary);text-align:center;box-sizing:border-box;border-radius:12px;width:100%;padding:9px 12px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:1rem;font-weight:700;transition:border-color .2s}.rp-input:focus{border-color:#c4b8ff;outline:none}.rp-input--sm{max-width:72px}.rp-dash{color:var(--text-muted);flex-shrink:0;padding-bottom:10px;font-size:1.2rem}.rp-result-inner{flex-direction:column;align-items:center;gap:8px;width:100%;animation:.22s cubic-bezier(.34,1.56,.64,1) pop-in;display:flex}.rp-numbers{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.rp-number-chip{background:var(--tag-bg);border:1.5px solid var(--border);min-width:52px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;padding:6px 14px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:1.3rem;font-weight:900;display:inline-flex}.dedup-meta{color:var(--text-muted);align-items:center;gap:8px;padding:2px 4px;font-size:.8rem;font-weight:600;display:flex}.dedup-arrow{color:var(--text-muted)}.dedup-out{color:var(--accent);font-weight:700}.dedup-removed{color:#dc2626;background:#fff1f2;border:1.5px solid #fca5a5;border-radius:999px;margin-left:auto;padding:1px 8px;font-size:.72rem;font-weight:800}.json-input{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.82rem}.json-error{color:#dc2626;background:#fff1f2;border:1.5px solid #fca5a5;border-radius:10px;padding:8px 12px;font-size:.8rem;font-weight:600}.json-result-box{border:1.5px solid var(--border);background:#1e1e2e;border-radius:14px;align-items:flex-start;min-height:100px;padding:14px 16px;display:flex;overflow:auto}.json-result-box.has-result{border-color:#c4b8ff}.json-result-box .placeholder-text{color:#6b7280}.json-pre{white-space:pre;color:#cdd6f4;width:100%;margin:0;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.8rem;line-height:1.65}.json-key{color:#89b4fa}.json-string{color:#a6e3a1}.json-number{color:#fab387}.json-bool{color:#cba6f7}.json-null{color:#f38ba8}.wc-stats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.wc-stat{background:var(--result-bg);border:1.5px solid var(--border);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;transition:border-color .2s;display:flex}.wc-stat-value{color:var(--accent);font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:1.6rem;font-weight:900;line-height:1}.wc-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:700}.text-input{border:1.5px solid var(--border);background:var(--result-bg);width:100%;color:var(--text-primary);resize:vertical;box-sizing:border-box;border-radius:14px;padding:12px 16px;font-family:inherit;font-size:.9rem;line-height:1.6;transition:border-color .2s}.text-input:focus{border-color:#c4b8ff;outline:none}.text-input::placeholder{color:var(--text-muted);font-style:italic}@media (width<=720px){.site-header{padding:32px 16px 18px}.card-grid-wrapper{padding:8px 16px 40px}}@media (width<=480px){.logo-text{font-size:1.9rem}.card-grid-wrapper{padding:8px 12px 32px}}.dcc0-party{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dcc0-char{background:var(--result-bg);border:1.5px solid var(--border);border-radius:14px;flex-direction:column;gap:8px;padding:12px 14px;font-size:.82rem;display:flex}.dcc0-char-header{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.dcc0-occ{color:var(--text-primary);font-size:.85rem;font-weight:700;line-height:1.2}.dcc0-hp-badge{color:#c0392b;white-space:nowrap;background:#ffe4e4;border:1px solid #f5c6c6;border-radius:999px;flex-shrink:0;padding:2px 9px;font-size:.75rem;font-weight:700}.dcc0-stats{grid-template-columns:repeat(3,1fr);gap:4px 6px;display:grid}.dcc0-stat{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;align-items:center;gap:1px;padding:4px 2px;display:flex}.dcc0-stat-label{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;font-size:.65rem;font-weight:700}.dcc0-stat-val{color:var(--text-primary);font-size:1rem;font-weight:800;line-height:1}.dcc0-stat-mod{font-size:.72rem;font-weight:700;line-height:1}.mod--pos{color:#16a34a}.mod--neg{color:#dc2626}.mod--zero{color:var(--text-muted)}.dcc0-divider{border:none;border-top:1px solid var(--border);margin:0}.dcc0-combat-row{justify-content:space-between;gap:4px;display:flex}.dcc0-saves-row{justify-content:space-around;gap:4px;display:flex}.dcc0-combat-item,.dcc0-save{flex-direction:column;flex:1;align-items:center;display:flex}.dcc0-combat-label{color:var(--text-muted);letter-spacing:.4px;text-transform:uppercase;font-size:.63rem;font-weight:700}.dcc0-combat-val{color:var(--text-primary);font-size:.85rem;font-weight:700}.dcc0-gear{flex-direction:column;gap:3px;display:flex}.dcc0-gear-row{align-items:baseline;gap:6px;line-height:1.35;display:flex}.dcc0-gear-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;flex-shrink:0;width:40px;font-size:.65rem;font-weight:700}.dcc0-gear-val{color:var(--text-primary);font-size:.78rem;font-weight:500}.dcc0-empty{text-align:center;color:var(--text-muted);padding:8px 0 4px;font-size:.875rem;font-style:italic}@media (width<=520px){.dcc0-party{grid-template-columns:1fr}}.cb-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:-8px;font-size:.75rem;font-weight:700}.cb-result{align-items:flex-start;min-height:180px;max-height:420px;overflow-y:auto}.cb-text{color:var(--text-primary);white-space:pre-wrap;font-size:.88rem;line-height:1.75;animation:.22s fade-in}.npc-result-box{align-items:flex-start;min-height:200px}.npc-quote{color:var(--accent);text-align:center;border-left:2px solid var(--accent);margin:8px 0;padding:6px 12px;font-size:.9rem;font-style:italic;animation:.22s fade-in}.npc-label--hook{color:#4ade80}.npc-label--secret{color:#f59e0b}.quest-result-box{align-items:flex-start;min-height:200px}.quest-title{color:var(--text-primary);letter-spacing:.3px;font-size:1.15rem;font-weight:700;animation:.22s fade-in}.quest-giver{color:var(--text-muted);margin-top:2px;margin-bottom:4px;font-size:.8rem;animation:.22s fade-in}.quest-label{text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;width:100px;font-size:.72rem;font-weight:700}.quest-label--obj{color:#60a5fa}.quest-label--comp{color:#f59e0b}.quest-label--reward{color:#4ade80}.quest-label--twist{color:#c084fc}.wb-result{align-items:flex-start;min-height:200px;max-height:440px;overflow-y:auto}.wb-text{color:var(--text-primary);white-space:pre-wrap;font-size:.88rem;line-height:1.8;animation:.22s fade-in}.sp-result-box{align-items:flex-start;min-height:200px}.sp-sheet{width:100%;animation:.22s fade-in}.sp-name{color:var(--text-primary);letter-spacing:.3px;font-size:1.2rem;font-weight:700}.sp-tagline{color:var(--text-muted);margin-top:2px;font-size:.85rem;font-style:italic}.sp-desc{color:var(--text-primary);margin:0;font-size:.88rem;line-height:1.65}.sp-list-section{margin-top:6px}.sp-list-label{text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.72rem;font-weight:700}.sp-list-label--str{color:#4ade80}.sp-list-label--lim{color:#f59e0b}.sp-list{color:var(--text-primary);margin:0;padding-left:18px;font-size:.85rem;line-height:1.6}.sp-list--lim li{color:var(--text-muted)}.sp-weakness{background:#ef44441a;border:1px solid #ef444440;border-radius:6px;flex-direction:column;gap:3px;margin-top:10px;padding:8px 12px;display:flex}.sp-weakness-label{text-transform:uppercase;letter-spacing:.5px;color:#f87171;font-size:.72rem;font-weight:700}.sp-weakness-text{color:var(--text-primary);font-size:.85rem;line-height:1.5}.home-controls{flex-wrap:wrap;align-items:center;gap:.75rem;max-width:1400px;margin:0 auto;padding:1.25rem 1.5rem .5rem;display:flex}.filter-bar{flex-wrap:wrap;flex:auto;gap:.45rem;display:flex}.category-bubble{color:var(--text-secondary);letter-spacing:.3px;cursor:pointer;white-space:nowrap;background:#7b61ff12;border:1.5px solid #7b61ff4d;border-radius:999px;padding:.35rem .9rem;font-size:.8rem;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .12s}.category-bubble:hover{color:var(--accent);background:#7b61ff29;border-color:#7b61ff8c;transform:translateY(-1px)}.category-bubble--active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 10px #7b61ff66}.category-bubble--active:hover{color:#fff;background:#6a52e8;border-color:#6a52e8}.search-wrap{flex:0 240px;align-items:center;min-width:160px;display:flex;position:relative}.search-icon{pointer-events:none;opacity:.6;font-size:.85rem;position:absolute;left:.65rem}.search-input{background:var(--surface);width:100%;color:var(--text-primary);-webkit-appearance:none;border:1.5px solid #7b61ff47;border-radius:999px;outline:none;padding:.45rem 2rem;font-size:.82rem;transition:border-color .15s,box-shadow .15s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7b61ff2e}.search-input::-webkit-search-cancel-button{display:none}.search-clear{color:var(--text-secondary);cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 .2rem;font-size:.8rem;line-height:1;transition:opacity .1s;position:absolute;right:.6rem}.search-clear:hover{opacity:1}.no-results{text-align:center;color:var(--text-secondary);padding:3rem 1rem 1rem;font-size:.95rem}.no-results strong{color:var(--text-primary)}.no-results-reset{color:var(--accent);cursor:pointer;background:0 0;border:none;margin-left:.5rem;padding:0;font-size:.9rem;font-weight:600;text-decoration:underline}.no-results-reset:hover{color:#6a52e8}@media (width<=600px){.home-controls{flex-direction:column;align-items:stretch;gap:.6rem;padding:1rem 1rem .5rem}.search-wrap{flex:100%}}.header-user{justify-content:flex-end;align-items:center;gap:.4rem;max-width:1400px;margin:0 auto;padding:0 1.5rem .75rem;display:flex}.user-pill{color:var(--text-primary);cursor:pointer;white-space:nowrap;background:#7b61ff1a;border:1.5px solid #7b61ff59;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .9rem;font-size:.8rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.user-pill:hover{border-color:var(--accent);background:#7b61ff33}.user-pill--in{color:#f472b6;background:#f472b61a;border-color:#f472b666}.user-pill--in:hover{background:#f472b633;border-color:#f472b6}.user-pill--out{color:var(--accent)}.user-pill--logout{color:var(--text-secondary);background:0 0;border-color:#ffffff1a;padding:.35rem .6rem;font-size:.75rem}.user-pill--logout:hover{color:#f87171;background:#f871711a;border-color:#f87171}.user-pill__icon{font-size:.85rem}.auth-backdrop{z-index:9000;background:#000000a6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.auth-modal{background:var(--surface);border:1px solid #7b61ff38;border-radius:16px;width:100%;max-width:380px;padding:2rem;position:relative;box-shadow:0 24px 64px #0000008c}.auth-modal__close{color:var(--text-secondary);cursor:pointer;opacity:.7;background:0 0;border:none;font-size:1rem;transition:opacity .15s;position:absolute;top:1rem;right:1rem}.auth-modal__close:hover{opacity:1}.auth-tabs{background:#7b61ff14;border-radius:8px;gap:0;margin-bottom:1.5rem;padding:3px;display:flex}.auth-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:.45rem 0;font-size:.82rem;font-weight:600;transition:background .15s,color .15s}.auth-tab--active{background:var(--accent);color:#fff;box-shadow:0 2px 8px #7b61ff59}.auth-form{flex-direction:column;gap:.85rem;display:flex}.auth-label{color:var(--text-secondary);letter-spacing:.3px;text-transform:uppercase;flex-direction:column;gap:.3rem;font-size:.78rem;font-weight:600;display:flex}.auth-input{background:var(--bg);color:var(--text-primary);text-transform:none;letter-spacing:0;border:1.5px solid #7b61ff40;border-radius:8px;outline:none;padding:.55rem .75rem;font-size:.9rem;font-weight:400;transition:border-color .15s,box-shadow .15s}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7b61ff2e}.auth-error{color:#f87171;background:#f871711a;border-radius:6px;margin:0;padding:.4rem .65rem;font-size:.8rem}.auth-submit{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:.25rem;padding:.65rem;font-size:.88rem;font-weight:700;transition:background .15s,opacity .15s}.auth-submit:hover:not(:disabled){background:#6a52e8}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-fine-print{color:var(--text-secondary);text-align:center;opacity:.7;margin-top:1rem;font-size:.72rem}.save-result-btn{color:#f472b6;cursor:pointer;white-space:nowrap;background:#f472b614;border:1.5px solid #f472b659;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.78rem;font-weight:600;transition:background .15s,border-color .15s,transform .12s;display:inline-flex}.save-result-btn:hover:not(:disabled){background:#f472b62e;border-color:#f472b6;transform:translateY(-1px)}.save-result-btn:disabled{opacity:.55;cursor:not-allowed}.save-result-btn--saved{color:#f472b6;background:#f472b638;border-color:#f472b6}.save-result-btn--error{color:#f87171;background:#f871711a;border-color:#f87171}.save-result-btn--ghost{opacity:.5}.save-result-icon{font-size:.85rem;line-height:1}.saves-backdrop{z-index:8500;background:#0000008c;justify-content:flex-end;display:flex;position:fixed;inset:0}.saves-panel{background:var(--surface);border-left:1px solid #7b61ff2e;flex-direction:column;width:min(480px,100vw);height:100%;animation:.22s slideInRight;display:flex;overflow-y:auto;box-shadow:-8px 0 40px #0006}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.saves-panel__header{background:var(--surface);z-index:1;border-bottom:1px solid #7b61ff1f;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex;position:sticky;top:0}.saves-panel__title{color:#f472b6;font-size:1rem;font-weight:700}.saves-panel__close{color:var(--text-secondary);cursor:pointer;opacity:.7;background:0 0;border:none;font-size:1rem;transition:opacity .15s}.saves-panel__close:hover{opacity:1}.saves-panel__empty{text-align:center;color:var(--text-secondary);padding:3rem 1.5rem;font-size:.9rem;line-height:1.7}.saves-panel__hint{opacity:.7;font-size:.8rem}.saves-list{flex-direction:column;gap:.75rem;padding:1rem;display:flex}.save-item{background:var(--bg);border:1px solid #7b61ff1f;border-radius:10px;padding:.85rem 1rem}.save-item__meta{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.save-item__gen{color:var(--accent);text-transform:uppercase;letter-spacing:.4px;font-size:.75rem;font-weight:700}.save-item__date{color:var(--text-secondary);opacity:.7;font-size:.7rem}.save-item__text{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin:0 0 .65rem;font-family:inherit;font-size:.82rem;line-height:1.55}.save-item__actions{align-items:center;gap:.5rem;display:flex}.save-item__delete{color:#f87171;cursor:pointer;background:0 0;border:1px solid #f8717140;border-radius:999px;padding:.25rem .65rem;font-size:.72rem;transition:background .15s}.save-item__delete:hover{background:#f871711f}.hot-badge{color:#fff;letter-spacing:.5px;text-transform:uppercase;pointer-events:none;z-index:2;background:linear-gradient(135deg,#f97316,#ef4444);border-radius:999px;padding:.2rem .6rem;font-size:.68rem;font-weight:800;position:absolute;top:-8px;right:12px;box-shadow:0 2px 8px #ef444473}.card-grid-item{position:relative}.card-action-row{flex-wrap:wrap;gap:.4rem;margin-top:.25rem;display:flex}.gen-action-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.gen-action-btn:hover:not(:disabled){border-color:var(--accent);color:var(--text-primary);background:#8b5cf614}.gen-action-btn:disabled{opacity:.4;cursor:not-allowed}.bname-result-box{align-items:flex-start;min-height:140px}.bname-list{flex-direction:column;gap:8px;width:100%;display:flex}.bname-item{border:1px solid var(--border);background:#ffffff0a;border-radius:8px;flex-direction:column;gap:3px;padding:10px 12px;animation:.22s fade-in;display:flex}.bname-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bname-name{color:var(--text-primary);font-size:1.15rem;font-weight:700}.bname-pattern-badge{color:#a78bfa;letter-spacing:.3px;background:#8b5cf62e;border-radius:10px;padding:2px 8px;font-size:.68rem;font-weight:600}.bname-domain{color:var(--text-muted);font-size:.78rem}.fn-result-box{flex-direction:column;gap:4px}.fn-name{color:var(--text-primary);letter-spacing:.5px;font-size:1.6rem;font-weight:700;animation:.22s fade-in}.fn-lore{color:var(--text-muted);font-size:.82rem;font-style:italic;animation:.3s fade-in}.fn-fav-btn{border:1px solid #0000;transition:border-color .2s}.fn-fav-btn--active{color:#fbbf24;border-color:#fbbf2466}.fn-favorites{margin-top:12px}.fn-fav-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:6px;font-size:.72rem;font-weight:700}.fn-fav-list{flex-wrap:wrap;gap:6px;display:flex}.fav-chip{color:#fbbf24;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fbbf241a;border:1px solid #fbbf2433;border-radius:12px;align-items:center;gap:5px;padding:3px 10px;font-size:.8rem;transition:background .15s;display:inline-flex}.fav-chip:hover{background:#fbbf242e}.fav-remove{opacity:.5;font-size:.9rem;line-height:1}.fav-remove:hover{opacity:1}.sp4-result-box{align-items:flex-start;min-height:180px}.sp4-block{flex-direction:column;gap:8px;width:100%;animation:.22s fade-in;display:flex}.sp4-row{align-items:flex-start;gap:10px;display:flex}.sp4-label{text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;width:88px;padding-top:3px;font-size:.68rem;font-weight:700}.sp4-label--protagonist{color:#60a5fa}.sp4-label--conflict{color:#f87171}.sp4-label--setting{color:#4ade80}.sp4-label--twist{color:#c084fc}.sp4-text{color:var(--text-primary);font-size:.875rem;line-height:1.5}.sp4-assembled{color:var(--text-muted);border-top:1px solid var(--border);padding-top:10px;font-size:.82rem;font-style:italic;line-height:1.7}.sp4-expanded-text{color:var(--text-primary);white-space:pre-wrap;font-size:.875rem;line-height:1.75;animation:.22s fade-in}.tc-checkbox-grid{grid-template-columns:1fr 1fr;gap:7px 12px;margin-bottom:10px;display:grid}.tc-check-item{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;font-size:.83rem;display:flex}.tc-check-item input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:14px;height:14px}.tc-live-row{color:var(--text-muted);align-items:center;gap:7px;margin-bottom:10px;font-size:.8rem;display:flex}.tc-live-row input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:14px;height:14px}.tc-split{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px;display:grid}@media (width<=580px){.tc-split{grid-template-columns:1fr}}.tc-panel-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:4px;font-size:.72rem;font-weight:700}.tc-char-count{text-transform:none;letter-spacing:0;font-weight:400}.tc-output{background:var(--card-bg);border:1px solid var(--border);min-height:130px;max-height:260px;color:var(--text-primary);white-space:pre-wrap;border-radius:8px;padding:10px 12px;font-size:.84rem;line-height:1.6;overflow-y:auto}.dcc0-name{color:var(--text-primary);margin-bottom:4px;font-size:1.05rem;font-weight:700;animation:.2s fade-in}.dcc0-luck-note{color:var(--text-muted);padding:2px 0 2px 2px;font-size:.78rem;font-style:italic}.dcc0-quirk{color:var(--text-muted);border:1px solid var(--border);background:#ffffff0a;border-radius:4px;margin-top:4px;padding:3px 8px;font-size:.76rem;display:inline-block}@media print{.site-header,.site-footer,.generate-btn,.gen-action-btn,.card-action-row,.card-icon,.card-subtitle,.dcc0-empty{display:none!important}.dcc0-card{box-shadow:none!important;border:none!important}#dcc0-print{grid-template-columns:1fr 1fr!important}}.wp-result-box{align-items:flex-start;min-height:140px}.wp-product{flex-direction:column;gap:8px;width:100%;animation:.22s fade-in;display:flex}.wp-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.wp-name{color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1.3}.wp-price{color:#a78bfa;white-space:nowrap;background:#8b5cf62e;border-radius:10px;flex-shrink:0;padding:3px 10px;font-size:.9rem;font-weight:700}.wp-tagline{color:var(--accent);font-size:.92rem;font-style:italic;font-weight:600}.wp-desc{color:var(--text-primary);font-size:.875rem;line-height:1.6}.wp-warning{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:6px;padding:5px 10px;font-size:.75rem;line-height:1.5}.curse-result-box{align-items:flex-start}.curse-result{flex-direction:column;gap:8px;width:100%;animation:.22s fade-in;display:flex}.curse-name{color:#f87171;letter-spacing:.3px;margin-bottom:2px;font-size:1.3rem;font-weight:700}.curse-row{align-items:flex-start;gap:10px;display:flex}.curse-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);flex-shrink:0;width:72px;padding-top:3px;font-size:.68rem;font-weight:700}.curse-text{color:var(--text-primary);font-size:.875rem;line-height:1.5}.curse-remedy{color:#4ade80;border-top:1px solid var(--border);padding-top:8px;font-size:.84rem;font-style:italic;line-height:1.6}.pname-result-box{justify-content:center;align-items:center;min-height:100px}.pname-result{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.pname-name{color:var(--text-primary);letter-spacing:.5px;font-size:2.2rem;font-weight:800;animation:.2s fade-in}.pname-note{color:var(--text-muted);font-size:.85rem;font-style:italic;animation:.3s fade-in}.cre-result-box{align-items:flex-start}.cre-result{flex-direction:column;gap:10px;width:100%;animation:.22s fade-in;display:flex}.cre-name{color:#4ade80;letter-spacing:.3px;font-size:1.35rem;font-weight:700}.cre-section{flex-direction:column;gap:3px;display:flex}.cre-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.68rem;font-weight:700}.cre-text{color:var(--text-primary);font-size:.875rem;line-height:1.55}.cre-encounter{color:var(--text-primary);border-top:1px solid var(--border);padding-top:8px;font-size:.875rem;font-style:italic;line-height:1.55}.diff-input-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px;display:grid}@media (width<=600px){.diff-input-grid{grid-template-columns:1fr}}.diff-panel-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:4px;font-size:.72rem;font-weight:700}.diff-textarea{box-sizing:border-box;background:var(--card-bg);border:1px solid var(--border);width:100%;color:var(--text-primary);resize:vertical;border-radius:8px;padding:10px 12px;font-family:Fira Code,Consolas,Courier New,monospace;font-size:.8rem;line-height:1.55;transition:border-color .15s}.diff-textarea:focus{border-color:var(--accent);outline:none}.diff-controls{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.diff-controls-spacer{flex:1}.diff-stat{border-radius:6px;padding:2px 8px;font-size:.8rem;font-weight:700}.diff-stat--add{color:#4ade80;background:#4ade801a}.diff-stat--del{color:#f87171;background:#ef44441a}.diff-stat--eq{color:var(--text-muted);font-weight:400}.diff-output{border:1px solid var(--border);background:#00000059;border-radius:8px;min-height:180px;max-height:calc(100vh - 360px);margin-bottom:10px;font-family:Fira Code,Consolas,Courier New,monospace;font-size:.78rem;line-height:1.55;overflow-y:auto}.diff-output--placeholder{padding:4px 0}.diff-line{align-items:baseline;min-height:1.55em;padding:0;display:flex}.diff-line--eq{background:0 0}.diff-line--del{background:#ef44441f}.diff-line--ins{background:#4ade801a}.diff-line--chg-old{background:#ef44441a}.diff-line--chg-new{background:#4ade8014}.diff-sign{text-align:center;-webkit-user-select:none;user-select:none;flex-shrink:0;width:18px;min-width:18px;padding:0 2px;font-weight:700;display:inline-block}.diff-line--eq .diff-sign{color:#0000}.diff-line--del .diff-sign,.diff-line--chg-old .diff-sign{color:#f87171}.diff-line--ins .diff-sign,.diff-line--chg-new .diff-sign{color:#4ade80}.diff-num{text-align:right;min-width:32px;color:var(--text-muted);opacity:.4;-webkit-user-select:none;user-select:none;flex-shrink:0;padding-right:12px;font-size:.7rem;display:inline-block}.diff-text{white-space:pre-wrap;word-break:break-all;color:var(--text-primary);flex:1;padding:0 8px 0 0}.diff-line--eq .diff-text{color:var(--text-muted);opacity:.7}.diff-line--del .diff-text{color:#fca5a5}.diff-line--ins .diff-text{color:#86efac}mark.diff-hl-del{color:#fecaca;background:#ef444466;border-radius:2px;padding:1px;font-style:normal}mark.diff-hl-add{color:#bbf7d0;background:#4ade8059;border-radius:2px;padding:1px;font-style:normal}.diff-hunk{color:var(--text-muted);-webkit-user-select:none;user-select:none;background:#8b5cf614;border-top:1px solid #8b5cf626;border-bottom:1px solid #8b5cf626;padding:2px 12px;font-size:.72rem;font-style:italic}.diff-empty{color:var(--text-muted);text-align:center;padding:20px;font-family:inherit;font-size:.85rem;font-style:italic}.diff-no-change{color:#4ade80;padding:16px 20px;font-family:inherit;font-size:.85rem;font-style:italic}.gen-page-inner:has(.diff-card){max-width:920px}.meal-result-box{margin-top:18px}.meal-result{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:18px 20px;display:flex}.meal-name{color:var(--accent);letter-spacing:-.01em;font-size:1.2rem;font-weight:700}.meal-meta-row{flex-wrap:wrap;gap:8px;display:flex}.meal-badge{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.meal-desc{color:var(--text-primary);font-size:.9rem;line-height:1.6}.meal-tip{color:var(--text-muted);border-top:1px solid var(--border);padding-top:10px;font-size:.84rem;font-style:italic;line-height:1.55}.gift-result-box{margin-top:18px}.gift-list{flex-direction:column;gap:12px;display:flex}.gift-item{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.gift-item-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.gift-name{color:var(--text-primary);font-size:.97rem;font-weight:700}.gift-price{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);white-space:nowrap;border-radius:99px;padding:2px 10px;font-size:.75rem;font-weight:700}.gift-why{color:var(--text-muted);font-size:.85rem;line-height:1.55}.dc-result-box{margin-top:18px}.dc-result{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:18px 20px;display:flex}.dc-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dc-category-badge{text-transform:uppercase;letter-spacing:.5px;background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:99px;padding:3px 10px;font-size:.72rem;font-weight:700}.dc-duration{color:var(--text-muted);font-size:.8rem;font-weight:600}.dc-title{color:var(--accent);letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.dc-desc{color:var(--text-primary);font-size:.9rem;line-height:1.6}.dc-how{color:var(--text-primary);border-top:1px solid var(--border);padding-top:10px;font-size:.875rem;line-height:1.6}.dc-how-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:4px;font-size:.72rem;font-weight:700}.dc-bonus{color:var(--text-muted);border-top:1px solid var(--border);padding-top:8px;font-size:.84rem;font-style:italic;line-height:1.5}.bc-result-box{margin-top:18px}.bc-result{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:18px 20px;display:flex}.bc-title{color:var(--accent);letter-spacing:-.01em;font-size:1.2rem;font-weight:700}.bc-tagline{color:var(--text-muted);font-size:.9rem;font-style:italic;font-weight:600}.bc-desc{color:var(--text-primary);border-top:1px solid var(--border);padding-top:10px;font-size:.9rem;line-height:1.6}.bc-rules{flex-direction:column;gap:4px;display:flex}.bc-rules-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:4px;font-size:.72rem;font-weight:700}.bc-rules-list{flex-direction:column;gap:4px;margin:0;padding-left:18px;display:flex}.bc-rules-list li{color:var(--text-primary);font-size:.875rem;line-height:1.55}.bc-reward{color:var(--text-muted);border-top:1px solid var(--border);padding-top:10px;font-size:.875rem;font-style:italic;line-height:1.5}.ld-result-box{margin-top:18px}.ld-result{background:var(--card-bg);border:1px solid var(--border);text-align:center;border-radius:12px;flex-direction:column;gap:12px;padding:20px;display:flex}.ld-verdict{color:var(--accent);letter-spacing:-.02em;font-size:1.35rem;font-weight:800;line-height:1.3}.ld-reasoning{color:var(--text-primary);text-align:left;font-size:.92rem;line-height:1.65}.ld-warning{color:var(--text-muted);border-top:1px solid var(--border);text-align:left;padding-top:10px;font-size:.84rem;font-style:italic;line-height:1.5}.rw-textarea{resize:vertical;white-space:pre-wrap;height:auto;min-height:100px;line-height:1.6}.rw-result-box{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-top:16px;padding:16px 18px}.rw-result{color:var(--text-primary);white-space:pre-wrap;font-size:.92rem;line-height:1.7}.ns-result-box{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-top:16px;padding:16px 18px}.ns-result{color:var(--text-primary);font-size:.92rem;line-height:1.7}.ns-line{margin-bottom:4px}.ns-line--bullet{padding-left:16px;position:relative}.ns-line--bullet:before{content:"–";color:var(--accent);font-weight:700;position:absolute;left:0}.sc-result-box{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;margin-top:16px;padding:16px 18px;display:flex}.sc-caption{color:var(--text-primary);white-space:pre-wrap;font-size:.95rem;line-height:1.65}.sc-hashtags{border-top:1px solid var(--border);flex-wrap:wrap;gap:6px;padding-top:10px;display:flex}.sc-tag{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:99px;padding:2px 10px;font-size:.78rem;font-weight:600}.pn-result-box{flex-direction:column;gap:8px;margin-top:16px;display:flex}.pn-item{background:var(--card-bg);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:12px 14px;transition:border-color .15s,background .15s}.pn-item:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 4%, var(--card-bg))}.pn-item-inner{justify-content:space-between;align-items:center;gap:8px;display:flex}.pn-name{color:var(--text-primary);font-size:1rem;font-weight:700}.pn-copy-hint{opacity:.5;flex-shrink:0;font-size:.85rem}.pn-note{color:var(--text-muted);margin-top:4px;font-size:.8rem;font-style:italic}.pw-result-box{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-top:16px;padding:18px 20px}.pw-result{color:var(--text-primary);white-space:pre-wrap;font-size:.92rem;line-height:1.75}.ksp-result-box{margin-top:16px}.ksp-result{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:18px 20px;display:flex}.ksp-title{color:var(--accent);letter-spacing:-.01em;font-size:1.15rem;font-weight:800}.ksp-prompt{color:var(--text-primary);font-size:.92rem;line-height:1.6}.ksp-starter-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.72rem;font-weight:700}.ksp-starter{color:var(--text-primary);border-left:3px solid var(--accent);padding-left:12px;font-size:.9rem;font-style:italic;line-height:1.55}.eg-result-box{margin-top:16px}.eg-result{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:18px 20px;display:flex}.eg-title{color:var(--accent);letter-spacing:-.01em;font-size:1.15rem;font-weight:800}.eg-desc{color:var(--text-primary);font-size:.9rem;line-height:1.6}.eg-section-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.72rem;font-weight:700}.eg-how{color:var(--text-primary);font-size:.875rem;line-height:1.65}.eg-example{color:var(--text-primary);background:color-mix(in srgb, var(--accent) 6%, transparent);border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);border-radius:8px;padding:10px 12px;font-size:.875rem;line-height:1.6}.eg-tip{color:var(--text-muted);border-top:1px solid var(--border);padding-top:8px;font-size:.84rem;font-style:italic;line-height:1.5}.ip-result-box{margin-top:16px}.ip-result{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;padding:18px 20px;display:flex}.ip-prompt{color:var(--text-primary);font-size:1rem;font-weight:500;line-height:1.65}.ip-bonus{color:var(--text-primary);background:color-mix(in srgb, var(--accent) 7%, transparent);border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);border-radius:8px;padding:10px 12px;font-size:.875rem;line-height:1.55}.ip-question{color:var(--text-muted);border-top:1px solid var(--border);padding-top:10px;font-size:.84rem;font-style:italic;line-height:1.5}
