@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@600;700;800&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#100d18;--bg-radial:radial-gradient(circle at 18% -8%, #8b5cf642, transparent 31%), radial-gradient(circle at 90% 0%, #bea6ff1f, transparent 27%);--panel:#171321;--panel-2:#211a31;--panel-3:#120f1a;--line:#33294b;--line-strong:#5b4a81;--text:#f7f3ff;--muted:#bcb2cf;--accent:#9b7cff;--accent-strong:#c9b8ff;--accent-soft:#7c5cff;--accent-text:#120828;--warn:#d7b7ff;--danger:#ff9ba7;--success:#5fd19a;--shadow:0 10px 26px #06031033;--shadow-soft:0 4px 14px #5b46961a;--radius:8px}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#faf8ff;--bg-radial:radial-gradient(circle at 18% -8%, #9b7cff38, transparent 30%), radial-gradient(circle at 90% 0%, #d7c4ff52, transparent 28%);--panel:#fff;--panel-2:#f4f0ff;--panel-3:#fbf9ff;--line:#e4dcf6;--line-strong:#bba9e4;--text:#20172f;--muted:#6f6382;--accent:#6f45d7;--accent-strong:#5630b2;--accent-soft:#8b5cf6;--accent-text:#fff;--warn:#7f4bd4;--danger:#b4233b;--success:#1f8f5f;--shadow:0 10px 26px #432a7814;--shadow-soft:0 4px 14px #6c4eaa12}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-radial), linear-gradient(180deg, var(--bg), var(--panel-3));color:var(--text);min-height:100vh;margin:0;font-family:Manrope,Geist,Aptos,Segoe UI,Helvetica Neue,sans-serif;line-height:1.45;transition:background .16s,color .16s}a{color:inherit}button{border:1px solid color-mix(in srgb, var(--accent) 78%, transparent);border-radius:var(--radius);background:linear-gradient(180deg, var(--accent), var(--accent-soft));color:var(--accent-text);cursor:pointer;min-height:38px;padding:.6rem .85rem;font-weight:700;transition:border-color .16s,box-shadow .16s,background-color .16s;box-shadow:0 2px 8px #7c5cff1a}button:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 86%, transparent);box-shadow:0 4px 12px #7c5cff24}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 48%, transparent);outline-offset:2px}.site-header{text-align:center;max-width:1100px;margin:0 auto;padding:34px 16px 0;position:relative}.theme-toggle-wrap{z-index:40;position:fixed;top:16px;right:16px}.theme-toggle{background:color-mix(in srgb, var(--panel-2) 78%, var(--panel));border:1px solid color-mix(in srgb, var(--line) 80%, transparent);box-shadow:none;color:var(--text);align-items:center;gap:2px;height:34px;min-height:34px;padding:3px;display:inline-flex}.theme-toggle:hover{border-color:var(--accent);box-shadow:none;filter:none}.theme-toggle-option{color:var(--muted);border-radius:6px;padding:7px 9px;font-size:.78rem;font-weight:700;line-height:1;transition:background .16s,color .16s}.theme-toggle-option.is-active{background:var(--accent);color:var(--accent-text)}.auth-nav{background:color-mix(in srgb, var(--panel) 70%, transparent);border:1px solid color-mix(in srgb, var(--line) 78%, transparent);box-shadow:var(--shadow-soft);border-radius:999px;align-items:center;gap:12px;padding:8px 10px;display:flex;position:absolute;top:0;right:0}.auth-nav--guest{box-shadow:none;background:0 0;border:0;padding:0}.auth-nav--guest .discord-login-btn{margin-top:10px}.auth-user{color:var(--text);align-items:center;gap:8px;padding:.25rem .45rem;font-size:.82rem;font-weight:700;display:inline-flex}.auth-avatar{object-fit:cover;border:1px solid color-mix(in srgb, var(--line) 80%, transparent);border-radius:999px;width:24px;height:24px}.auth-avatar-fallback{background:color-mix(in srgb, var(--accent) 20%, var(--panel-2));color:var(--accent-strong);justify-content:center;align-items:center;font-size:.72rem;display:inline-flex}.discord-login-btn{border:1px solid color-mix(in srgb, var(--accent) 78%, transparent);border-radius:var(--radius);color:#fff;min-height:38px;box-shadow:none;background:#5865f2;border-color:#8ea1ff;align-items:center;gap:.5rem;padding:.58rem .98rem;font-size:.86rem;font-weight:700;text-decoration:none;transition:border-color .16s,box-shadow .16s,filter .16s;display:inline-flex}.discord-login-btn:hover{color:#fff;box-shadow:none;background:#6c77f4;border-color:#b9c5ff}.discord-icon{flex:none;width:16px;height:16px}.logout-btn{background:color-mix(in srgb, var(--panel-2) 88%, transparent);color:var(--text);border:1px solid color-mix(in srgb, var(--line) 85%, transparent);border-radius:var(--radius);box-shadow:none;min-height:38px;padding:.58rem .85rem;font-size:.82rem}.logout-btn:hover{background:color-mix(in srgb, var(--panel-2) 92%, transparent);box-shadow:none}.logo{letter-spacing:0;margin-bottom:8px;font-family:Sora,Manrope,sans-serif;font-size:clamp(2rem,4.2vw,3.4rem);font-weight:800;line-height:.98}.logo span{color:var(--accent-strong)}.tagline{color:var(--muted);font-size:.9rem;font-weight:600}.quick-help{color:var(--muted);margin-top:10px;font-size:.86rem}.char-section,.main-grid,.footer-actions,.site-footer{width:min(1100px,100vw - 32px);margin:0 auto}.char-section{margin-top:16px}.char-bar,.prog-bar-row,.panel,.right-panel,.modal,.kafra-bubble{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:color-mix(in srgb, var(--panel) 88%, transparent);border:1px solid color-mix(in srgb, var(--line) 84%, transparent);border-radius:var(--radius);box-shadow:var(--shadow)}.char-bar{border-bottom-right-radius:0;border-bottom-left-radius:0;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;display:flex;position:static}.char-bar-label,.prog-lbl,.footer-tools-label,.footer-copy{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:700}#char-tabs{flex-wrap:wrap;gap:8px;display:flex}.char-tab{border:1px solid color-mix(in srgb, var(--line) 88%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--panel-2) 88%, transparent);color:var(--muted);cursor:pointer;align-items:center;gap:8px;max-width:230px;padding:6px 10px;transition:background .16s,border-color .16s,transform .16s;display:flex}.char-tab:hover{transform:translateY(-1px)}.char-tab.active{border-color:var(--accent);color:var(--accent-strong);background:color-mix(in srgb, var(--accent) 12%, var(--panel))}.tab-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.edit-char-btn{min-height:auto;box-shadow:none;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:.88rem;line-height:1}.edit-char-btn:hover{color:var(--accent-strong);filter:none}.tab-prog{color:var(--muted);background:color-mix(in srgb, var(--panel-3) 90%, transparent);border:1px solid color-mix(in srgb, var(--line) 75%, transparent);border-radius:6px;padding:2px 6px;font-size:.68rem}.del-char,.btn-add-char{color:var(--muted);border:1px solid color-mix(in srgb, var(--line) 85%, transparent);box-shadow:none;cursor:pointer;background:0 0}.del-char{border:0;min-height:auto;padding:0;font-size:.86rem;line-height:1}.del-char:hover{color:var(--danger);filter:none}.char-bar-label,.tab-prog{cursor:default}.prog-bar-row{border-top:none;border-top-left-radius:0;border-top-right-radius:0;align-items:center;gap:12px;padding:10px 14px;display:flex}.prog-track{background:var(--panel-3);border:1px solid color-mix(in srgb, var(--line) 85%, transparent);border-radius:999px;flex:1;height:8px;overflow:hidden}.prog-fill{background:linear-gradient(90deg, var(--accent), var(--accent-soft));height:100%;box-shadow:0 0 10px #7c5cff66}.prog-count{color:var(--text);font-weight:700}.global-reset-timer{color:var(--accent-strong);border:1px dashed color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:6px;margin-left:auto;padding:4px 8px;font-size:.72rem}.btn-reset-inline{border:1px solid color-mix(in srgb, var(--danger) 45%, var(--line));min-height:32px;color:color-mix(in srgb, var(--danger) 85%, var(--text));background:color-mix(in srgb, var(--danger) 10%, var(--panel));white-space:nowrap;border-radius:7px;padding:.36rem .68rem;font-size:.74rem;font-weight:700}.btn-reset-inline:hover{border-color:color-mix(in srgb, var(--danger) 65%, var(--line));background:color-mix(in srgb, var(--danger) 16%, var(--panel));transform:none}.main-grid{grid-template-columns:1fr 380px;align-items:start;gap:16px;margin-top:16px;margin-bottom:30px;display:grid}.left-col,.right-col{flex-direction:column;gap:16px;display:flex}.btn-add-instance-main{width:100%}.btn-add-instance-main,.ph-btn,.btn-add-char,.btn-add-search{letter-spacing:.02em;font-family:Manrope,Geist,sans-serif}.cat-head,.panel-head{background:color-mix(in srgb, var(--panel-2) 82%, var(--panel));border-bottom:1px solid color-mix(in srgb, var(--line) 85%, transparent);align-items:center;gap:10px;padding:12px 16px;font-family:Sora,Manrope,sans-serif;font-size:.8rem;font-weight:700;display:flex;position:static}.cat-head{cursor:pointer}.cat-count,.ph-count{color:var(--muted);margin-left:auto;font-size:.74rem}.group-arrow{width:14px;color:var(--accent-strong);justify-content:center;font-size:.8rem;line-height:1;display:inline-flex}.row,.custom-row{border-bottom:1px solid color-mix(in srgb, var(--line) 50%, transparent);cursor:pointer;align-items:center;gap:12px;padding:12px 16px;transition:background .16s;display:flex}.row:hover,.custom-row:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.row:last-child,.custom-row:last-child{border-bottom:0}.row.done,.custom-row.done{background:color-mix(in srgb, var(--success) 13%, transparent)}.chk,.icon-btn.chk-btn{border:2px solid color-mix(in srgb, var(--accent) 55%, transparent);background:var(--panel-3);width:22px;height:22px;color:var(--success);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;display:flex}.row-info,.custom-body{flex:1;min-width:0}.row-info,.row-name,.custom-body,.custom-name-input-react{cursor:pointer}.row-name{font-size:1rem;font-weight:600}.row-meta{color:var(--muted);margin-top:4px;font-size:.78rem}.wiki-link{text-decoration:none}.wiki-link:hover{color:var(--accent-strong);text-decoration:underline}.coin-badge,.note-badge{border:1px solid color-mix(in srgb, var(--line) 85%, transparent);background:color-mix(in srgb, var(--panel-2) 82%, transparent);color:var(--accent-strong);border-radius:6px;align-items:center;gap:5px;margin-left:8px;padding:2px 7px;font-size:.7rem;display:inline-flex}.note-badge{margin-top:6px;margin-left:0}.row-actions,.custom-right,.form-btns{align-items:center;gap:8px;display:flex}.form-btns{gap:12px;margin-top:4px}.form-btns .btn-cancel,.form-btns .btn-confirm{min-width:108px}.pill{border:1px solid color-mix(in srgb, var(--line) 88%, transparent);border-radius:999px;padding:4px 10px;font-size:.72rem}.pill.idle{color:var(--muted);background:color-mix(in srgb, var(--panel-2) 88%, transparent)}.pill.active{color:var(--success);border-color:color-mix(in srgb, var(--success) 45%, transparent);background:color-mix(in srgb, var(--success) 15%, transparent)}.note-input-react,.custom-name-input-react,.form-input,.search-input{background:color-mix(in srgb, var(--panel-2) 82%, transparent);border:1px solid color-mix(in srgb, var(--line) 85%, transparent);width:100%;color:var(--text);font:inherit;border-radius:6px;outline:none;padding:8px 10px;transition:border-color .14s,background .14s}.note-input-react::placeholder,.search-input::placeholder,.form-input::placeholder{color:color-mix(in srgb, var(--muted) 78%, transparent)}.note-input-react{margin-top:6px}.search-results{flex-direction:column;gap:10px;min-height:420px;max-height:420px;padding-right:4px;display:flex;overflow-y:auto}.search-empty{border:1px dashed color-mix(in srgb, var(--line) 80%, transparent);text-align:center;color:var(--muted);border-radius:8px;padding:14px;font-size:.86rem}.search-result-item{border:1px solid color-mix(in srgb, var(--line) 80%, transparent);background:color-mix(in srgb, var(--panel-2) 70%, var(--panel));border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;transition:border-color .12s,background .12s;display:flex}.search-result-item:hover{border-color:color-mix(in srgb, var(--accent) 35%, transparent);background:color-mix(in srgb, var(--accent) 8%, var(--panel))}.search-result-name{letter-spacing:.01em;font-weight:800}.search-result-info{flex-direction:column;gap:3px;display:flex}.search-result-meta{font-size:.76rem}.search-added-text{font-size:.8rem;font-weight:700}.btn-add-search{min-height:34px;padding:.45rem .7rem;font-size:.78rem}.search-modal-body{flex-direction:column;gap:12px;display:flex}.modal-search .search-input{border-radius:10px;height:42px;padding:0 12px}.modal-search .search-input:focus-visible{border-color:color-mix(in srgb, var(--accent) 70%, transparent);background:color-mix(in srgb, var(--panel-2) 90%, transparent)}.modal-search .search-empty{border-radius:10px;padding:24px 16px;font-size:.9rem}.modal-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.modal-title{letter-spacing:.01em;font-size:1rem;font-weight:800}.modal-search{max-width:620px;padding:18px}.modal-search .modal-x{min-height:auto;color:var(--muted);background:0 0;border:0;border-radius:0;padding:0;font-size:1.35rem;font-weight:500;line-height:1}.modal-search .modal-x:hover{color:var(--text);background:0 0}.modal-search .search-results::-webkit-scrollbar{width:14px}.modal-search .search-results::-webkit-scrollbar-track{background:0 0}.modal-search .search-results::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--line-strong) 70%, transparent);background-clip:content-box;border:3px solid #0000;border-radius:999px}.modal-search .search-results::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--accent) 55%, var(--line-strong))}.modal-search .search-result-item .btn-add-search,.modal-search .search-result-item .search-added-text{flex-shrink:0}.modal-search .search-result-item .btn-add-search{white-space:nowrap}.modal-search .search-result-item .search-result-name{word-break:break-word}.modal-search .search-result-item .search-result-meta{line-height:1.2}.modal-search .search-results:focus-within{scroll-behavior:smooth}.modal-search .search-input,.modal-search .search-result-item,.modal-search .modal-x{box-shadow:none}.modal-search .search-input:hover{border-color:color-mix(in srgb, var(--accent) 34%, transparent)}.modal-search .search-result-item:active{transform:none}.modal-search .search-result-item .search-added-text{color:color-mix(in srgb, var(--success) 78%, var(--text))}.modal-search .search-result-item .btn-add-search{background:linear-gradient(180deg, var(--accent), var(--accent-soft));border-color:color-mix(in srgb, var(--accent) 78%, transparent);color:var(--accent-text)}.modal-search .search-result-item .btn-add-search:hover{background:linear-gradient(180deg, var(--accent), var(--accent-soft));border-color:color-mix(in srgb, var(--accent) 92%, transparent);transform:none;box-shadow:0 3px 10px #7c5cff1f}.modal-search .search-result-item .btn-add-search:focus-visible{outline-color:color-mix(in srgb, var(--accent) 55%, transparent)}.modal-search .search-result-item .search-result-meta,.search-result-meta,.search-added-text,.custom-empty,.footer-desc{color:var(--muted)}.custom-empty{text-align:center;padding:36px 24px;font-size:.9rem;font-style:italic;line-height:1.6}.add-form{border-top:1px solid color-mix(in srgb, var(--line) 80%, transparent);flex-direction:column;gap:14px;padding:18px;display:flex}.form-row{flex-wrap:wrap;gap:14px;display:flex}.form-field{flex-direction:column;flex:1;gap:6px;min-width:150px;display:flex}.form-label{color:var(--muted);font-size:.72rem}.icon-btn,.ph-btn,.btn-cancel,.btn-reset,.btn-add-search,.btn-reset-timer{box-shadow:none}.btn-reset{position:static}.site-footer{border-top:1px solid color-mix(in srgb, var(--line) 80%, transparent);padding-top:24px;padding-bottom:20px}.footer-inner{grid-template-columns:1fr 1fr;align-items:start;gap:28px;display:grid}.footer-eyebrow{color:var(--accent-strong);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);border-radius:999px;margin-bottom:12px;padding:4px 10px;font-size:.68rem;display:inline-flex}.footer-heading{margin-bottom:8px;font-size:1.35rem}.footer-projects{flex-wrap:wrap;gap:8px;display:flex}.fp-tag{border:1px solid color-mix(in srgb, var(--line) 88%, transparent);border-radius:8px;padding:6px 10px;text-decoration:none}.kafra-support{justify-content:flex-end;display:flex}.kafra-bubble{max-width:380px}.btn-donate{width:auto;padding:8px 12px}.footer-bottom{border-top:1px solid color-mix(in srgb, var(--line) 80%, transparent);justify-content:center;align-items:center;gap:10px;margin-top:16px;padding-top:14px;display:flex}.footer-dot{background:var(--line-strong);border-radius:999px;width:3px;height:3px}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal{width:100%;max-width:460px;padding:18px}.modal h3{margin-bottom:10px}.modal-x{color:var(--muted);box-shadow:none;background:0 0;border:0;min-height:auto}@media (max-width:720px){.modal-search{max-width:100%;padding:14px}.modal-title{font-size:.92rem}.modal-search .search-results{min-height:58vh;max-height:58vh}.modal-search .search-result-item{align-items:flex-start}}@media (max-width:920px){.auth-nav{flex-wrap:wrap;justify-content:center;width:fit-content;margin:0 auto 14px;position:static}.theme-toggle-wrap{top:10px;right:10px}.main-grid,.footer-inner{grid-template-columns:1fr}.global-reset-timer{order:4;width:100%;margin-left:0}.prog-bar-row{flex-wrap:wrap}.btn-reset-inline{order:5;width:100%}.cat-head,.panel-head{position:static}.row,.custom-row{align-items:flex-start}.row-actions,.custom-right{justify-content:flex-end;width:100%}.btn-reset{width:100%}}