:root{--color-editor-shell: #2f251d;--color-editor-shell-alt: #1f1712;--color-editor-paper: #f6eddd;--color-editor-panel: #fbf5ea;--color-editor-muted: #e6d8c2;--color-editor-ink: #2d2116;--color-editor-soft: #6c5841;--color-editor-line: rgba(70, 50, 29, .18);--color-editor-line-strong: rgba(70, 50, 29, .35);--color-editor-gold: #b58b45;--color-editor-red: #a8492f;--color-editor-green: #587a4f;--color-paper-base: var(--color-editor-paper);--color-paper-warm: #dec6a3;--color-paper-shadow: #86745f;--color-ink: var(--color-editor-ink);--color-sepia: var(--color-editor-soft);--color-surface-deep: #4a392c;--color-surface-deep-alt: #30241a;--color-seal: var(--color-editor-red);--color-olive: var(--color-editor-green);--color-mist: #a99984;--color-accent: var(--color-editor-gold);--color-accent-dark: #8e6733;--color-accent-light: #e7cfad;--color-accent-surface: rgba(181, 139, 69, .12);--color-accent-surface-strong: rgba(181, 139, 69, .18);--color-accent-border-soft: rgba(181, 139, 69, .22);--color-accent-border: rgba(181, 139, 69, .36);--color-accent-border-strong: rgba(181, 139, 69, .52);--color-surface-paper: rgba(246, 237, 221, .9);--color-surface-paper-soft: rgba(251, 245, 234, .74);--color-surface-paper-strong: rgba(251, 245, 234, .96);--color-surface-deep-alpha: rgba(47, 37, 29, .92);--color-paper-overlay-soft: rgba(246, 237, 221, .32);--color-paper-overlay: rgba(251, 245, 234, .44);--color-paper-overlay-strong: rgba(251, 245, 234, .64);--color-line-faint: rgba(70, 50, 29, .1);--color-line-soft: var(--color-editor-line);--color-line: rgba(70, 50, 29, .24);--color-line-strong: var(--color-editor-line-strong);--color-dossier-frame: rgba(70, 50, 29, .1);--color-dossier-frame-strong: rgba(70, 50, 29, .14);--color-dossier-divider: rgba(70, 50, 29, .08);--color-dossier-divider-strong: rgba(70, 50, 29, .12);--color-dossier-accent-line: rgba(181, 139, 69, .28);--color-scrim: rgba(31, 23, 18, .52);--color-scrim-strong: rgba(20, 15, 12, .72);--color-shell-base: var(--color-editor-shell);--color-shell-elevated: rgba(58, 45, 34, .96);--color-shell-hover: rgba(255, 255, 255, .08);--color-shell-active: rgba(181, 139, 69, .18);--color-shell-border: rgba(231, 207, 173, .16);--color-shell-text: #f3e7d4;--color-primary: var(--color-accent);--color-primary-dark: var(--color-accent-dark);--color-primary-light: var(--color-accent-light);--color-primary-alpha: var(--color-accent-surface);--color-bg-base: var(--color-editor-shell);--color-bg-elevated: var(--color-surface-paper);--color-bg-overlay: var(--color-surface-paper-soft);--color-bg-hover: #efe3cf;--color-text-primary: var(--color-ink);--color-text-secondary: var(--color-sepia);--color-text-tertiary: #8d775f;--color-text-inverse: #fff5e8;--color-border-base: rgba(70, 50, 29, .16);--color-border-strong: rgba(70, 50, 29, .34);--color-border-focus: var(--color-accent);--color-success: var(--color-editor-green);--color-warning: var(--color-accent);--color-error: var(--color-seal);--color-info: #727a80;--color-rarity-common: #8d867c;--color-rarity-uncommon: #687461;--color-rarity-rare: #727a80;--color-rarity-epic: #7d564c;--color-rarity-legendary: var(--color-accent);--font-family-base: "Source Han Sans SC", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-family-heading: "Source Han Serif SC", "Noto Serif SC", "Songti SC", "STSong", serif;--font-family-display: "Cormorant Garamond", "Source Han Serif SC", "Noto Serif SC", serif;--font-family-mono: "SF Mono", "Consolas", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 3px;--radius-md: 8px;--radius-lg: 14px;--radius-full: 9999px;--shadow-sm: 0 1px 0 rgba(255, 250, 241, .16), 0 10px 20px rgba(18, 12, 8, .16);--shadow-md: 0 1px 0 rgba(255, 250, 241, .12), 0 18px 40px rgba(18, 12, 8, .22);--shadow-lg: 0 1px 0 rgba(255, 250, 241, .1), 0 28px 60px rgba(18, 12, 8, .3);--shadow-glow: 0 0 0 1px rgba(181, 139, 69, .18), 0 18px 36px rgba(18, 12, 8, .24);--shadow-dossier-soft: 0 8px 18px rgba(18, 12, 8, .05), inset 0 1px 0 rgba(255, 255, 255, .14);--shadow-dossier-hover: 0 12px 22px rgba(18, 12, 8, .08), inset 0 1px 0 rgba(255, 255, 255, .18);--shadow-dossier-accent: 0 12px 24px rgba(181, 139, 69, .1), inset 0 0 0 1px rgba(181, 139, 69, .14);--shadow-dossier-dark: 0 14px 28px rgba(0, 0, 0, .18);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-dropdown: 1000;--z-modal: 2000;--z-tooltip: 3000;--color-lead-gray: var(--color-editor-paper);--color-jade-hairpin: var(--color-editor-panel);--color-middle-gray: var(--color-editor-line);--color-soot-brown: var(--color-editor-soft);--color-ink-charcoal: var(--color-editor-ink);--color-old-brass: var(--color-editor-gold);--color-dusk-brown: #30241a;--color-wax-red: var(--color-editor-red)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background:radial-gradient(circle at top right,rgba(240,214,166,.18),transparent 28%),radial-gradient(circle at 18% 12%,rgba(255,245,232,.08),transparent 18%),linear-gradient(160deg,var(--color-editor-shell) 0%,var(--color-editor-shell-alt) 100%);background-color:var(--color-bg-base);background-attachment:fixed;overflow-x:hidden}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:none;border:none;outline:none}button{cursor:pointer}a{color:var(--color-accent-dark);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#2f27222e}::-webkit-scrollbar-thumb{background:#b29a7442;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.hidden{display:none!important}