@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Water+Brush&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";:root{--bg-primary:#fff;--text-primary:#000;--accent:#e9ece5;--border:#000;--font-sans:"Space Mono", "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, monospace;--font-serif:"Inter", sans-serif;--blue-note-green:#6ed057;--transition-fast:0s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-transform:uppercase;font-size:13px;line-height:1.5}a{color:inherit;transition:opacity var(--transition-fast), background-color var(--transition-fast);text-decoration:none}a:hover{text-decoration:underline}.brutalist-border{border:1px solid var(--border)}.brutalist-border-bottom{border-bottom:1px solid var(--border)}.brutalist-border-right{border-right:1px solid var(--border)}.invert-hover{transition:all}.invert-hover:hover{background-color:var(--text-primary);color:var(--bg-primary)}button{font-family:var(--font-sans);text-transform:uppercase;cursor:pointer;color:inherit;transition:background-color var(--transition-fast);background:0 0;border:none;font-size:13px}.container{width:100%;max-width:1600px;margin:0 auto;padding:0 20px}.hover-bg{border-radius:2px}.hover-bg:hover{background-color:var(--accent)}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.4s forwards fadeIn}@media (width<=768px){.app-layout{grid-template-columns:1fr!important}.obi-nav{border-right:none!important;border-bottom:2px solid var(--border)!important;width:100%!important;height:auto!important;position:relative!important}.product-grid,.archive-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.brand-sidebar{display:none!important}.blue-note-header{min-height:auto!important}.blue-note-content{padding:20px!important}.main-stage{padding:16px!important}.top-stamp{border-radius:8px!important;padding:2px 4px!important;font-size:8px!important;line-height:1.2!important;top:10px!important;left:10px!important}}