html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--bg-primary: var(--bg);--bg-secondary: var(--surface-1);--bg-tertiary: var(--surface-2);--color-primary: var(--purple-strong);--color-secondary: var(--gold);--color-hp: #ef4444;--color-mana: #3b82f6;--color-energy: #facc15;--text-primary: var(--text);--text-secondary: var(--text-muted);--border-color: rgba(var(--ink-rgb), .1);--radius: 12px;--spacing: 12px;--page-width: 560px;--sidebar-width: 232px;--content-viewport: 100vw;color-scheme:light;--bg: #f4efe6;--surface-0: #fffdf8;--surface-1: #fffdf8;--surface-2: #f6f0e5;--surface-3: #e6dccb;--text: #1a1714;--text-muted: #5f574d;--text-faint: #8f8576;--gold: #a8281a;--gold-light: #1a1714;--purple-strong: #c8321e;--purple: #c8321e;--purple-light: #a8281a;--danger: #b91c1c;--danger-light: #991b1b;--success: #15803d;--success-light: #166534;--warning: #b45309;--accent: #c8321e;--accent-deep: #9e2414;--on-accent: #f4efe6;--font-display: "Russo One", "Arial Black", "Inter", sans-serif;--accent-rgb: 200, 50, 30;--primary-rgb: 200, 50, 30;--primary-deep-rgb: 158, 36, 20;--ink-rgb: 26, 23, 20;--shadow-rgb: 26, 23, 20;--bg-rgb: 244, 239, 230;--surface-rgb: 255, 253, 248;--muted-rgb: 95, 87, 77;--card-bg: #fffdf8;--card-border: #e4dbcb;--card-shadow: 0 1px 2px rgba(26, 23, 20, .05), 0 6px 18px rgba(26, 23, 20, .06);--heading: #1a1714;--heading-case: none;--header-bg: rgba(244, 239, 230, .9);--radius-card: 20px}:root[data-theme=dark]{color-scheme:dark;--bg: #14110f;--surface-0: #1b1815;--surface-1: #1f1b18;--surface-2: #28231f;--surface-3: #352f29;--text: #f4efe6;--text-muted: #b5ab9c;--text-faint: #857b6d;--gold: #ef6a50;--gold-light: #f4efe6;--purple-strong: #d93d27;--purple: #e0472f;--purple-light: #f07a62;--danger: #ef4444;--danger-light: #fca5a5;--success: #22c55e;--success-light: #86efac;--warning: #f59e0b;--accent: #e0472f;--accent-deep: #b3301c;--on-accent: #f4efe6;--accent-rgb: 224, 71, 47;--primary-rgb: 224, 71, 47;--primary-deep-rgb: 179, 48, 28;--ink-rgb: 244, 239, 230;--shadow-rgb: 0, 0, 0;--bg-rgb: 20, 17, 15;--surface-rgb: 40, 35, 31;--muted-rgb: 181, 171, 156;--card-bg: #1f1b18;--card-border: rgba(244, 239, 230, .08);--card-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 22px rgba(0, 0, 0, .25);--heading: #f4efe6;--heading-case: uppercase;--header-bg: rgba(20, 17, 15, .9)}h1{font-family:var(--font-display);font-weight:400;letter-spacing:.01em}@media(min-width:900px){:root{--page-width: 760px}}@media(min-width:1024px){:root{--page-width: 1120px;--content-viewport: calc(100vw - var(--sidebar-width))}}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:radial-gradient(ellipse 80% 40% at 50% 0%,rgba(var(--primary-rgb),.08),transparent 70%),var(--bg);background-attachment:fixed;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}:root[data-theme=dark] body{background:radial-gradient(ellipse 80% 40% at 50% 0%,rgba(224,71,47,.1),transparent 70%),var(--bg)}button,input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--purple);outline-offset:2px}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}button:not(:disabled):active{filter:brightness(1.15)}button:disabled{cursor:default}lucide-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;line-height:0;vertical-align:middle}lucide-icon>svg{display:block;width:100%;height:100%}@media(max-width:640px){input,select,textarea,.tf-input{font-size:16px!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease,transform .1s ease}.btn-primary{background:var(--purple-strong);color:#fff;box-shadow:0 2px 8px rgba(var(--primary-rgb),.25)}.btn-primary:hover{background:var(--purple)}.btn-secondary{border-color:rgba(var(--ink-rgb),.1);background:var(--surface-2);color:var(--text)}.btn-secondary:hover{background:var(--surface-3)}.btn-icon{width:48px;height:48px;background:var(--surface-2)}.btn:disabled{opacity:.55;cursor:default}.tf-panel{display:grid;gap:12px;margin-bottom:16px;padding:18px;border-radius:var(--radius-card, 20px);border:1px solid var(--card-border);background:var(--card-bg);box-shadow:var(--card-shadow);color:var(--text);line-height:1.45}.tf-panel h2{color:var(--heading);font-size:15px;font-weight:700;text-transform:var(--heading-case)}.tf-panel p{color:var(--text-muted);font-size:13px}.tf-field{display:grid;gap:6px;color:var(--text-muted);font-size:12px;font-weight:500}.tf-input{width:100%;min-width:0;padding:11px 13px;border-radius:12px;border:1px solid rgba(var(--ink-rgb),.12);background:var(--surface-0);color:var(--text);font:inherit;font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.tf-input:focus{border-color:rgba(var(--primary-rgb),.6);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}textarea.tf-input{min-height:72px;resize:vertical}.tf-actions{display:flex;flex-wrap:wrap;gap:8px}.tf-actions .btn{flex:1 1 auto}.tf-error{padding:10px 12px;border-radius:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--danger-light);font-size:13px}.tf-success{padding:10px 12px;border-radius:12px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:var(--success-light);font-size:13px}.tf-muted{color:var(--text-muted);font-size:13px}select,input,textarea{color:var(--text);accent-color:var(--purple-strong)}.tf-edit-actions{display:flex;flex-wrap:wrap;gap:8px}.tf-edit-actions>button{flex:1 1 0;min-width:96px}.tf-btn-save,.tf-btn-cancel,.tf-btn-edit,.tf-btn-delete{min-height:38px;padding:0 14px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer}.tf-btn-save{border:1px solid rgba(var(--accent-rgb),.8);background:var(--accent);color:var(--on-accent)}.tf-btn-cancel{border:1px solid rgba(var(--ink-rgb),.12);background:transparent;color:var(--text-muted)}.tf-btn-edit{border:1px solid rgba(var(--primary-rgb),.35);background:rgba(var(--primary-rgb),.12);color:var(--purple-light)}.tf-btn-delete{border:1px solid rgba(239,68,68,.4);background:transparent;color:var(--danger)}.tf-btn-save:disabled,.tf-btn-cancel:disabled,.tf-btn-edit:disabled,.tf-btn-delete:disabled{opacity:.45;cursor:default}.tf-unsaved{color:var(--gold);font-size:12px}