@tailwind base;@tailwind components;@tailwind utilities;:root{--theme-transition-duration: 1.2s;--theme-fade-duration: .6s;--theme-timing-function: ease-in-out;--texture-dark-walnut: url(/textures/dark-walnut.jpg);--texture-creamy-vellum: url(/textures/creamy-vellum.jpg);--font-family-sans: Inter, Poppins, sans-serif;--font-family-serif-display: Lora, serif;--color-accent-dark: #D4AF37;--rgb-accent-dark-val: 212, 175, 55;--color-accent-dark-secondary: #E0C670;--color-text-dark: #EAE6E1;--color-text-secondary-dark: #b0a9a1;--material-surface-dark: var(--texture-dark-walnut);--material-console-dark-bg: linear-gradient(180deg, #2a2624, #1c1a18);--color-surface-card-dark: rgba(30, 28, 26, .85);--color-border-dark: rgba(212, 175, 55, .3);--shadow-properties-dark: 0 8px 30px rgba(0, 0, 0, .5);--shadow-console-edge-dark: inset 0 2px 3px -1px rgba(0,0,0,.6);--backdrop-blur-dark: blur(8px);--color-accent-light: #8B6F1E;--rgb-accent-light-val: 139, 111, 30;--color-accent-light-secondary: #A4884B;--color-text-light: #413A30;--color-text-secondary-light: #7a6b5c;--material-surface-light: var(--texture-creamy-vellum);--material-console-light-bg: linear-gradient(180deg, #FDFBF5, #F4F1E9);--color-surface-card-light: #FFFFFF;--color-border-light: #DCD0C0;--shadow-properties-light: 0 6px 20px rgba(93, 64, 55, .12);--shadow-console-edge-light: inset 0 2px 3px -1px rgba(0,0,0,.25);--color-light-wash-start: rgba(244, 241, 233, 1);--color-light-wash-end: rgba(244, 241, 233, 0);--dark-overlay-color: rgba(28, 26, 24, .95);--tomespine-glow-shadow-color-rgb-val: var(--rgb-accent-dark-val);--tomespine-glow-shadow-static: 0 0 25px 5px rgba(var(--tomespine-glow-shadow-color-rgb-val), .3);--tomespine-glow-shadow-pulsing: 0 0 35px 10px rgba(var(--tomespine-glow-shadow-color-rgb-val), .45);--dial-icon-mask-size: 50%;--dial-glow-blur: 8px;--glow-opacity: .6;--glow-scale: 1;--shelf-mask-gradient: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);--shelf-light-wash: linear-gradient(to right, rgba(255, 255, 255, .05) 0%, transparent 50%)}body[data-theme=dark]{--current-material-surface: var(--material-surface-dark);--current-color-background-fallback: #1c1a18;--current-color-surface: var(--color-surface-card-dark);--current-color-console-bg: var(--material-console-dark-bg);--current-color-border: var(--color-border-dark);--current-color-text-primary: var(--color-text-dark);--current-color-text-secondary: var(--color-text-secondary-dark);--current-color-accent-primary: var(--color-accent-dark);--current-color-accent-secondary: var(--color-accent-dark-secondary);--current-shadow-properties: var(--shadow-properties-dark);--current-shadow-console-edge: var(--shadow-console-edge-dark);--current-backdrop-blur: var(--backdrop-blur-dark);--current-rgb-accent-primary-val: var(--rgb-accent-dark-val);--tomespine-glow-shadow-color-rgb-val: var(--rgb-accent-dark-val);--dial-concave-highlight: var(--color-accent-dark-secondary);--dial-concave-base: var(--color-accent-dark);--dial-text-color: var(--color-text-dark)}body[data-theme=light]{--current-material-surface: var(--material-surface-light);--current-color-background-fallback: #FDFBF6;--current-color-surface: var(--color-surface-card-light);--current-color-console-bg: var(--material-console-light-bg);--current-color-border: var(--color-border-light);--current-color-text-primary: var(--color-text-light);--current-color-text-secondary: var(--color-text-secondary-light);--current-color-accent-primary: var(--color-accent-light);--current-color-accent-secondary: var(--color-accent-light-secondary);--current-shadow-properties: var(--shadow-properties-light);--current-shadow-console-edge: var(--shadow-console-edge-light);--current-backdrop-blur: none;--current-rgb-accent-primary-val: var(--rgb-accent-light-val);--tomespine-glow-shadow-color-rgb-val: var(--rgb-accent-light-val);--dial-concave-highlight: var(--color-accent-light-secondary);--dial-concave-base: var(--color-accent-light);--dial-text-color: var(--color-text-light)}body{background-image:var(--current-material-surface);background-attachment:fixed;background-size:cover;background-position:center center;background-color:var(--current-color-background-fallback);color:var(--current-color-text-primary);font-family:var(--font-family-sans);font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:color var(--theme-fade-duration) var(--theme-timing-function),background-color var(--theme-fade-duration) var(--theme-timing-function)}.theme-transition{transition-property:background-color,border-color,color,fill,stroke,box-shadow,opacity,background-image;transition-duration:var(--theme-fade-duration);transition-timing-function:var(--theme-timing-function)}.console-theme-transition{transition-property:background,box-shadow,border-color,color,opacity;transition-duration:var(--theme-fade-duration);transition-timing-function:var(--theme-timing-function)}@keyframes pulseShadow{0%,to{box-shadow:var(--tomespine-glow-shadow-static)}50%{box-shadow:var(--tomespine-glow-shadow-pulsing)}}.tomespine-pulsing{animation:pulseShadow 2s infinite ease-in-out}@keyframes moltenGoldShimmer{0%{background-position:200% center}to{background-position:-100% center}}.molten-gold-fill{animation:moltenGoldShimmer 3s linear infinite}.concave-dial-button{position:relative;border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;outline:none;transition:transform .1s ease-out}.concave-dial-button:focus-visible{box-shadow:0 0 0 2px var(--current-color-surface),0 0 0 4px var(--current-color-accent-primary)}.dial-surface-masked{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-image:radial-gradient(circle at 40% 35%,var(--dial-concave-highlight),var(--dial-concave-base) 85%);mask-size:var(--dial-icon-mask-size);mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:var(--dial-icon-mask-size);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;display:flex;align-items:center;justify-content:center}.dial-surface-masked:before{content:"";position:absolute;top:-5px;bottom:-5px;left:-5px;right:-5px;border-radius:50%;background-image:radial-gradient(circle,var(--current-color-accent-primary) 20%,transparent 70%);filter:blur(var(--dial-glow-blur));z-index:-1;opacity:var(--glow-opacity);transform:scale(var(--glow-scale));transition:opacity .25s ease-out,transform .25s ease-out}.dial-text-content{font-family:var(--font-family-sans);font-size:.7rem;line-height:1;font-weight:500;color:var(--dial-text-color);text-shadow:0 1px 1px rgba(0,0,0,.3)}.concave-dial-button.w-14 .dial-text-content,.concave-dial-button.sm\:w-16 .dial-text-content{font-size:.8rem}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}