@font-face{font-family:Maple Mono;src:url(/fonts/MapleMonoNormalNL-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg:#f5f5f7;--bg-soft:#fff;--panel:#fff;--panel-strong:#fff;--line:#e0e0e5;--line-strong:#d0d0d8;--text:#1d1d1f;--text-soft:#515154;--muted:#86868b;--accent:#0071e3;--accent-strong:#005bb5;--accent-soft:#0071e314;--danger:#ff3b30;--card-hover:#00000005;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 14px #00000014;--shadow-lg:0 12px 40px #0000001a;--radius:16px;--radius-lg:24px;--max:1320px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.dark{--bg:#0d1117;--bg-soft:#161b22;--panel:#161b22cc;--panel-strong:#161b22f5;--line:#f0f6fc1a;--line-strong:#f0f6fc2e;--text:#e6edf3;--text-soft:#8b949e;--muted:#7d8590;--accent:#58a6ff;--accent-strong:#79c0ff;--accent-soft:#58a6ff1a;--danger:#f85149;--card-hover:#ffffff08;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 14px #00000059;--shadow-lg:0 12px 40px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg);min-height:100%;transition:background .3s}body{min-height:100vh;color:var(--text);background:var(--bg);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,sans-serif;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}button,textarea,input{font:inherit}.shell{width:100%;padding:0 12px 64px}.home-page{width:100%}.topbar{z-index:100;background:var(--bg-soft);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;transition:background .3s,border-color .3s;position:sticky;top:0}.topbar-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;height:56px;margin:0 auto;padding:0 12px;display:grid}.nav-center{justify-content:center;align-items:center;gap:4px;display:flex}.nav-right{align-items:center;gap:12px;display:flex}.brand{letter-spacing:-.02em;color:var(--text);white-space:nowrap;align-items:center;gap:8px;font-size:1rem;font-weight:700;display:inline-flex}.brand-icon{color:var(--accent);justify-content:center;align-items:center;display:flex}.nav{flex-shrink:0;align-items:center;gap:4px;display:flex}.nav-link{color:var(--text-soft);white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:6px 10px;font-size:.85rem;font-weight:500;transition:all .15s;display:inline-flex}.nav-link:hover{color:var(--text);background:var(--accent-soft)}.nav-link.active{color:var(--accent);background:var(--accent-soft)}.user-menu{flex-shrink:0;align-items:center;gap:8px;display:flex}.theme-toggle{border:1px solid var(--line);width:34px;height:34px;color:var(--text-soft);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.theme-toggle:hover{color:var(--text);border-color:var(--line-strong);background:var(--card-hover)}.user-avatar{background:var(--accent-soft);width:26px;height:26px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;display:flex}.user-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.user-avatar span{font-size:.85rem;font-weight:600}.user-menu-dropdown{position:relative}.user-menu-trigger{border:1px solid var(--line);background:var(--panel);height:34px;color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:0 8px;font-family:inherit;font-size:.85rem;transition:all .15s;display:flex}.user-menu-trigger:hover{border-color:var(--line-strong);background:var(--card-hover)}.user-menu-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-weight:500;overflow:hidden}.user-menu-dropdown-content{background:var(--panel-strong);border:1px solid var(--line);min-width:160px;box-shadow:var(--shadow-md);z-index:200;border-radius:10px;padding:6px;display:none;position:absolute;top:100%;right:0}.user-menu-dropdown:hover .user-menu-dropdown-content{display:block}.user-menu-dropdown-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-family:inherit;font-size:.85rem;transition:all .12s;display:flex}.user-menu-dropdown-item:hover{background:var(--accent-soft);color:var(--accent)}.page-content{padding:32px 0 0}.hero{text-align:center;padding:48px 0 40px}.hero h1{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;line-height:1.15}.hero .lede{max-width:56ch;color:var(--muted);margin:0 auto;font-size:1.05rem;line-height:1.6}.section-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.section-header h2{letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:600}.section-header .count{color:var(--muted);font-size:.9rem}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.scenario-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-sm);flex-direction:column;transition:all .2s;display:flex;position:relative;overflow:hidden}.scenario-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-3px)}.card-cover{background:var(--bg);width:100%;height:180px;position:relative;overflow:hidden}.card-cover-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.scenario-card:hover .card-cover-img{transform:scale(1.05)}.card-body{flex-direction:column;flex:1;padding:18px 20px;display:flex}.card-tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.card-tag{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:500}.scenario-card h3{letter-spacing:-.01em;margin:0 0 8px;font-size:1.15rem;font-weight:600;line-height:1.3}.scenario-card .card-summary{color:var(--text-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 16px;font-size:.9rem;line-height:1.55;display:-webkit-box;overflow:hidden}.card-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:auto;padding:12px 20px;display:flex}.card-link{color:var(--accent);align-items:center;gap:4px;font-size:.85rem;font-weight:600;line-height:1;display:inline-flex}.card-link:hover{color:var(--accent-strong)}.card-link .arrow{transition:transform .15s}.scenario-card:hover .card-link .arrow{transform:translate(3px)}.card-meta{color:var(--muted);font-size:.8rem}.button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-height:42px;padding:0 20px;font-size:.9rem;font-weight:500;transition:all .15s;display:inline-flex}.button.primary{background:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-strong)}.button.secondary{border-color:var(--line);color:var(--text);background:0 0}.button.secondary:hover{border-color:var(--line-strong);background:var(--card-hover)}.page-content:has(>.game-layout){height:100%;padding:0;overflow:hidden}body:has(.page-content>.game-layout){overflow:hidden}.shell:has(.page-content>.game-layout){height:calc(100dvh - 57px);padding:0;overflow:hidden}.game-layout{grid-template-columns:300px minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:hidden}.game-not-found{height:100%;color:var(--muted);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.game-sidebar{border-right:1px solid var(--line);background:var(--bg-soft);flex-direction:column;min-height:0;display:flex;overflow:hidden}.game-sidebar-header{border-bottom:1px solid var(--line);padding:20px 16px 16px}.game-sidebar-title{margin:0 0 6px;font-size:1.05rem;font-weight:600;line-height:1.3}.game-sidebar-summary{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}.game-sidebar-actions{border-bottom:1px solid var(--line);gap:8px;padding:12px 16px;display:flex}.game-sidebar-section{flex-direction:column;flex:1;min-height:0;padding:12px 16px;display:flex;overflow:hidden}.game-sidebar-section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.game-sidebar-section-title{color:var(--text-soft);text-transform:uppercase;letter-spacing:.03em;font-size:.82rem;font-weight:600}.game-btn-new-conversation{border:1px dashed var(--line-strong);width:100%;height:34px;color:var(--accent);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-bottom:8px;font-family:inherit;font-size:.82rem;font-weight:500;transition:all .15s;display:flex}.game-btn-new-conversation:hover{border-color:var(--accent);background:var(--accent-soft)}.game-conversation-list{flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:auto}.game-conversation-list::-webkit-scrollbar{width:4px}.game-conversation-list::-webkit-scrollbar-track{background:0 0}.game-conversation-list::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:2px}.game-conversation-item{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;transition:all .12s;display:flex}.game-conversation-item:hover{background:var(--card-hover)}.game-conversation-item.active{background:var(--accent-soft)}.game-conversation-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.game-conversation-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.game-conversation-item.active .game-conversation-title{color:var(--accent)}.game-conversation-time{color:var(--muted);font-size:.72rem}.game-conversation-more{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .12s;display:flex}.game-conversation-more:hover{background:var(--line);color:var(--text)}.conv-menu{z-index:50;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:8px;min-width:120px;padding:4px;position:absolute;top:100%;right:0}.conv-menu-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:7px 12px;font-size:.85rem;display:flex}.conv-menu-item:hover{background:var(--line)}.conv-menu-item.danger{color:var(--error,#e53e3e)}.mini-modal-backdrop{z-index:300;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mini-modal{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:320px;padding:24px}.mini-modal h4{margin:0 0 14px;font-size:1rem;font-weight:600}.mini-modal p{color:var(--text-soft);margin:0 0 16px;font-size:.875rem}.mini-modal input{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);box-sizing:border-box;border-radius:8px;outline:none;margin-bottom:16px;padding:8px 12px;font-family:inherit;font-size:.875rem}.mini-modal input:focus{border-color:var(--accent)}.mini-modal-footer{justify-content:flex-end;gap:8px;display:flex}.mini-modal-footer button{cursor:pointer;border:1px solid var(--line);color:var(--text);background:0 0;border-radius:8px;padding:7px 16px;font-size:.85rem}.mini-modal-footer button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.mini-modal-footer button.danger{background:var(--error,#e53e3e);border-color:var(--error,#e53e3e);color:#fff}.memory-modal-wrap-row{border:1px solid var(--line);background:var(--bg);border-radius:10px;align-items:center;gap:14px;margin-bottom:18px;padding:14px 16px;transition:background .2s,border-color .2s;display:flex}.memory-modal-wrap-row:has(.model-params-toggle:checked){background:var(--accent-soft);border-color:#0000}.memory-modal-wrap-row .model-params-toggle{width:0;margin:0;padding:0}.memory-modal-wrap-text{flex:1;min-width:0}.memory-modal-wrap-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:.95rem;font-weight:600;line-height:1.3;overflow:hidden}.memory-modal-wrap-desc{color:var(--text-soft);font-size:.78rem;font-weight:400;line-height:1.55}.append-modal{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:540px;max-width:90vw;max-height:85vh;padding:24px;overflow-y:auto}.append-modal-header{margin-bottom:20px}.append-modal-header h4{margin:0 0 8px;font-size:1.1rem;font-weight:600}.append-modal-header p{color:var(--text-soft);margin:0;font-size:.82rem;line-height:1.5}.append-modal-section{margin-bottom:16px}.append-modal-label{flex-direction:column;gap:3px;margin-bottom:8px;display:flex}.append-modal-label-title{color:var(--text);font-size:.88rem;font-weight:600}.append-modal-label-title code{color:var(--muted);background:var(--accent-soft);border-radius:4px;padding:1px 6px;font-size:.78rem;font-weight:400}.append-modal-label-desc{color:var(--text-soft);font-size:.78rem}.append-modal-textarea{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);resize:vertical;border-radius:8px;outline:none;min-height:60px;padding:10px 12px;font-family:inherit;font-size:.85rem;line-height:1.5;transition:border-color .15s}.append-modal-textarea:focus{border-color:var(--accent)}.append-modal-textarea::placeholder{color:var(--muted)}.append-modal::-webkit-scrollbar{width:6px}.append-modal::-webkit-scrollbar-track{background:0 0}.append-modal::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}.append-modal::-webkit-scrollbar-thumb:hover{background:var(--muted)}.append-modal{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.model-params-modal{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:520px;max-width:90vw;max-height:85vh;padding:24px;overflow-y:auto}.model-params-modal.reasoning-modal{width:420px}.model-params-row{border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:18px}.model-params-row:last-of-type{border-bottom:none;margin-bottom:12px;padding-bottom:0}.model-params-row-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.model-params-label{color:var(--text);font-size:.88rem;font-weight:600}.model-params-toggle-wrap{cursor:pointer;flex-shrink:0;align-items:center;display:inline-flex;position:relative}.model-params-toggle{opacity:0;width:0;height:0;position:absolute}.model-params-toggle-slider{background:var(--line-strong);border-radius:10px;width:36px;height:20px;transition:background .2s;position:relative}.model-params-toggle-slider:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.model-params-toggle:checked+.model-params-toggle-slider{background:var(--accent)}.model-params-toggle:checked+.model-params-toggle-slider:after{transform:translate(16px)}.model-params-toggle:focus-visible+.model-params-toggle-slider{outline:2px solid var(--accent);outline-offset:2px}.model-params-slider-wrap{align-items:center;gap:12px;margin-bottom:4px;display:flex}.model-params-slider{appearance:none;background:var(--line);border-radius:3px;outline:none;flex:1;height:6px;transition:opacity .2s}.model-params-slider:disabled{opacity:.4;cursor:not-allowed}.model-params-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;box-shadow:0 1px 4px #00000026}.model-params-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.model-params-slider:disabled::-webkit-slider-thumb{cursor:not-allowed;background:var(--muted)}.model-params-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #00000026}.model-params-slider:disabled::-moz-range-thumb{cursor:not-allowed;background:var(--muted)}.model-params-slider::-moz-range-track{background:var(--line);border-radius:3px;height:6px}.model-params-value{color:var(--accent);text-align:right;font-variant-numeric:tabular-nums;min-width:40px;font-size:.85rem;font-weight:600}.model-params-number{font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;width:90px}.model-params-desc{color:var(--text-soft);margin-top:6px;font-size:.78rem;line-height:1.4;display:block}.model-params-row .field-select{width:100%;display:block}.model-params-tip{color:var(--text-soft);background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;margin:8px 0 16px;padding:10px 14px;font-size:.78rem;line-height:1.5}.append-modal-header p code{background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);border-radius:4px;padding:1px 5px;font-family:SF Mono,Fira Code,ui-monospace,monospace;font-size:.8em}.model-params-row:has(.model-params-toggle:checked){background:var(--accent-soft);border-bottom-color:#0000;border-radius:10px;margin-left:-12px;margin-right:-12px;padding:12px}.game-btn-outline{border:1px solid var(--line);height:32px;color:var(--text-soft);cursor:pointer;background:0 0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:.78rem;font-weight:500;transition:all .15s;display:inline-flex}.game-btn-outline:hover{border-color:var(--line-strong);color:var(--text);background:var(--card-hover)}.scenario-detail-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.18s scenario-detail-in;display:flex;position:fixed;inset:0}@keyframes scenario-detail-in{0%{opacity:0}to{opacity:1}}.scenario-detail-modal{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:100%;max-width:520px;max-height:85vh;animation:.2s scenario-detail-slide;position:relative;overflow-y:auto;box-shadow:0 24px 64px #0003}@keyframes scenario-detail-slide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.scenario-detail-modal::-webkit-scrollbar{width:4px}.scenario-detail-modal::-webkit-scrollbar-track{background:0 0}.scenario-detail-modal::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}.scenario-detail-close{background:var(--bg-soft);width:32px;height:32px;color:var(--text-soft);cursor:pointer;z-index:1;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .12s;display:flex;position:absolute;top:14px;right:14px}.scenario-detail-close:hover{background:var(--line);color:var(--text)}.scenario-detail-body{padding:24px 28px 28px}.scenario-detail-title{color:var(--text);margin:0 0 12px;padding-right:32px;font-size:1.25rem;font-weight:700;line-height:1.4}.scenario-detail-tags{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.scenario-detail-tag{background:var(--accent-soft);color:var(--accent);border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:500;display:inline-block}.scenario-detail-content{color:var(--text);font-size:.9rem}.scenario-detail-empty{color:var(--muted);margin:0;font-size:.875rem;font-style:italic}.scenario-detail-wb-notice{background:var(--accent-soft);border:1px solid var(--line);color:var(--text-soft);border-radius:10px;margin-top:16px;padding:12px 14px;font-size:.8125rem;line-height:1.55}.scenario-detail-wb-notice-title{color:var(--text);margin-bottom:4px;font-weight:600}.scenario-detail-wb-notice p{margin:0}.game-btn-icon{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .12s;display:inline-flex}.game-btn-icon:hover{background:var(--card-hover);color:var(--text)}.game-main{background:var(--bg);flex-direction:column;min-height:0;display:flex;overflow:hidden}.chat-area{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--line);background:var(--bg-soft);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.chat-header-left{align-items:center;gap:12px;display:flex}.chat-title{margin:0;font-size:1rem;font-weight:600}.chat-header-right{align-items:center;gap:10px;display:flex}.model-picker{position:relative}.model-picker-trigger{border:1px solid var(--line);background:var(--bg-soft);height:32px;color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;max-width:160px;padding:0 10px;font-family:inherit;font-size:.82rem;transition:border-color .15s,background .15s;display:flex}.model-picker-trigger:hover{border-color:var(--accent);background:var(--accent-soft)}.model-picker-trigger-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.model-picker-chevron{color:var(--text-soft);flex-shrink:0;transition:transform .2s}.model-picker-chevron.open{transform:rotate(180deg)}.model-picker-dropdown{z-index:200;background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:2px;min-width:240px;max-width:320px;max-height:400px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.model-picker-item{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;border-radius:8px;padding:10px 12px;font-family:inherit;transition:background .12s}.model-picker-item:hover,.model-picker-item.active{background:var(--accent-soft)}.model-picker-item-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.model-picker-item-name{color:var(--text);font-size:.875rem;font-weight:600}.model-picker-check{color:var(--accent);flex-shrink:0}.model-picker-item-tags{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.model-picker-tag{background:var(--line);color:var(--text-soft);border-radius:20px;padding:1px 7px;font-family:inherit;font-size:.7rem}.model-picker-tag.relay{background:var(--accent-soft);color:var(--accent)}.model-picker-item-desc{color:var(--text-soft);white-space:normal;margin:5px 0 0;font-size:.75rem;line-height:1.4}.chat-model-fallback-msg{color:var(--warning,#d97706);white-space:nowrap;font-size:.75rem}.chat-btn-icon{width:32px;height:32px;color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .12s;display:inline-flex}.chat-btn-icon:hover{background:var(--card-hover);color:var(--text)}.chat-messages{flex-direction:column;flex:1;gap:20px;min-height:0;padding:24px 20px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--muted)}.chat-messages{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{pointer-events:all;border-radius:8px;align-items:center;gap:10px;max-width:360px;padding:12px 16px;font-size:.875rem;animation:.2s toast-in;display:flex;box-shadow:0 4px 16px #0000002e}.toast-error{color:#f5b8b8;background:#3d1a1a;border:1px solid #7a2e2e}.toast-success{color:#b8f5be;background:#1a3d1e;border:1px solid #2e7a36}.toast-info{color:#b8d8f5;background:#1a2d3d;border:1px solid #2e5a7a}.toast-message{flex:1;line-height:1.4}.toast-close{cursor:pointer;opacity:.6;color:inherit;background:0 0;border:none;flex-shrink:0;padding:0;font-size:1.1rem;line-height:1}.toast-close:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-message{gap:12px;max-width:85%;display:flex}.chat-message-user{flex-direction:row-reverse;align-self:flex-end}.chat-message-ai{align-self:flex-start}.chat-message-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.chat-message-avatar-user{background:var(--accent);color:#fff}.chat-avatar-text{font-size:.85rem;font-weight:600}.chat-message-avatar-ai{background:var(--line);overflow:hidden}.chat-avatar-img{background:var(--muted);border-radius:50%;width:100%;height:100%}.chat-message-content{flex-direction:column;gap:8px;min-width:0;max-width:100%;display:flex}.chat-message-text{word-break:break-word;overflow-wrap:break-word;border-radius:12px;padding:14px 18px;font-size:.9rem;line-height:1.75}.chat-message-user .chat-message-text{background:var(--accent-soft);border:1px solid var(--line);color:var(--text)}.chat-message-ai .chat-message-text{background:var(--panel);border:1px solid var(--line);color:var(--text)}.chat-message-text p{margin:0 0 .8em}.chat-message-text p:last-child{margin-bottom:0}.chat-message-ai .story-article{margin:0}.chat-message-ai .story-article details{margin-bottom:.8em}.chat-reasoning-box{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 82%, var(--accent-soft) 18%);border-radius:12px;overflow:hidden}.chat-reasoning-toggle{width:100%;color:var(--text-soft);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-family:inherit;font-size:.82rem;display:flex}.chat-reasoning-toggle:hover{background:var(--card-hover);color:var(--text)}.chat-reasoning-toggle-left,.chat-reasoning-toggle-right{align-items:center;gap:6px;display:inline-flex}.chat-reasoning-chevron{transition:transform .15s}.chat-reasoning-chevron.open{transform:rotate(180deg)}.chat-reasoning-content{padding:0 14px 14px}.chat-reasoning-content pre{white-space:pre-wrap;word-break:break-word;color:var(--text-soft);margin:0;font-family:Consolas,SFMono-Regular,monospace;font-size:.82rem;line-height:1.7}.chat-message-actions{opacity:0;gap:4px;transition:opacity .15s;display:flex}.chat-message-user:hover .chat-message-actions,.chat-message-ai:hover .chat-message-actions{opacity:1}.chat-token-cost{color:var(--text-muted);opacity:.7;margin-top:4px;font-size:11px}.chat-message-loading{justify-content:center;align-items:center;gap:6px;min-height:44px;display:flex}.chat-message-error{color:var(--text-muted);font-size:.9em;font-style:italic}.chat-loading-dot{background:var(--muted);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite chat-dot-bounce}.chat-loading-dot:first-child{animation-delay:0s}.chat-loading-dot:nth-child(2){animation-delay:.2s}.chat-loading-dot:nth-child(3){animation-delay:.4s}@keyframes chat-dot-bounce{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.chat-message-action-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-family:inherit;font-size:.75rem;transition:all .12s;display:inline-flex}.chat-message-action-btn:hover{background:var(--card-hover);color:var(--text)}.chat-message-action-danger:hover{color:var(--danger)}.chat-message-edit-wrap{flex-direction:column;gap:8px;width:100%;display:flex}.chat-message-edit-area{border:1px solid var(--accent);background:var(--bg);width:100%;min-width:500px;min-height:120px;max-height:60vh;color:var(--text);resize:vertical;box-sizing:border-box;border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:.9rem;line-height:1.6}.chat-message-edit-actions{justify-content:flex-end;gap:8px;display:flex}.chat-edit-btn{cursor:pointer;border:1px solid var(--line);color:var(--text);background:0 0;border-radius:8px;padding:5px 14px;font-family:inherit;font-size:.82rem}.chat-edit-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.auth-page{background:var(--bg);justify-content:center;align-items:center;min-height:calc(100vh - 56px);padding:32px 16px;display:flex}.auth-card{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);width:100%;max-width:440px;box-shadow:var(--shadow-md);padding:40px 32px}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{letter-spacing:-.02em;margin:0 0 8px;font-size:1.6rem;font-weight:700}.auth-header p{color:var(--muted);margin:0;font-size:.95rem}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-error{color:var(--danger);background:#ff3b3014;border:1px solid #ff3b3033;border-radius:8px;padding:12px 16px;font-size:.88rem}.auth-success{color:#30d15e;background:#30d14e14;border:1px solid #30d14e33;border-radius:8px;padding:12px 16px;font-size:.88rem}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field label{color:var(--text-soft);font-size:.85rem;font-weight:500}.auth-field input{border:1px solid var(--line);background:var(--bg);height:44px;color:var(--text);border-radius:10px;padding:0 14px;font-size:.95rem;transition:border-color .15s}.auth-field input:focus{border-color:var(--accent);outline:none}.auth-field input::placeholder{color:var(--muted)}.auth-submit-btn{height:46px;margin-top:8px;font-size:1rem}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;color:var(--text-soft);margin-top:24px;font-size:.9rem}.auth-footer a{color:var(--accent);font-weight:500}.auth-footer a:hover{color:var(--accent-strong)}.turnstile-container{justify-content:center;min-height:65px;display:flex}.turnstile-loading,.turnstile-error{text-align:center;color:var(--muted);padding:12px 0;font-size:.85rem}.turnstile-error{color:var(--danger)}.chat-pagination{background:var(--bg-soft);border-bottom:1px solid var(--line);flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding:8px 20px;display:flex}.chat-pagination-btn{border:1px solid var(--line);color:var(--text-soft);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:4px 12px;font-size:.8rem;transition:border-color .15s,color .15s;display:inline-flex}.chat-pagination-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.chat-pagination-btn:disabled{opacity:.35;cursor:not-allowed}.chat-pagination-info{color:var(--muted);align-items:center;gap:6px;font-size:.8rem;display:flex}.chat-pagination-jump{border:1px solid var(--line);background:var(--bg);width:40px;color:var(--text);text-align:center;border-radius:4px;padding:2px 4px;font-size:.8rem;transition:border-color .15s}.chat-pagination-jump:focus{border-color:var(--accent);outline:none}.chat-pagination-jump::-webkit-inner-spin-button{-webkit-appearance:none}.chat-pagination-jump::-webkit-outer-spin-button{-webkit-appearance:none}.chat-actions{border-top:1px solid var(--line);background:var(--bg-soft);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:4px;padding:8px 20px;display:flex}.chat-action-btn{border:1px solid var(--line);background:var(--panel);color:var(--text-soft);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:.78rem;font-weight:500;transition:all .12s;display:inline-flex}.chat-action-btn:hover{border-color:var(--line-strong);color:var(--text);background:var(--card-hover)}.chat-settings-wrap{position:relative}.chat-settings-menu{background:var(--panel);border:1px solid var(--line);z-index:200;border-radius:10px;flex-direction:column;gap:1px;min-width:160px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0000001f}.chat-settings-item{width:100%;color:var(--text-soft);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:8px 12px;font-family:inherit;font-size:.83rem;transition:all .1s;display:flex}.chat-settings-item:hover{background:var(--card-hover);color:var(--text)}.chat-settings-item:disabled{opacity:.45;cursor:not-allowed}.chat-settings-item:disabled:hover{color:var(--text-soft);background:0 0}.chat-composer{border-top:1px solid var(--line);background:var(--bg-soft);flex-shrink:0;padding:12px 20px 16px}.chat-composer-input{border:1px solid var(--line);background:var(--bg);width:100%;min-height:83px;max-height:200px;color:var(--text);resize:none;border-radius:10px;padding:10px 14px;font-family:inherit;font-size:.88rem;line-height:1.5;transition:border-color .15s,box-shadow .15s}.chat-composer-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.chat-composer-input::placeholder{color:var(--muted)}.chat-composer-footer{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.chat-composer-count{color:var(--muted);font-size:.75rem}.chat-composer-send{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:inline-flex}.chat-composer-send:hover:not(:disabled){background:var(--accent-strong)}.chat-composer-send:disabled{opacity:.4;cursor:not-allowed}.chat-composer-cancel{background:var(--danger)}.chat-composer-cancel:hover{filter:brightness(.8)}@media (max-width:900px){.game-layout{grid-template-columns:1fr}.game-sidebar{display:none}.chat-message{max-width:95%}}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-sm);padding:24px}.panel h1,.panel h2{margin-top:0}.sidebar{position:sticky;top:80px}.sidebar-block+.sidebar-block{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.plain-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.active-row{color:var(--accent);font-weight:500}.transcript{gap:16px;display:grid}.message{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:20px}.message-user{border-color:var(--accent);background:var(--accent-soft)}.message-meta{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.8rem;font-weight:500}.story-article{color:var(--text);line-height:1.8}.story-article p:first-child{margin-top:0}.story-article details{border:1px solid var(--line);background:var(--accent-soft);border-radius:12px;margin-bottom:1rem;padding:1rem 1.2rem}.story-article pre{background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;margin:.8rem 0;padding:14px 16px;font-family:Maple Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.85rem;line-height:1.6;overflow-x:auto}.story-article pre code{color:inherit;background:0 0;padding:0;font-family:Maple Mono,Fira Code,Cascadia Code,Consolas,monospace}.story-article code{background:var(--line);border-radius:4px;padding:2px 6px;font-family:Maple Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.85em}.story-article h1,.story-article h2,.story-article h3{margin:1.2rem 0 .5rem;font-weight:600;line-height:1.4}.story-article ul,.story-article ol{margin:.5rem 0;padding-left:1.5rem}.story-article blockquote{border-left:3px solid var(--accent);color:var(--text-soft);margin:.8rem 0;padding:.4rem 1rem}.composer{gap:10px;margin-top:8px;display:grid}.composer textarea{resize:vertical;border:1px solid var(--line);width:100%;color:var(--text);background:var(--bg);border-radius:12px;padding:14px}.composer textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.empty-state{text-align:center;color:var(--muted);padding:64px 24px}.empty-state h3{color:var(--text-soft);margin:0 0 8px}.pagination{border-top:1px solid var(--line);justify-content:center;align-items:center;gap:4px;margin-top:40px;padding-top:24px;display:flex}.pagination-btn{border:1px solid var(--line);background:var(--panel);min-width:36px;height:36px;color:var(--text-soft);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .15s;display:inline-flex}.pagination-btn:hover:not(:disabled):not(.active){border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.pagination-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-ellipsis{width:36px;color:var(--muted);justify-content:center;align-items:center;font-size:1.2rem;display:inline-flex}@media (max-width:960px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.game-layout{grid-template-columns:1fr}.sidebar{position:static}.nav-link span{display:none}}@media (max-width:640px){.topbar{padding:0 16px}.cards-grid{grid-template-columns:1fr}.hero{padding:32px 0 24px}.hero h1{font-size:1.6rem}}:is(.page-content:has(>.profile-layout),.page-content:has(>.admin-layout)){height:100%;padding:0;overflow:hidden}:is(body:has(.page-content>.profile-layout),body:has(.page-content>.admin-layout)){overflow:hidden}:is(.shell:has(.page-content>.profile-layout),.shell:has(.page-content>.admin-layout)){height:calc(100dvh - 56px);padding:0;overflow:hidden}.profile-layout{grid-template-columns:220px minmax(0,1fr);height:100%;display:grid;overflow:hidden}.profile-sidebar{background:var(--bg-soft);border-right:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex-direction:column;height:100%;display:flex;overflow:hidden auto}.profile-sidebar::-webkit-scrollbar{width:4px}.profile-sidebar::-webkit-scrollbar-track{background:0 0}.profile-sidebar::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}.profile-sidebar-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-shrink:0;padding:20px 20px 12px;font-size:.7rem;font-weight:600}.profile-menu-nav{flex-direction:column;gap:2px;padding:0 8px 16px;display:flex}.profile-menu-btn{text-align:left;width:100%;color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:9px 12px;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:block;position:relative}.profile-menu-btn:hover{background:var(--card-hover);color:var(--text)}.profile-menu-btn.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.profile-menu-btn.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.profile-main{background:var(--bg);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;height:100%;overflow:hidden auto}.profile-main::-webkit-scrollbar{width:6px}.profile-main::-webkit-scrollbar-track{background:0 0}.profile-main::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:6px}.profile-panel{padding:32px 40px}.profile-panel--scenarios{padding:0}.profile-panel--tokens{flex-direction:column;gap:28px;display:flex}.tokens-chart-header{flex-wrap:wrap;align-items:baseline;gap:16px;display:flex}.tokens-chart-legend{color:var(--text-soft);gap:16px;margin-top:10px;font-size:.8125rem;display:flex}.tokens-legend-dot{background:var(--accent);vertical-align:middle;border-radius:2px;width:10px;height:10px;margin-right:5px;display:inline-block}.tokens-list-section{flex-direction:column;gap:12px;display:flex}.tokens-list-header{align-items:center;gap:12px;display:flex}.tokens-list-title{font-size:1rem;font-weight:600}.tokens-table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.tokens-table{border-collapse:collapse;width:100%;font-size:.875rem}.tokens-table th{text-align:left;color:var(--text-soft);background:var(--bg-soft);border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 14px;font-size:.8125rem;font-weight:600}.tokens-table td{border-bottom:1px solid var(--line);color:var(--text);padding:10px 14px}.tokens-table tbody tr:last-child td{border-bottom:none}.tokens-table tbody tr:hover td{background:var(--bg-soft)}.tokens-pagination{justify-content:center;align-items:center;gap:12px;padding-top:4px;display:flex}.profile-panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 40px 16px;display:flex}.profile-panel h2{letter-spacing:-.01em;margin:0 0 28px;font-size:1.25rem;font-weight:600}.account-section+.account-section{border-top:1px solid var(--line);margin-top:32px;padding-top:28px}.account-section h3{color:var(--text-soft);margin:0 0 16px;font-size:1rem;font-weight:600}.account-profile-row{align-items:flex-start;gap:24px;display:flex}.account-profile-info{flex-direction:column;gap:4px;display:flex}.account-fields-grid{grid-template-columns:1fr 1fr;gap:20px 32px;display:grid}.account-password-grid{grid-template-columns:1fr 1fr 1fr;align-items:end;gap:16px 24px;display:grid}.account-password-action,.form-field{flex-direction:column;gap:6px;display:flex}.form-hint{color:var(--muted);margin:0;font-size:.78rem}.form-hint--error{color:#ef4444}.form-hint--success{color:#22c55e}.avatar-row{align-items:center;gap:20px;display:flex}.avatar-large{background:var(--accent-soft);width:72px;height:72px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.8rem;font-weight:700;display:flex}.avatar-info{flex-direction:column;gap:4px;display:flex}.username{margin:0;font-size:1.1rem;font-weight:600}.user-id{color:var(--muted);margin:0;font-size:.85rem}.form-stack{gap:8px;display:grid}.form-label{color:var(--text-soft);font-size:.85rem;font-weight:500}.form-input{border:1px solid var(--line);background:var(--bg);width:100%;height:42px;color:var(--text);border-radius:10px;padding:0 14px;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.email-row{align-items:center;gap:12px;display:flex}.email-row .form-input{flex:1}.button.small{min-height:34px;padding:0 14px;font-size:.8rem}.confirm-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--panel-strong);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);flex-direction:column;gap:20px;min-width:260px;padding:24px 28px;display:flex}.confirm-message{color:var(--text);margin:0;font-size:.95rem}.confirm-actions{justify-content:flex-end;gap:8px;display:flex}.muted{color:var(--muted)}@media (max-width:768px){:is(.shell:has(.page-content>.profile-layout),.shell:has(.page-content>.admin-layout)),:is(.page-content:has(>.profile-layout),.page-content:has(>.admin-layout)){height:auto;overflow:visible}:is(body:has(.page-content>.profile-layout),body:has(.page-content>.admin-layout)){overflow:auto}.profile-layout{grid-template-columns:1fr;height:auto;overflow:visible}.profile-sidebar{border-right:none;border-bottom:1px solid var(--line);height:auto;overflow:visible}.profile-sidebar-title{display:none}.profile-menu-nav{scrollbar-width:none;flex-direction:row;gap:4px;padding:8px;overflow-x:auto}.profile-menu-nav::-webkit-scrollbar{display:none}.profile-menu-btn{white-space:nowrap;border-radius:20px;flex:none;width:auto;padding:6px 14px}.profile-menu-btn.active:before{display:none}.profile-main{height:auto;overflow:visible}.profile-panel{padding:20px 16px}.account-profile-row{flex-direction:column}.account-fields-grid,.account-password-grid{grid-template-columns:1fr}}.admin-layout{grid-template-columns:220px minmax(0,1fr);height:100%;display:grid;overflow:hidden}.admin-loading{height:calc(100dvh - 56px);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.admin-sidebar{background:var(--bg-soft);border-right:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex-direction:column;height:100%;display:flex;overflow:hidden auto}.admin-sidebar::-webkit-scrollbar{width:4px}.admin-sidebar::-webkit-scrollbar-track{background:0 0}.admin-sidebar::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}.admin-sidebar-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-shrink:0;padding:20px 20px 12px;font-size:.7rem;font-weight:600}.admin-menu-nav{flex-direction:column;gap:2px;padding:0 8px 16px;display:flex}.admin-menu-btn{text-align:left;width:100%;color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:9px 12px;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:block;position:relative}.admin-menu-btn:hover{background:var(--card-hover);color:var(--text)}.admin-menu-btn.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.admin-menu-btn.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.admin-main{background:var(--bg);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;height:100%;overflow:hidden auto}.admin-main::-webkit-scrollbar{width:6px}.admin-main::-webkit-scrollbar-track{background:0 0}.admin-main::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:6px}.admin-panel{padding:0}.admin-panel>p{margin:0;padding:32px 40px}.admin-panel h2{letter-spacing:-.01em;margin:0 0 28px;font-size:1.25rem;font-weight:600}@media (max-width:768px){.admin-layout{grid-template-columns:1fr;height:auto;overflow:visible}.admin-sidebar{border-right:none;border-bottom:1px solid var(--line);height:auto;overflow:visible}.admin-sidebar-title{display:none}.admin-menu-nav{scrollbar-width:none;flex-direction:row;gap:4px;padding:8px;overflow-x:auto}.admin-menu-nav::-webkit-scrollbar{display:none}.admin-menu-btn{white-space:nowrap;border-radius:20px;flex:none;width:auto;padding:6px 14px}.admin-menu-btn.active:before{display:none}.admin-main{height:auto;overflow:visible}.admin-panel{padding:20px 16px}}.page-content:has(>.scenario-layout){height:100%;padding:0;overflow:hidden}body:has(.page-content>.scenario-layout){overflow:hidden}.shell:has(.page-content>.scenario-layout){height:calc(100dvh - 57px);padding:0;overflow:hidden}.scenario-layout{flex-direction:column;max-width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.scenario-topbar{border-bottom:1px solid var(--line);background:var(--bg-soft);justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex}.scenario-top-tabs{gap:0;display:flex}.scenario-top-tab{color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;font-family:inherit;font-size:.88rem;font-weight:500;transition:all .15s}.scenario-top-tab:hover{color:var(--text)}.scenario-top-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.scenario-topbar-right{align-items:center;gap:8px;display:flex}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;height:34px;padding:0 18px;font-family:inherit;font-size:.85rem;font-weight:500;transition:background .15s;display:inline-flex}.btn-primary:hover{background:var(--accent-strong)}.btn-outline{border:1px solid var(--line);height:34px;color:var(--text-soft);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-outline:hover{border-color:var(--line-strong);color:var(--text);background:var(--card-hover)}.btn-outline.btn-sm,.btn-primary.btn-sm{height:28px;padding:0 10px;font-size:.8rem}.btn-danger{border:1px solid var(--danger,#e53e3e);height:34px;color:var(--danger,#e53e3e);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:0 14px;font-family:inherit;font-size:.85rem;transition:background .15s,color .15s;display:inline-flex}.btn-danger:hover{background:var(--danger,#e53e3e);color:#fff}.btn-danger.btn-sm{height:28px;padding:0 10px;font-size:.8rem}.btn-outline.btn-icon{width:34px;padding:0}.btn-link{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-family:inherit;font-size:.85rem;font-weight:500}.btn-link:hover{background:var(--accent-soft)}.btn-add{margin-top:8px;font-size:.82rem}.scenario-body{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid;overflow:hidden}.scenario-editor{border-right:1px solid var(--line);background:var(--bg-soft);min-height:0;overflow:auto}.scenario-editor::-webkit-scrollbar{width:6px}.scenario-editor::-webkit-scrollbar-track{background:0 0}.scenario-editor::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}.scenario-editor::-webkit-scrollbar-thumb:hover{background:var(--muted)}.scenario-editor{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.editor-section{width:100%;padding:24px}.field{gap:8px;display:grid}.field-divider{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.field-label{color:var(--text);font-size:.88rem;font-weight:500}.field-label.required:after{content:" *";color:var(--danger)}.field-label-row{justify-content:space-between;align-items:center;display:flex}.field-hint{color:var(--muted);margin:0;font-size:.78rem;line-height:1.5}.field-input,.field-select{border:1px solid var(--line);background:var(--bg);height:38px;color:var(--text);border-radius:8px;padding:0 12px;font-family:inherit;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.field-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}.field-input:focus,.field-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.field-input:disabled,.field-select:disabled{opacity:.45;cursor:not-allowed}html.dark .field-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237d8590' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.field-input.full-width{width:100%}.field-textarea{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);resize:vertical;border-radius:8px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,SF Mono,Cascadia Code,Fira Code,monospace;font-size:.85rem;line-height:1.6;transition:border-color .15s,box-shadow .15s}.field-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.toggle-label{cursor:pointer;align-items:center;gap:10px;display:flex}.toggle-text{color:var(--muted);font-size:.82rem}.toggle-track{background:var(--line);border-radius:999px;width:36px;height:20px;transition:background .2s;display:inline-block;position:relative}.toggle-input{opacity:0;width:0;height:0;position:absolute}.toggle-input:checked+.toggle-thumb{background:var(--accent)}.toggle-track:has(.toggle-input:checked){background:var(--accent)}.toggle-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-input:checked~.toggle-thumb{transform:translate(16px)}.cover-upload{border:2px dashed var(--line);width:120px;height:120px;color:var(--muted);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;margin:4px 0;transition:all .15s;display:flex}.cover-upload:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.checkbox-label{cursor:pointer;align-items:flex-start;gap:8px;margin-top:4px;display:flex}.checkbox-input{accent-color:var(--accent);margin-top:3px}.checkbox-text{color:var(--text-soft);font-size:.82rem;line-height:1.4}.rich-editor{border:1px solid var(--line);background:var(--bg);border-radius:10px;overflow:hidden}.rich-toolbar{border-bottom:1px solid var(--line);background:var(--bg-soft);flex-wrap:wrap;align-items:center;gap:2px;padding:6px 8px;display:flex}.toolbar-btn{width:30px;height:30px;color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .1s;display:inline-flex}.toolbar-btn:hover{background:var(--accent-soft);color:var(--accent)}.toolbar-divider{background:var(--line);width:1px;height:18px;margin:0 4px}.toolbar-spacer{flex:1}.rich-textarea{width:100%;color:var(--text);resize:vertical;background:0 0;border:none;padding:12px;font-family:ui-monospace,SFMono-Regular,SF Mono,Cascadia Code,Fira Code,monospace;font-size:.85rem;line-height:1.6}.rich-textarea:focus{outline:none}.section-title{color:var(--text);margin:0 0 16px;font-size:1rem;font-weight:600}.prompt-block+.prompt-block{margin-top:20px}.cm-editor{border:1px solid var(--line);border-radius:8px;transition:border-color .15s,box-shadow .15s;overflow:hidden;background:var(--bg)!important}.cm-editor.cm-focused{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.cm-editor .cm-scroller{font-family:ui-monospace,SFMono-Regular,SF Mono,Cascadia Code,Fira Code,monospace;font-size:.85rem;line-height:1.6}.cm-editor .cm-gutters{background:var(--bg-soft)!important;border-right:1px solid var(--line)!important;color:var(--muted)!important}.cm-editor .cm-activeLineGutter{background:var(--accent-soft)!important;color:var(--text-soft)!important}.cm-editor .cm-activeLine,.cm-editor .cm-selectionBackground,.cm-editor .cm-focused .cm-selectionBackground{background:var(--accent-soft)!important}.cm-editor .cm-cursor{border-left-color:var(--accent)!important}.cm-editor .cm-content{caret-color:var(--accent)}html.dark .cm-editor{background:var(--bg-soft)!important}html.dark .cm-editor .cm-gutters{background:var(--bg)!important}html.dark .cm-editor .cm-tooltip{background:var(--bg-soft)!important;border-color:var(--line-strong)!important}.chat-area-loading{color:var(--muted);flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.chat-area-loading-icon{opacity:.5;animation:1s linear infinite chat-area-spin}@keyframes chat-area-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.guide-page-area{flex:1;min-height:0;overflow-y:auto}.guide-page-viewer{background:var(--bg-soft);margin:0;overflow:hidden}.guide-page-iframe{border:none;width:100%;display:block}html.dark .guide-page-viewer{background:var(--bg)}.scenario-preview{background:var(--bg);flex-direction:column;min-height:0;display:flex;overflow:hidden}.scenario-preview-header{border-bottom:1px solid var(--line);background:var(--bg-soft);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.scenario-preview-title{color:var(--text);font-size:.85rem;font-weight:600}.scenario-preview-actions{align-items:center;gap:8px;display:flex}.scenario-preview-content{flex:1;min-height:0;padding:16px;display:flex;overflow:hidden}.scenario-preview-content::-webkit-scrollbar{width:6px}.scenario-preview-content::-webkit-scrollbar-track{background:0 0}.scenario-preview-content::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}.scenario-preview-content::-webkit-scrollbar-thumb:hover{background:var(--muted)}.scenario-preview-content{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.preview-wb-hits{border:1px solid var(--line);background:var(--bg-soft);border-radius:8px;margin:4px 0 12px;font-size:.78rem;overflow:hidden}.preview-wb-hits.has-hits{border-color:color-mix(in srgb, var(--accent) 35%, var(--line));background:color-mix(in srgb, var(--accent) 6%, var(--bg-soft))}.preview-wb-hits.no-hits{opacity:.7}.preview-wb-hits-summary{width:100%;color:var(--text-soft);font-size:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 10px;display:flex}.preview-wb-hits.has-hits .preview-wb-hits-summary{color:var(--text);cursor:pointer}.preview-wb-hits.no-hits .preview-wb-hits-summary{cursor:default}.preview-wb-hits-summary strong{color:var(--accent);font-weight:600}.preview-wb-hits-rolled{color:var(--muted);font-size:.72rem}.preview-wb-hits-list{border-top:1px dashed var(--line);flex-direction:column;gap:4px;margin:0;padding:4px 10px 8px;list-style:none;display:flex}.preview-wb-hit-item{align-items:baseline;gap:8px;padding:4px 0;line-height:1.4;display:flex}.preview-wb-hit-name{color:var(--text);flex-shrink:0;font-weight:600}.preview-wb-hit-kws{color:var(--text-soft);word-break:break-word;font-size:.72rem}.scenario-preview-footer{border-top:1px solid var(--line);background:var(--bg-soft);flex-shrink:0;align-items:flex-end;gap:8px;padding:12px 16px;display:flex}.preview-input{border:1px solid var(--line);background:var(--bg);min-height:60px;color:var(--text);resize:vertical;border-radius:8px;flex:1;padding:8px 12px;font-family:inherit;font-size:.85rem}.preview-input:focus{border-color:var(--accent);outline:none}.preview-input-count{color:var(--muted);text-align:center;min-width:16px;font-size:.8rem}.btn-send{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s;display:inline-flex}.btn-send:hover{background:var(--accent-strong)}.preview-content{flex:1;height:100%;min-height:0;overflow:auto}.preview-code{white-space:pre-wrap;word-break:break-word;color:var(--text-soft);margin:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Cascadia Code,Fira Code,monospace;font-size:.85rem;line-height:1.7}@media (max-width:900px){.scenario-body{grid-template-columns:1fr;height:auto}.scenario-editor{border-right:none;border-bottom:1px solid var(--line);max-height:50vh}.scenario-preview{min-height:400px}}.models-panel-header{border-bottom:1px solid var(--line);background:var(--bg);z-index:10;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 40px 16px;display:flex;position:sticky;top:0}.models-table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);margin:0 40px;overflow-x:auto}.models-table{border-collapse:collapse;width:100%;font-size:.875rem}.models-table th,.models-table td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 14px}.models-table th{color:var(--text-soft);background:var(--bg-soft);letter-spacing:.02em;font-size:.8rem;font-weight:500}.models-table tr:last-child td{border-bottom:none}.models-table tr:hover td{background:var(--accent-soft)}.badge{border-radius:20px;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-block}.badge-green{color:#065f46;background:#d1fae5}.badge-gray{background:var(--line);color:var(--text-soft)}.badge-blue{color:#1e40af;background:#dbeafe}[data-theme=dark] .badge-green{color:#6ee7b7;background:#064e3b}[data-theme=dark] .badge-gray{background:var(--line);color:var(--text-soft)}[data-theme=dark] .badge-blue{color:#93c5fd;background:#1e3a5f}.table-actions{gap:8px;display:flex}.modal-backdrop{z-index:200;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:90vh;padding:28px 32px;overflow-y:auto}.modal-box h3{margin:0 0 20px;font-size:1.1rem;font-weight:600}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid .full-width{grid-column:1/-1}.form-field{flex-direction:column;gap:5px;display:flex}.form-field label{color:var(--text-soft);font-size:.8rem;font-weight:500}.form-field input[type=text],.form-field input[type=password],.form-field input[type=number],.form-field textarea{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;font-size:.875rem;transition:border-color .15s}.form-field input:focus,.form-field textarea:focus{border-color:var(--accent)}.form-field textarea{resize:vertical;box-sizing:border-box;width:100%}.form-field .checkbox-row{align-items:center;gap:8px;padding:8px 0;font-size:.875rem;display:flex}.reasoning-checkbox-group{flex-wrap:wrap;gap:6px;display:flex}.reasoning-chip{border:1px solid var(--line);background:var(--bg);cursor:pointer;color:var(--text-soft);-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:0;padding:5px 14px;font-size:.875rem;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.reasoning-chip input{display:none}.reasoning-chip:hover{border-color:var(--accent);color:var(--accent)}.reasoning-chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:500}.reasoning-section{border:1px solid var(--line);background:var(--bg-soft);border-radius:10px;padding:14px 16px}.reasoning-section-header{color:var(--text-soft);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.8rem;font-weight:500;display:flex}.reasoning-presets{gap:6px;display:flex}.reasoning-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.reasoning-fields .field-select{width:100%}.toggle-wrap{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text);align-items:center;gap:8px;font-size:.875rem;display:inline-flex}.toggle-wrap input[type=checkbox]{display:none}.toggle-track{background:var(--line);border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .2s;position:relative}.toggle-wrap input:checked+.toggle-track{background:var(--accent)}.toggle-track:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle-wrap input:checked+.toggle-track:after{transform:translate(16px)}.modal-footer{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.card-cover-placeholder{background:var(--line);width:100%;height:100%}.preview-model-select{border:1px solid var(--line);background:var(--bg);height:30px;color:var(--text);cursor:pointer;border-radius:6px;padding:0 8px;font-family:inherit;font-size:.8rem}.tag-input-wrap{border:1px solid var(--line);background:var(--bg);cursor:text;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;min-height:38px;padding:6px 10px;display:flex}.tag-item{background:var(--accent-soft);color:var(--accent);border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:.8rem;font-weight:500;display:inline-flex}.tag-remove{cursor:pointer;color:var(--accent);opacity:.6;background:0 0;border:none;padding:0;font-size:1rem;line-height:1}.tag-remove:hover{opacity:1}.tag-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:120px;font-family:inherit;font-size:.875rem}.form-field .tag-input-wrap input[type=text]{box-shadow:none;background:0 0;border:none;border-radius:0;outline:none;padding:0}.admin-panel-header{border-bottom:1px solid var(--line);background:var(--bg);z-index:10;align-items:center;gap:12px;margin-bottom:0;padding:20px 40px 16px;display:flex;position:sticky;top:0}.admin-panel-header h2{margin:0;font-size:1.1rem;font-weight:600}.admin-filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:16px 40px 0;display:flex}.admin-table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);margin:0 40px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.875rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--line);padding:10px 14px}.admin-table th{color:var(--text-soft);background:var(--bg-soft);white-space:nowrap;letter-spacing:.02em;font-size:.8rem;font-weight:500}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--accent-soft)}.admin-table tr.row-deleted td{opacity:.5}.admin-scenario-cover{object-fit:cover;border-radius:8px;width:44px;height:44px;display:block}.admin-scenario-cover-empty{background:var(--line);border-radius:8px;width:44px;height:44px}.admin-scenario-title{color:var(--text);font-weight:500;display:block}.admin-scenario-slug{color:var(--muted);margin-top:2px;font-size:.78rem;display:block}.admin-tag-list{flex-wrap:wrap;gap:4px;max-width:180px;display:flex}.admin-tag{background:var(--accent-soft);color:var(--accent);border-radius:20px;padding:1px 7px;font-size:.75rem;display:inline-block}.visibility-badge{white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-block}.visibility-public{color:#065f46;background:#d1fae5}.visibility-unlisted{color:#92400e;background:#fef3c7}.visibility-private,.vis-private{background:var(--line);color:var(--text-soft)}.vis-scenario-exclusive{color:#1e40af;background:#dbeafe}.vis-scenario-private{color:#92400e;background:#fef3c7}.vis-public{color:#065f46;background:#d1fae5}html.dark .vis-scenario-exclusive{color:#93c5fd;background:#1e3a5f}html.dark .vis-scenario-private{color:#fcd34d;background:#451a03}html.dark .visibility-public{color:#6ee7b7;background:#064e3b}html.dark .visibility-unlisted{color:#fcd34d;background:#451a03}.status-badge{white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-block}.status-published{color:#1e40af;background:#dbeafe}.status-draft{background:var(--line);color:var(--text-soft)}.status-deleted{color:#991b1b;background:#fee2e2}html.dark .status-published{color:#93c5fd;background:#1e3a5f}html.dark .status-deleted{color:#fca5a5;background:#450a0a}.admin-pagination{justify-content:center;align-items:center;gap:12px;margin-top:20px;padding-bottom:32px;display:flex}.modal-overlay{z-index:300;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-box-lg{max-width:720px}.modal-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--line);margin:0 0 12px;padding-bottom:6px;font-size:.78rem;font-weight:600}.modal-readonly-grid{grid-template-columns:1fr 1fr;gap:8px 24px;margin-bottom:16px;display:grid}.readonly-field{flex-direction:column;gap:2px;display:flex}.readonly-field-label{color:var(--muted);font-size:.75rem}.readonly-field-value{color:var(--text);font-size:.875rem}.modal-readonly-block{margin-bottom:12px}.readonly-pre{background:var(--bg);border:1px solid var(--line);color:var(--text-soft);white-space:pre-wrap;word-break:break-word;border-radius:8px;max-height:120px;margin:4px 0 0;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,SF Mono,monospace;font-size:.8rem;overflow-y:auto}.admin-edit-badge{color:#92400e;background:#fef3c7;border-radius:20px;align-items:center;margin-right:8px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}html.dark .admin-edit-badge{color:#fcd34d;background:#451a03}.admin-user-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.admin-user-avatar-empty{background:var(--line);width:36px;height:36px;color:var(--text-soft);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}.admin-user-name{font-weight:500}.admin-user-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.admin-user-form-grid .form-field.full-width{grid-column:1/-1}.badge-gold{color:#92400e;background:#fef3c7}[data-theme=dark] .badge-gold{color:#fcd34d;background:#451a03}.status-banned{color:#991b1b;background:#fee2e2}.status-active{color:#065f46;background:#d1fae5}[data-theme=dark] .status-banned{color:#fca5a5;background:#4a1515}[data-theme=dark] .status-active{color:#6ee7b7;background:#064e3b}.admin-table tr.row-banned td{opacity:.6}.stats-panel{flex-direction:column;gap:20px;padding:32px 40px;display:flex}.stats-kpi-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stats-kpi-card{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);align-items:flex-start;gap:16px;padding:20px;transition:box-shadow .2s;display:flex}.stats-kpi-card:hover{box-shadow:var(--shadow-md)}.stats-kpi-icon{background:var(--card-hover);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stats-kpi-body{flex-direction:column;gap:2px;display:flex}.stats-kpi-value{color:var(--text);font-size:28px;font-weight:700;line-height:1.2}.stats-kpi-label{color:var(--muted);font-size:13px;font-weight:500}.stats-kpi-delta{color:var(--accent);margin-top:2px;font-size:12px;font-weight:600}.stats-chart-card{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.stats-chart-title{color:var(--text);align-items:center;gap:8px;margin-bottom:16px;font-size:15px;font-weight:600;display:flex}.stats-charts-row{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.stats-charts-row .stats-chart-third{grid-column:span 1}.stats-charts-row:has(.stats-chart-third){grid-template-columns:repeat(3,1fr)}html.dark .recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--bg-soft)!important;border-color:var(--line)!important}html.dark .recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-label{color:var(--text)!important}html.dark .recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-item-list .recharts-tooltip-item{color:var(--text-soft)!important}@media (max-width:1024px){.stats-kpi-grid{grid-template-columns:repeat(2,1fr)}.stats-charts-row{grid-template-columns:1fr}.stats-charts-row:has(.stats-chart-third){grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.stats-kpi-grid{grid-template-columns:1fr}.stats-charts-row:has(.stats-chart-third){grid-template-columns:1fr}}.mod-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s mod-overlay-in;display:flex;position:fixed;inset:0}html.dark .mod-overlay{background:#000000b3}@keyframes mod-overlay-in{0%{opacity:0}to{opacity:1}}.mod-overlay-inner{background:var(--bg-soft);border-radius:var(--radius-lg);width:100%;max-width:960px;height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}html.dark .mod-overlay-inner{border:1px solid var(--line)}.mod-overlay-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 28px 16px;display:flex}.mod-overlay-header-left{align-items:center;gap:12px;display:flex}.mod-overlay-icon{color:var(--accent)}.mod-overlay-header h2{color:var(--text);margin:0;font-size:1.25rem;font-weight:600}.mod-overlay-close{border-radius:var(--radius);width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.mod-overlay-close:hover{background:var(--card-hover);color:var(--text)}.mod-overlay-subtitle{color:var(--muted);padding:12px 28px 0;font-size:.85rem}.mod-overlay-tabs{border-bottom:1px solid var(--line);gap:4px;padding:12px 28px 0;display:flex}.mod-overlay-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:color .2s,border-color .2s;display:inline-flex}.mod-overlay-tab:hover{color:var(--text-soft)}.mod-overlay-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.mod-overlay-content{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex:1;padding:20px 28px;overflow-y:auto}.mod-overlay-content::-webkit-scrollbar{width:6px}.mod-overlay-content::-webkit-scrollbar-track{background:0 0}.mod-overlay-content::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}.mod-overlay-content::-webkit-scrollbar-thumb:hover{background:var(--muted)}.mod-overlay-pane{animation:.15s mod-pane-in}@keyframes mod-pane-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mod-overlay-empty{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.mod-overlay-empty .iconify:not(.btn-icon-inline),.mod-overlay-empty svg:not(.btn-icon-inline){opacity:.4;margin-bottom:16px}.btn-icon-inline{opacity:1;vertical-align:middle;margin-bottom:0}.mod-overlay-empty p{margin:0;font-size:.9rem}.mod-overlay-empty-hint{color:var(--muted);margin-top:8px;font-size:.8rem}.mod-list{flex-direction:column;gap:8px;display:flex}.mod-list-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;transition:border-color .2s,background .2s;display:flex}.mod-list-row:hover{border-color:var(--line-strong)}.mod-list-row.active{border-color:var(--accent);background:var(--accent-soft)}.mod-list-row-info{flex:1;min-width:0}.mod-list-row-top{align-items:center;gap:10px;margin-bottom:4px;display:flex}.mod-list-row-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.mod-list-row-desc{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;margin:4px 0;font-size:.8rem;overflow:hidden}.mod-list-row-creator{color:var(--muted);font-size:.75rem}.mod-list-row-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.mod-list-row-actions{gap:8px;display:flex}.mod-mine-toolbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mod-mine-count{color:var(--muted);font-size:.85rem}.mod-search-bar{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);align-items:center;gap:8px;margin-bottom:16px;padding:8px 14px;transition:border-color .2s;display:flex}.mod-search-bar:focus-within{border-color:var(--accent)}.mod-search-icon{color:var(--muted);flex-shrink:0}.mod-search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.9rem}.mod-search-input::placeholder{color:var(--muted)}.mod-pagination{justify-content:center;align-items:center;gap:12px;margin-top:20px;padding-top:16px;display:flex}.mod-pagination-btn{border:1px solid var(--line);background:var(--card);color:var(--text-soft);cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:.85rem;transition:background .2s,border-color .2s;display:inline-flex}.mod-pagination-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.mod-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.mod-pagination-info{color:var(--muted);font-size:.8rem}.mod-overlay-footer{border-top:1px solid var(--line);color:var(--accent);text-align:center;padding:12px 28px;font-size:.8rem;font-weight:500}.mod-overlay-form{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex:1;padding:16px 28px 28px;overflow-y:auto}.mod-overlay-form::-webkit-scrollbar{width:6px}.mod-overlay-form::-webkit-scrollbar-track{background:0 0}.mod-overlay-form::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}.mod-overlay-form::-webkit-scrollbar-thumb:hover{background:var(--muted)}.mod-form-row{margin-bottom:16px}.mod-form-label{color:var(--text-soft);margin-bottom:6px;font-size:.85rem;font-weight:500;display:block}.mod-form-label code{background:var(--accent-soft);color:var(--accent);border-radius:4px;padding:1px 6px;font-size:.75rem}.mod-overlay-actions{justify-content:flex-end;gap:12px;padding-top:8px;display:flex}.badge-red{color:#991b1b;background:#fee2e2;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:500}html.dark .badge-red{color:#fca5a5;background:#450a0a}.recharge-code-cell{letter-spacing:.06em;font-family:ui-monospace,SFMono-Regular,SF Mono,monospace;font-size:.8125rem}.recharge-generated-list{border:1px solid var(--line);background:var(--bg);max-height:240px;color:var(--text-soft);letter-spacing:.06em;border-radius:8px;padding:10px 14px;font-family:ui-monospace,SFMono-Regular,SF Mono,monospace;font-size:.8125rem;line-height:1.9;overflow-y:auto}.recharge-panel{padding:32px 40px}.recharge-balance-card{background:var(--accent-soft);border-radius:12px;align-items:baseline;gap:8px;margin-bottom:24px;padding:14px 20px;display:inline-flex}.recharge-balance-value{color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:700}.recharge-input-row{align-items:center;gap:10px;margin:12px 0;display:flex}.recharge-code-input{letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);background:var(--bg);width:260px;color:var(--text);border-radius:8px;outline:none;padding:9px 14px;font-family:ui-monospace,SFMono-Regular,SF Mono,monospace;font-size:1.05rem;transition:border-color .15s}.recharge-code-input:focus{border-color:var(--accent)}.recharge-code-input::placeholder{color:var(--text-soft);letter-spacing:.08em}.version-history-backdrop{z-index:1100;background:#00000073;justify-content:flex-end;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.version-history-panel{background:var(--bg-soft);border-left:1px solid var(--line);flex-direction:column;width:min(420px,90vw);height:100%;animation:.2s slideInRight;display:flex;overflow:hidden}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.version-history-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.version-history-header h3{margin:0;font-size:1rem;font-weight:600}.version-history-close{cursor:pointer;color:var(--text-soft);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:background .15s,color .15s;display:flex}.version-history-close:hover{background:var(--accent-soft);color:var(--text)}.version-history-body{flex:1;padding:12px 0;overflow-y:auto}.version-history-empty{text-align:center;color:var(--muted);padding:40px 20px;font-size:.875rem}.version-item{border-bottom:1px solid var(--line);cursor:pointer;padding:12px 20px;transition:background .15s}.version-item:hover{background:var(--card-hover)}.version-item.active{background:var(--accent-soft);border-left:3px solid var(--accent);padding-left:17px}.version-item-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.version-item-label{color:var(--text);font-size:.875rem;font-weight:600}.version-item-time{color:var(--muted);white-space:nowrap;font-size:.75rem}.version-item-meta{color:var(--text-soft);align-items:center;gap:8px;margin-top:4px;font-size:.75rem;display:flex}.version-item-title{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.8125rem;overflow:hidden}.version-item-actions{gap:8px;margin-top:8px;display:flex}.version-item-actions button{border:1px solid var(--line);background:var(--bg);color:var(--text);cursor:pointer;border-radius:6px;padding:4px 12px;font-size:.75rem;transition:background .15s,border-color .15s}.version-item-actions button:hover{border-color:var(--accent);color:var(--accent)}.version-item-actions .btn-restore{background:var(--accent);color:#fff;border-color:var(--accent)}.version-item-actions .btn-restore:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.version-preview-backdrop{z-index:1200;background:#00000080;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.version-preview-modal{background:var(--bg-soft);border-radius:var(--radius);width:min(700px,90vw);max-height:85vh;box-shadow:var(--shadow-lg);flex-direction:column;animation:.2s scaleIn;display:flex}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.version-preview-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.version-preview-header h3{margin:0;font-size:1rem;font-weight:600}.version-preview-body{flex:1;padding:20px;overflow-y:auto}.version-preview-section{margin-bottom:16px}.version-preview-section label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.75rem;font-weight:600;display:block}.version-preview-section pre{background:var(--bg);border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;border-radius:8px;max-height:200px;margin:0;padding:12px;font-family:Maple Mono,Menlo,monospace;font-size:.8125rem;line-height:1.5;overflow-y:auto}.version-preview-section .preview-value{color:var(--text);font-size:.875rem}.version-preview-footer{border-top:1px solid var(--line);flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.version-confirm-backdrop{z-index:1300;background:#00000080;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.version-confirm-modal{background:var(--bg-soft);border-radius:var(--radius);width:min(400px,85vw);box-shadow:var(--shadow-lg);padding:24px}.version-confirm-modal p{margin:0 0 20px;font-size:.9rem;line-height:1.5}.version-confirm-modal .modal-footer{justify-content:flex-end;gap:8px;display:flex}.btn-version-history{border:1px solid var(--line);background:var(--bg);color:var(--text-soft);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:.8125rem;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn-version-history:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.btn-worldbook{border:1px solid var(--line);background:var(--bg);color:var(--text-soft);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:.8125rem;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn-worldbook:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.btn-worldbook:disabled{opacity:.5;cursor:not-allowed}.btn-worldbook-emoji{font-size:.95rem;line-height:1}.btn-worldbook-count{background:var(--accent-soft);color:var(--accent);border-radius:999px;margin-left:4px;padding:1px 6px;font-size:.7rem;font-weight:600}.version-loading{text-align:center;color:var(--muted);padding:40px 20px;font-size:.875rem}.page-content:has(>.wb-shell){height:100%;padding:0;overflow:hidden}body:has(.page-content>.wb-shell){overflow:hidden}.shell:has(.page-content>.wb-shell){height:calc(100dvh - 57px);padding:0;overflow:hidden}.wb-shell{background:var(--bg);flex-direction:column;width:100%;height:100%;display:flex}.wb-topbar{background:var(--panel);border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.wb-top-left,.wb-top-right{align-items:center;gap:12px;display:flex}.wb-title{color:var(--text);align-items:baseline;gap:8px;font-size:1rem;font-weight:600;display:flex}.wb-title-emoji{font-size:1.2rem}.wb-title-sub{color:var(--muted);font-size:.8125rem;font-weight:500}.wb-capacity{background:var(--accent-soft);color:var(--text-soft);font-variant-numeric:tabular-nums;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.8125rem;display:inline-flex}.wb-capacity.is-warn{color:#c87800;background:#ff95001f}.wb-capacity.is-full{color:var(--danger);background:#ff3b301f}.wb-btn{border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:.8125rem;transition:background .15s,border-color .15s,color .15s,transform 50ms;display:inline-flex}.wb-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.wb-btn:active:not(:disabled){transform:translateY(1px)}.wb-btn:disabled{opacity:.5;cursor:not-allowed}.wb-btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.wb-btn-primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.wb-btn-danger{border-color:var(--danger);color:var(--danger)}.wb-btn-danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger);background:#ff3b3014}.wb-btn-ghost{background:0 0;border-color:#0000}.wb-body{flex:1;min-height:0;display:flex}.wb-list{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;flex-shrink:0;width:320px;display:flex;overflow:hidden}.wb-search{align-items:center;gap:6px;padding:12px 12px 8px;display:flex;position:relative}.wb-search>svg{color:var(--muted);pointer-events:none;font-size:1.1rem;position:absolute;left:22px}.wb-search input{border:1px solid var(--line);background:var(--bg-soft);height:32px;color:var(--text);border-radius:8px;outline:none;flex:1;padding:0 28px 0 32px;font-size:.8125rem}.wb-search input:focus{border-color:var(--accent)}.wb-search-clear{width:20px;height:20px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:inline-flex;position:absolute;right:16px}.wb-search-clear:hover{background:var(--card-hover);color:var(--text)}.wb-filters{border-bottom:1px solid var(--line);gap:6px;padding:0 12px 12px;display:flex}.wb-filters select{border:1px solid var(--line);background:var(--bg-soft);height:30px;color:var(--text);cursor:pointer;border-radius:6px;outline:none;flex:1;padding:0 6px;font-size:.75rem}.wb-filters select:focus{border-color:var(--accent)}.wb-empty{text-align:center;color:var(--muted);padding:32px 16px;font-size:.8125rem}.wb-groups{flex:1;padding:8px 0;overflow-y:auto}.wb-group{margin-bottom:4px}.wb-group-head{width:100%;color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:4px;padding:6px 12px;font-size:.75rem;font-weight:600;display:flex}.wb-group-head:hover{color:var(--text)}.wb-group-name{flex:1}.wb-group-count{color:var(--muted);background:var(--bg-soft);border-radius:10px;padding:1px 6px;font-size:.7rem;font-weight:400}.wb-group-items{flex-direction:column;display:flex}.wb-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;align-items:center;gap:8px;padding:8px 12px 8px 24px;font-size:.8125rem;transition:background .1s,border-color .1s;display:flex}.wb-item:hover{background:var(--card-hover)}.wb-item.is-active{background:var(--accent-soft);border-left-color:var(--accent)}.wb-item.is-disabled .wb-item-name{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted)}.wb-item-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.wb-item-dot.on{background:#34c759}.wb-item-dot.off{background:var(--line-strong)}.wb-item-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.wb-item-meta{flex-shrink:0;gap:3px;display:inline-flex}.wb-tag{background:var(--bg-soft);min-width:18px;height:18px;color:var(--text-soft);border:1px solid var(--line);border-radius:4px;justify-content:center;align-items:center;padding:0 4px;font-size:.65rem;display:inline-flex}.wb-tag.is-prob{color:#c87800;background:#ff95001a;border-color:#ff95004d}.wb-editor{background:var(--bg);flex-direction:column;flex:1;display:flex;overflow:hidden}.wb-editor-empty{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.wb-editor-empty svg{opacity:.5;font-size:3rem}.wb-error-banner{color:var(--danger);background:#ff3b301a;border:1px solid #ff3b3033;border-radius:8px;flex-shrink:0;margin:12px 16px 0;padding:8px 12px;font-size:.8125rem}.wb-panes{flex-direction:row;flex:1;min-height:0;display:flex;overflow:hidden}.wb-form-left{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;flex-shrink:0;gap:14px;width:360px;padding:20px;display:flex;overflow-y:auto}.wb-form-right{flex-direction:column;flex:1;gap:12px;min-width:0;padding:20px 24px;display:flex;overflow:hidden}.wb-error{color:var(--danger);background:#ff3b301a;border:1px solid #ff3b3033;border-radius:8px;padding:8px 12px;font-size:.8125rem}.wb-form-head{align-items:center;gap:12px;display:flex}.wb-input-name{border:1px solid var(--line);background:var(--panel);height:38px;color:var(--text);border-radius:8px;outline:none;flex:1;padding:0 12px;font-size:1rem;font-weight:600}.wb-input-name:focus{border-color:var(--accent)}.wb-switch{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:.8125rem;display:inline-flex}.wb-switch input[type=checkbox]{cursor:pointer;width:14px;height:14px;accent-color:var(--accent)}.wb-switch-inline{margin-top:6px}.wb-field{flex-direction:column;gap:4px;min-width:0;display:flex}.wb-field-label{color:var(--text-soft);font-size:.75rem;font-weight:500}.wb-input,.wb-field input,.wb-field select{border:1px solid var(--line);background:var(--panel);height:34px;color:var(--text);width:100%;font-size:.875rem;font:inherit;border-radius:8px;outline:none;padding:0 10px}.wb-field textarea.wb-input{height:auto}.wb-input:focus,.wb-field input:focus,.wb-field select:focus{border-color:var(--accent)}.wb-row{gap:12px;display:flex}.wb-row-3>*{flex:1;min-width:0}.wb-fieldset{border:1px solid var(--line);background:var(--panel);border-radius:10px;flex-direction:column;gap:10px;margin:0;padding:12px 14px;display:flex}.wb-fieldset>legend{color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;padding:0 6px;font-size:.75rem;font-weight:600;display:inline-flex}.wb-prob-value{color:var(--accent);font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:0;font-size:.8125rem;font-weight:600}.wb-chips{border:1px solid var(--line);background:var(--bg-soft);border-radius:8px;flex-wrap:wrap;gap:6px;min-height:38px;padding:6px;display:flex}.wb-chip{background:var(--accent-soft);color:var(--text);border-radius:6px;align-items:center;gap:4px;padding:2px 4px 2px 8px;font-size:.8125rem;display:inline-flex}.wb-chip button{width:18px;height:18px;color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.wb-chip button:hover{color:var(--danger);background:#00000014}.wb-chip-input{min-width:120px;height:26px;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:.8125rem}.wb-slider{width:100%;accent-color:var(--accent)}.wb-content-head{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.wb-charcount{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem}.wb-charcount.is-over{color:var(--danger);font-weight:600}.wb-input-comment{resize:none;height:auto;padding:8px 10px;line-height:1.5}.wb-md-wrap{border-radius:8px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.wb-md-wrap .w-md-editor{flex-direction:column;display:flex;height:auto!important;min-height:0!important;box-shadow:none!important;border:1px solid var(--line)!important;border-radius:8px!important;flex:1!important}.wb-md-wrap .w-md-editor-toolbar{border-radius:8px 8px 0 0;flex-shrink:0;border-bottom:1px solid var(--line)!important}.wb-md-wrap .w-md-editor-content{overflow:hidden;flex:1!important;min-height:0!important}.wb-md-wrap .w-md-editor-text,.wb-md-wrap .w-md-editor-text-input,.wb-md-wrap .w-md-editor-text-pre>code{min-height:100%!important}.wb-actions{border-top:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.wb-actions-right{align-items:center;gap:12px;margin-left:auto;display:inline-flex}.wb-dirty-hint{color:#c87800;font-size:.75rem}@media (max-width:768px){.wb-body{flex-direction:column}.wb-list{border-right:none;border-bottom:1px solid var(--line);width:100%;max-height:40vh}}.wb-batch-bar{background:var(--accent-soft);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.wb-batch-link{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;display:inline-flex}.wb-batch-link:hover{background:#0000000a}.wb-batch-actions{flex-wrap:wrap;gap:4px;margin-left:auto;display:inline-flex}.wb-batch-btn{border:1px solid var(--line-strong);background:var(--panel);color:var(--text);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:.75rem;transition:background .1s}.wb-batch-btn:hover:not(:disabled){background:var(--card-hover)}.wb-batch-btn.is-danger{color:var(--danger);border-color:var(--danger)}.wb-batch-btn.is-danger:hover:not(:disabled){background:#ff3b3014}.wb-batch-btn:disabled{opacity:.5;cursor:not-allowed}.wb-list-actions{border-bottom:1px solid var(--line);justify-content:flex-end;padding:4px 12px;display:flex}.wb-item-check{opacity:0;cursor:pointer;flex-shrink:0;width:14px;height:14px;margin:0;transition:opacity .1s}.wb-item:hover .wb-item-check,.wb-item.is-checked .wb-item-check,.wb-groups.has-selection .wb-item-check{opacity:1}.wb-item.is-checked{background:var(--accent-soft)}.wb-item.is-checked.is-active{background:var(--accent-soft);border-left-color:var(--accent)}.wb-toast{z-index:1100;background:var(--panel-strong);color:var(--text);border:1px solid var(--line-strong);box-shadow:var(--shadow-md);border-radius:10px;padding:10px 18px;font-size:.875rem;animation:.18s ease-out wb-toast-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes wb-toast-in{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.wb-modal-overlay{z-index:1050;background:#00000073;justify-content:center;align-items:center;padding:24px;animation:.12s ease-out wb-overlay-in;display:flex;position:fixed;inset:0}@keyframes wb-overlay-in{0%{opacity:0}to{opacity:1}}.wb-modal{background:var(--panel-strong);border:1px solid var(--line);width:100%;max-width:560px;max-height:calc(100vh - 48px);box-shadow:var(--shadow-lg);border-radius:14px;flex-direction:column;animation:.16s ease-out wb-modal-in;display:flex;overflow:hidden}.wb-modal-wide{max-width:960px}@keyframes wb-modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.wb-modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 18px;font-size:.95rem;font-weight:600;display:flex}.wb-modal-close{width:28px;height:28px;color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.wb-modal-close:hover{background:var(--card-hover);color:var(--text)}.wb-modal-body{flex-direction:column;flex:1;gap:16px;padding:18px;display:flex;overflow:auto}.wb-modal-foot{border-top:1px solid var(--line);background:var(--bg-soft);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.wb-import-step{flex-direction:column;gap:8px;display:flex}.wb-import-step-head{color:var(--text);align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:inline-flex}.wb-step-num{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:600;display:inline-flex}.wb-dropzone{border:2px dashed var(--line);cursor:pointer;background:var(--bg-soft);-webkit-user-select:none;user-select:none;border-radius:12px;outline:none;justify-content:center;align-items:center;min-height:130px;padding:24px;transition:border-color .15s,background .15s,transform .1s;display:flex}.wb-dropzone:hover,.wb-dropzone:focus-visible{border-color:var(--accent);background:var(--accent-soft)}.wb-dropzone.is-dragging{border-color:var(--accent);background:var(--accent-soft);transform:scale(1.01)}.wb-dropzone.is-loaded{border-style:solid;border-color:var(--accent);background:var(--accent-soft)}.wb-dropzone-content{pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.wb-dropzone-icon{color:var(--muted);transition:color .15s}.wb-dropzone:hover .wb-dropzone-icon,.wb-dropzone.is-dragging .wb-dropzone-icon{color:var(--accent)}.wb-dropzone-check{color:#22c55e}.wb-dropzone-main{color:var(--text);font-size:.875rem;font-weight:500}.wb-dropzone-hint{color:var(--muted);font-size:.775rem}.wb-dropzone-filename{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-size:.875rem;font-weight:600;overflow:hidden}.wb-import-preview{background:var(--bg-soft);border:1px solid var(--line);color:var(--text-soft);border-radius:8px;padding:10px 12px;font-size:.8125rem}.wb-import-preview strong{color:var(--text);font-weight:600}.wb-import-warnings{color:#c87800;margin:8px 0 0;padding-left:0;font-size:.75rem;list-style:none}.wb-import-list{margin-top:8px}.wb-import-list>summary{cursor:pointer;color:var(--accent);padding:4px 0;font-size:.8125rem}.wb-import-list>ul{flex-direction:column;gap:4px;margin:8px 0 0;padding-left:0;list-style:none;display:flex}.wb-import-list>ul>li{background:var(--panel);border:1px solid var(--line);border-radius:6px;gap:8px;padding:4px 8px;font-size:.8125rem;display:flex}.wb-muted{color:var(--muted);font-size:.75rem}.wb-import-mode{flex-direction:column;gap:8px;display:flex}.wb-radio{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;transition:border-color .1s,background .1s;display:flex}.wb-radio:hover{background:var(--card-hover)}.wb-radio.is-active{border-color:var(--accent);background:var(--accent-soft)}.wb-radio.is-danger.is-active{border-color:var(--danger);background:#ff3b3014}.wb-radio input[type=radio]{margin-top:3px}.wb-radio-label{margin-bottom:2px;font-size:.875rem;font-weight:600}.wb-radio-desc{color:var(--text-soft);font-size:.75rem}.wb-test-body{flex-direction:row;gap:16px;min-height:480px}.wb-test-left{flex-direction:column;flex-shrink:0;gap:10px;width:320px;display:flex}.wb-test-right{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.wb-test-summary{background:var(--bg-soft);border:1px solid var(--line);color:var(--text-soft);border-radius:8px;align-items:center;gap:14px;padding:8px 12px;font-size:.8125rem;display:flex}.wb-test-summary strong{color:var(--text);font-weight:600}.wb-test-table-wrap{border:1px solid var(--line);border-radius:8px;flex:1;overflow:auto}.wb-test-table{border-collapse:collapse;width:100%;font-size:.8125rem}.wb-test-table thead{background:var(--bg-soft);z-index:1;position:sticky;top:0}.wb-test-table th{text-align:left;color:var(--text-soft);border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 10px;font-weight:600}.wb-test-table td{border-bottom:1px solid var(--line);color:var(--text);padding:8px 10px}.wb-test-table tr:last-child td{border-bottom:none}.wb-test-status{white-space:nowrap}.wb-test-table tr.is-hit{background:#34c75914}.wb-test-table tr.is-roll{background:#ff95000f}.wb-test-table tr.is-disabled,.wb-test-table tr.is-disabled td{color:var(--muted)}@media (max-width:768px){.wb-test-body{flex-direction:column}.wb-test-left{width:100%}}.recipe-config-modal{width:100%;max-width:1024px}.reasoning-config-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.reasoning-config-form{flex-direction:column;gap:14px;min-width:0;display:flex}.reasoning-config-preview{flex-direction:column;gap:14px;min-width:0;display:flex;position:sticky;top:0}.reasoning-section-title{color:var(--text);letter-spacing:.02em;margin-bottom:10px;font-size:.78rem;font-weight:600}.preset-description{color:var(--muted);margin-top:8px;font-size:.78rem;line-height:1.5}.radio-row{flex-wrap:wrap;gap:14px;margin-bottom:10px;display:flex}.radio-wrap{cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.radio-wrap input[type=radio]{cursor:pointer;accent-color:var(--accent);margin:0}.indent-block{background:var(--bg);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:10px;margin-top:4px;padding:10px 12px;display:flex}.indent-block .reasoning-checkbox-group{margin:0}.budget-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.budget-row label{color:var(--muted);flex-direction:column;gap:4px;font-size:.75rem;display:flex}.budget-row .field-input{width:100%}.custom-type-input{gap:6px;margin-top:6px;display:flex}.custom-type-input .field-input{flex:1;min-width:0}.advanced-toggle{text-align:left;background:var(--bg-soft);border:1px dashed var(--line);width:100%;color:var(--text-soft);cursor:pointer;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:.8rem}.advanced-toggle:hover{border-color:var(--accent);color:var(--accent)}.advanced-body{background:var(--bg);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:12px;margin-top:10px;padding:12px;display:flex}.advanced-body label{color:var(--muted);flex-direction:column;gap:6px;font-size:.75rem;display:flex}.preview-row{background:var(--bg);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.preview-label{color:var(--muted);font-size:.75rem;font-weight:500}.preview-json{background:var(--bg-soft);border:1px solid var(--line);color:var(--text);white-space:pre;border-radius:6px;max-height:200px;margin:0;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;line-height:1.5;overflow:auto}.preview-error{color:var(--danger,#d04848);background:var(--accent-soft);border-radius:6px;margin:0;padding:6px 10px;font-size:.78rem}.test-result{border-radius:8px;flex-direction:column;gap:6px;padding:12px 14px;font-size:.82rem;line-height:1.6;display:flex}.test-result-success{color:var(--text);background:#228b5a14;border:1px solid #228b5a4d}.test-result-failure{color:var(--text);background:#d0484814;border:1px solid #d048484d}.test-preview{background:var(--bg);border:1px solid var(--line);color:var(--text-soft);white-space:pre-wrap;word-break:break-word;border-radius:6px;max-height:120px;margin:4px 0 0;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;line-height:1.45;overflow-y:auto}@media (max-width:900px){.reasoning-config-layout{grid-template-columns:1fr}.reasoning-config-preview{position:static}.budget-row{grid-template-columns:repeat(2,minmax(0,1fr))}}