@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700;800&family=Inter:wght@400;600;800&display=swap";:root{--clr-yellow:#ebf500;--clr-green:#00fc9a;--clr-pink:#ff85e4;--clr-purple:#9d00ff;--clr-orange:#ff4d00;--clr-blue:#00d4ff;--on-surface:#000;--surface:#fff;--border-thick:4px;--border-mega:8px;--shadow-main:8px 8px 0px #000;--shadow-mega:12px 12px 0px #000}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--clr-blue);color:var(--on-surface);background-image:radial-gradient(#000 1px,#0000 1px);background-size:20px 20px;height:100vh;font-family:Inter,sans-serif;overflow:hidden}h1,h2,h3,h4{text-transform:uppercase;letter-spacing:-.05em;font-family:Space Grotesk,sans-serif;font-weight:900}.neo-card{border:var(--border-thick) solid #000;box-shadow:var(--shadow-main);background:#fff;transition:all .1s}.neo-card:hover{box-shadow:var(--shadow-mega);transform:translate(-4px,-4px)}.neo-btn{background:var(--clr-yellow);border:var(--border-thick) solid #000;text-transform:uppercase;cursor:pointer;align-items:center;gap:8px;padding:12px 24px;font-family:Space Grotesk,sans-serif;font-weight:900;transition:all .1s;display:inline-flex;box-shadow:4px 4px #000}.neo-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}.app-shell{gap:32px;width:100vw;height:100vh;padding:32px;display:flex}.brutal-sidebar{border:var(--border-mega) solid #000;width:480px;box-shadow:var(--shadow-mega);z-index:100;background:#fff;flex-direction:column;display:flex;overflow:hidden}.map-viewport{border:var(--border-mega) solid #000;box-shadow:var(--shadow-mega);background:#fff;flex:1;position:relative;overflow:hidden}.brutal-tabs{background:#000;gap:8px;padding:8px;display:flex}.brutal-tab{text-transform:uppercase;border:var(--border-thick) solid #000;cursor:pointer;flex:1;padding:16px;font-weight:900;transition:all .1s}.brutal-tab.active-explore{background:var(--clr-yellow);color:#000}.brutal-tab.active-planner{background:var(--clr-pink);color:#000}.brutal-tab.inactive{color:#fff;background:#000;border-color:#333}.cat-tour{background:var(--clr-yellow)}.cat-food{background:var(--clr-orange)}.cat-korean{background:var(--clr-blue)}.cat-noodle{background:var(--clr-green)}.cat-tart{background:var(--clr-pink)}.cat-search{background:var(--clr-purple);color:#fff}.brutal-search-container{z-index:50;border:var(--border-thick) solid #000;background:#fff;display:flex;position:absolute;top:40px;left:40px;right:40px;box-shadow:12px 12px #000}.brutal-search-container input{background:0 0;border:none;outline:none;flex:1;padding:20px 32px;font-size:20px;font-weight:900}.brutal-search-btn{background:var(--clr-purple);color:#fff;border-left:var(--border-thick) solid #000;padding:0 40px}.brutal-item{border:var(--border-thick) solid #000;margin-bottom:20px;padding:20px;transition:all .1s;box-shadow:6px 6px #000}.brutal-item:hover{transform:translate(-3px,-3px);box-shadow:9px 9px #000}.brutal-metric{background:var(--clr-green);border:var(--border-thick) solid #000;align-items:center;gap:20px;padding:20px 32px;display:flex;position:absolute;bottom:40px;right:40px;box-shadow:8px 8px #000}.checkered{border-bottom:var(--border-thick) solid #000;background-color:#fff;background-image:linear-gradient(45deg,#000 25%,#0000 25%),linear-gradient(-45deg,#000 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#000 75%),linear-gradient(-45deg,#0000 75%,#000 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;height:40px}