:root{--app-surface: #f4ebd9;--app-primary: #1a1a1a;--app-bg: #ba1c21;--app-secondary: #9ccdd9;--app-accent: #ffde00}*{box-sizing:border-box}html{background:var(--app-bg)}body{margin:0;color:var(--app-primary);font-family:Space Grotesk,sans-serif;font-weight:700;background-color:var(--app-bg);background-image:linear-gradient(rgba(244,235,217,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(244,235,217,.14) 1px,transparent 1px);background-size:32px 32px}#root{min-height:100vh}.brutal-border{border:4px solid var(--app-primary)}.brutal-shadow{box-shadow:8px 8px 0 0 var(--app-primary)}.brutal-shadow-sm{box-shadow:4px 4px 0 0 var(--app-primary)}.brutal-button{border:4px solid var(--app-primary);box-shadow:6px 6px 0 0 var(--app-primary);transition:all .15s cubic-bezier(.175,.885,.32,1.275)}.brutal-button:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 0 var(--app-primary)}.brutal-button:active{transform:translate(4px,4px);box-shadow:0 0 0 0 var(--app-primary)}.tech-label{display:inline-block;border:4px solid var(--app-primary);background:var(--app-secondary);padding:.35rem .65rem;font-size:.7rem;font-weight:900;letter-spacing:.25em;text-transform:uppercase}.surface-panel{background:var(--app-surface);border:4px solid var(--app-primary);box-shadow:8px 8px 0 0 var(--app-primary)}.surface-panel-sm{background:var(--app-surface);border:4px solid var(--app-primary);box-shadow:4px 4px 0 0 var(--app-primary)}.ink-input{width:100%;border:4px solid var(--app-primary);background:#fffdf7;color:var(--app-primary);padding:.85rem 3rem .85rem 1rem;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:700;outline:none}.ink-input::placeholder{color:#1a1a1ab3}.ink-input:focus{background:#fff;box-shadow:inset 0 0 0 2px var(--app-secondary)}.ink-input:disabled{opacity:.7;cursor:not-allowed}.grid-shell{position:relative}.grid-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,transparent 0,transparent calc(100% - 2px),rgba(26,26,26,.08) calc(100% - 2px)),linear-gradient(315deg,transparent 0,transparent calc(100% - 2px),rgba(26,26,26,.08) calc(100% - 2px));opacity:.55}.uppercase-tech{text-transform:uppercase;font-weight:900;letter-spacing:.18em}.input-shell{position:relative}.input-clear{position:absolute;right:.8rem;top:50%;display:inline-flex;height:1.6rem;width:1.6rem;transform:translateY(-50%);align-items:center;justify-content:center;border:3px solid var(--app-primary);background:var(--app-accent);color:var(--app-primary);cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:900;line-height:1}.input-clear:disabled{cursor:not-allowed;opacity:.45}.ai-generated-block{border:4px solid var(--app-primary);background:linear-gradient(135deg,#9ccdd96b,#ffffffd6),var(--app-surface);box-shadow:4px 4px 0 0 var(--app-primary);padding:.9rem 1rem}.ai-generated-block--warm{background:linear-gradient(135deg,#ffde0059,#ffffffe0),var(--app-surface)}