@charset "UTF-8";:root{--ph-text: #050505;--ph-bg: #DFD8C4;--ph-accent: #D6CEB8;--ph-divider: #BEB49C;--ph-orange: #E4A444;--ph-orange-hover: #F0AE4A;--ph-orange-active: #C48434;--ph-orange-border: #AC7C2C;--ph-gold: #C48434;--ph-blue: #1D4AFF;--ph-gray: #AFA58F;--ph-dark-text: #DFD8C4;--ph-dark-bg: #151515;--ph-dark-accent: #2C2C2C;--ph-dark-divider: #4B4B4B;--primary-color: var(--ph-orange);--secondary-color: var(--ph-orange-hover);--accent-color: var(--ph-orange);--primary-orange: var(--primary-color);--secondary-orange: var(--secondary-color);--accent-orange: var(--accent-color);--dark-bg: var(--ph-bg);--card-bg: var(--ph-bg);--surface-bg: var(--ph-accent);--border-color: var(--ph-divider);--text-primary: var(--ph-text);--text-secondary: rgba(5, 5, 5, .72);--text-muted: var(--ph-gray);--shadow-light: rgba(228, 164, 68, .14);--shadow-medium: rgba(228, 164, 68, .22);--shadow-heavy: rgba(5, 5, 5, .18);--brutal-radius: 6px;--brutal-border: 1px solid var(--ph-text);--brutal-shadow: 4px 4px 0 #151515}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background-color:var(--dark-bg);background-image:radial-gradient(rgba(5,5,5,.07) .8px,transparent .8px);background-size:8px 8px;background-attachment:fixed;color:var(--text-primary);font-family:"Source Sans 3",ui-sans-serif,system-ui,sans-serif;min-height:100vh}.bento-card,.generation-card,.glass-card{background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--brutal-radius)!important;box-shadow:var(--brutal-shadow);position:relative;overflow:hidden}.bento-card:after,.generation-card:after,.glass-card:after{display:none}.expandable-card,.card,.modal,.panel{border-radius:var(--brutal-radius)!important}button,.btn,[class*=btn-]{border-radius:var(--brutal-radius)!important;font-family:"Source Sans 3",ui-sans-serif,system-ui,sans-serif;letter-spacing:0}input,textarea,select{border-radius:var(--brutal-radius)!important;font-family:"Source Sans 3",ui-sans-serif,system-ui,sans-serif}.text-gradient{background:linear-gradient(135deg,var(--ph-orange) 0%,var(--ph-orange-hover) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--ph-bg);border:1px solid var(--ph-divider)}::-webkit-scrollbar-thumb{background:var(--ph-accent);border:none}::-webkit-scrollbar-thumb:hover{background:var(--ph-orange)}::selection{background:var(--ph-gold);color:var(--ph-text)}
