:root,[data-theme=light]{--color-bg: #F7F6FF;--color-card: #ffffff;--color-card-warm: #F5F4FF;--color-text: #2C2C2A;--color-text-sub: #4A4A47;--color-text-faint: #888780;--color-border: #E2E0F8;--color-gold: #534AB7;--color-gold-light: #EEEDFE;--color-gold-border: #7F77DD;--color-accent: #EF9F27;--color-shadow: rgba(83, 74, 183, .1);--color-red: #c0392b;--color-surface-text: #ffffff;--color-input-focus-bg: #ffffff;--color-amber: #EF9F27;--color-amber-light: #FAC775;--color-rome: #c0392b;--color-green: #4a7a48;--color-divider: rgba(83, 74, 183, .07);--color-text-muted: rgba(44, 44, 42, .55);--color-green-light: #f1f8e9;--color-green-border: #81c784;--color-bg-card: #ffffff;--color-bg-card-hover: #F5F4FF;--color-header-bg: rgba(255, 255, 255, .94);--color-header-border: rgba(83, 74, 183, .1);--color-florence: #7F77DD;--color-wiki-panel-bg: #EEEDFE}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-bg: #16151F;--color-card: #211F2E;--color-card-warm: #2A2840;--color-text: #ECEAF8;--color-text-sub: #A9A6C4;--color-text-faint: #7A7899;--color-border: #3A3760;--color-gold: #7F77DD;--color-gold-light: #2A2840;--color-gold-border: #534AB7;--color-accent: #FAC775;--color-shadow: rgba(0, 0, 0, .5);--color-red: #e76f62;--color-surface-text: #16151F;--color-input-focus-bg: #2A2840;--color-amber: #FAC775;--color-amber-light: #EF9F27;--color-rome: #e76f62;--color-green: #70b06d;--color-green-light: #1a2e19;--color-green-border: #4a7a48;--color-divider: rgba(127, 119, 221, .12);--color-text-muted: rgba(236, 234, 248, .55);--color-bg-card: #211F2E;--color-bg-card-hover: #2A2840;--color-header-bg: rgba(22, 21, 31, .96);--color-header-border: rgba(127, 119, 221, .15);--color-florence: #7F77DD;--color-wiki-panel-bg: #1E1C2C}}[data-theme=dark]{--color-bg: #16151F;--color-card: #211F2E;--color-card-warm: #2A2840;--color-text: #ECEAF8;--color-text-sub: #A9A6C4;--color-text-faint: #7A7899;--color-border: #3A3760;--color-gold: #7F77DD;--color-gold-light: #2A2840;--color-gold-border: #534AB7;--color-accent: #FAC775;--color-shadow: rgba(0, 0, 0, .5);--color-red: #e76f62;--color-surface-text: #16151F;--color-input-focus-bg: #2A2840;--color-amber: #FAC775;--color-amber-light: #EF9F27;--color-rome: #e76f62;--color-green: #70b06d;--color-green-light: #1a2e19;--color-green-border: #4a7a48;--color-divider: rgba(127, 119, 221, .12);--color-text-muted: rgba(236, 234, 248, .55);--color-bg-card: #211F2E;--color-bg-card-hover: #2A2840;--color-header-bg: rgba(22, 21, 31, .96);--color-header-border: rgba(127, 119, 221, .15);--color-florence: #7F77DD;--color-wiki-panel-bg: #1E1C2C}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:Georgia,serif;min-height:100vh}#root{min-height:100vh}.flex{display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.flex-col{flex-direction:column}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.w-full{width:100%}.h-full{height:100%}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.p-4{padding:16px}.px-4{padding-left:16px;padding-right:16px}.py-3{padding-top:12px;padding-bottom:12px}.pb-4{padding-bottom:16px}.text-left{text-align:left}.text-right{text-align:right}.transition-opacity{transition:opacity .2s}.group:hover{opacity:.9}.last\:mb-0:last-child{margin-bottom:0}.hidden{display:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:99px}