:root{--ink:#2b2118;--toon-border:3px solid var(--ink);--toon-shadow:5px 5px 0 var(--ink);--toon-shadow-sm:3px 3px 0 var(--ink);--accent:#e07b39;--accent-dark:#b85e26;--mono:"JetBrains Mono", "Roboto Mono", ui-monospace, monospace}*{box-sizing:border-box}html{background:linear-gradient(#faf3ea 0%,#f6e6d4 55%,#eec9a0 100%);min-height:100%}body{color:var(--ink);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.os-window{border-radius:14px;flex-direction:column;max-width:1100px;min-height:calc(100vh - 5rem);margin:2.5rem auto;display:flex;overflow:hidden;box-shadow:10px 10px #2b211840}.os-titlebar{background:var(--ink);color:#f5efe6;font-family:var(--mono);align-items:center;gap:.75rem;padding:.6rem 1rem;font-size:.9rem;display:flex}.os-dots{gap:.4rem;display:flex}.os-dot{background:#6b5b4a;border-radius:50%;width:11px;height:11px}.os-dot:first-child{background:#e0664a}.os-dot:nth-child(2){background:var(--accent)}.os-dot:nth-child(3){background:#7fa876}.os-titlebar-label{opacity:.85;letter-spacing:.02em}@media (width<=640px){.os-window{border-radius:0;min-height:100vh;margin:0}}h2,h3{font-family:"Baloo 2",Inter,sans-serif}.app{background:#faf7f2;flex-direction:column;flex:1;display:flex}.app main{flex:1;width:100%}nav{color:#fff;border-bottom:var(--toon-border);background:#4a2c2a;grid-template-columns:1fr auto 1fr;align-items:center;padding:1rem 2rem;display:grid}nav a{color:#fff;font-weight:700;text-decoration:none}.brand{justify-self:center;font-family:Dancing Script,cursive;font-size:2rem;font-weight:700}.nav-links{justify-self:end;align-items:center;gap:1rem;display:flex}.nav-links a{font-weight:400}.nav-login-btn{background:var(--accent);border:2px solid var(--ink);box-shadow:var(--toon-shadow-sm);border-radius:999px;padding:.5rem 1.1rem;transition:transform .1s,box-shadow .1s,background .15s;display:inline-block;color:#fff!important;font-weight:700!important}.nav-login-btn:hover{background:var(--accent-dark)}.nav-login-btn:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.nav-start{justify-self:start;align-items:center;gap:.4rem;display:flex}.hamburger{color:#fff;cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-size:1.5rem;line-height:1}.hamburger:hover{background:#ffffff26;border-radius:8px}.music-toggle{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;padding:.35rem;display:inline-flex}.music-toggle:hover{background:#ffffff26;border-radius:8px}.search-box input{background:#ffffffe6;border:2px solid #8a6a5a;border-radius:999px;min-width:220px;padding:.4rem .8rem}.drawer-backdrop{opacity:0;pointer-events:none;z-index:100;background:#0006;transition:opacity .2s;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer{border-right:var(--toon-border);z-index:101;background:#faf7f2;width:280px;max-width:80vw;height:100%;padding:1.5rem;transition:transform .25s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:6px 0 #2b211826}.drawer.open{transform:translate(0)}.drawer-close{color:#4a2c2a;cursor:pointer;float:right;background:0 0;border:none;padding:0;font-size:1.6rem;line-height:1}.drawer-content{clear:both;flex-direction:column;gap:1.25rem;margin-top:2.5rem;display:flex}.drawer-content a{color:#4a2c2a;font-size:1.1rem;font-weight:700;text-decoration:none}.drawer-content .search-box input{width:100%}main{max-width:960px;margin:2rem auto;padding:0 1rem}h2{color:#4a2c2a}.category-intro{align-items:center;gap:1.25rem;margin-bottom:1.5rem;display:flex}.category-intro h2{margin-bottom:.3rem}.category-intro-icon{width:56px;height:56px;filter:drop-shadow(3px 3px 0 var(--ink));flex-shrink:0}.category-intro-text{color:#6f4e37;max-width:640px;margin:0;line-height:1.5}.category-summary-row{flex-wrap:wrap;gap:1.25rem;margin:1.5rem 0 2rem;display:flex}.category-summary-card-wrap{flex-direction:column;flex:220px;display:flex}.category-summary-card{text-align:center;border:var(--toon-border);box-shadow:var(--toon-shadow);color:inherit;background:#fff;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:.5rem;padding:1.5rem 1rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.category-summary-card:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}.category-summary-icon{width:64px;height:64px;filter:drop-shadow(3px 3px 0 var(--ink))}.category-summary-card h3{color:#4a2c2a;margin:0}.category-summary-card p{color:#6f4e37;margin:0;font-size:.9rem;line-height:1.4}.category-summary-card-wrap .delete-inline{align-self:center;margin:.5rem 0 0}.thread-list,.reply-list,.suggestion-list{padding:0;list-style:none}.thread-list li,.reply-list li,.suggestion-list li{border:var(--toon-border);box-shadow:var(--toon-shadow);background:#fff;border-radius:16px;margin-bottom:1.25rem;padding:1rem;transition:transform .15s,box-shadow .15s}.thread-list li:hover,.reply-list li:hover,.suggestion-list li:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}.thread-list a{color:#6f4e37;font-size:1.1rem;font-weight:700;text-decoration:none;transition:color .15s}.thread-list a:hover{color:var(--accent-dark)}.thread-list li{cursor:pointer;padding:0;position:relative}.thread-list li:focus-visible{outline-offset:3px;outline:3px solid #6f4e37}.thread-card-link{padding:1rem;display:block}.delete-inline{background:#a8402b;align-self:flex-end;min-height:auto;margin:0 1rem 1rem;padding:.4rem 1rem;font-size:.85rem}.delete-inline:hover{background:#8c3322}.thread-card-link{flex-direction:column;gap:.2rem;display:flex}.thread-card-meta{color:#888;font-size:.85rem;font-weight:400;font-family:var(--mono)}.meta{color:#888;font-size:.85rem;font-family:var(--mono)}.success{color:#246b3d}.suggestion-header{color:#6f4e37;justify-content:space-between;gap:1rem;display:flex}.suggestion-header span{font-size:.85rem;font-weight:700}.create-form,.auth-form{border:var(--toon-border);max-width:500px;box-shadow:var(--toon-shadow);background:#fff;border-radius:16px;margin-top:2rem;padding:1.5rem}.auth-form{margin-left:auto;margin-right:auto}.create-form input,.create-form textarea,.auth-form input{border:2px solid var(--ink);border-radius:10px;width:100%;margin-bottom:.75rem;padding:.6rem;font-family:inherit;font-size:1rem;display:block}button{color:#fff;border:2px solid var(--ink);cursor:pointer;min-height:44px;box-shadow:var(--toon-shadow-sm);background:#6f4e37;border-radius:999px;padding:.75rem 1.35rem;font-family:"Baloo 2",Inter,sans-serif;font-size:1rem;font-weight:700;transition:transform .1s,box-shadow .1s}button:hover{background:#4a2c2a}button:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}button:disabled{cursor:not-allowed}button:disabled:active{box-shadow:var(--toon-shadow-sm);transform:none}.error{color:#b00020}.pagination{align-items:center;gap:1rem;margin:1rem 0;display:flex}.pagination button:disabled{color:#888;background:#ccc}.news-header{align-items:center;gap:1.25rem;margin-bottom:1.5rem;display:flex}.news-header-illustration{flex-shrink:0;width:100px;height:auto}.news-header h2{margin-bottom:.3rem}.news-title{color:#6f4e37;font-size:1.1rem;font-weight:700;text-decoration:none}.news-title:hover{color:var(--accent-dark)}.news-summary{margin:.5rem 0 0;line-height:1.5}.reply-list .delete-inline{margin-left:auto;display:block}.hero{text-align:center;padding:3rem 1rem}@keyframes toon-bounce{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-10px)rotate(4deg)}}.hero-illustration{width:220px;height:auto;filter:drop-shadow(5px 5px 0 var(--ink));margin:0 auto;display:block}@media (prefers-reduced-motion:no-preference){.hero-illustration{animation:2.8s ease-in-out infinite toon-bounce}}.hero h1{color:#4a2c2a;margin-bottom:.5rem;font-family:"Baloo 2",Inter,sans-serif}.hero-accent{color:var(--accent)}.hero-tagline{color:#6f4e37;font-family:Dancing Script,cursive;font-size:1.8rem;font-weight:700}.hero-meta{font-family:var(--mono);color:#8a6a5a;letter-spacing:.02em;margin-bottom:.5rem;font-size:.9rem}.hero p{max-width:560px;margin:1rem auto;line-height:1.5}.hero-icon-row{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:1.5rem;display:flex}.hero-icon-card{font-family:var(--mono);color:#6f4e37;cursor:pointer;flex-direction:column;align-items:center;gap:.4rem;font-size:.85rem;text-decoration:none;display:flex}.hero-icon-svg{width:64px;height:64px;filter:drop-shadow(3px 3px 0 var(--ink));transition:transform .15s}.hero-icon-card:hover .hero-icon-svg{transform:translate(-2px,-2px)rotate(-3deg)}.hero-actions{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.btn-primary,.btn-secondary,.btn-muted{border:2px solid var(--ink);min-height:44px;box-shadow:var(--toon-shadow-sm);border-radius:999px;padding:.8rem 1.45rem;font-family:"Baloo 2",Inter,sans-serif;font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-block}.btn-primary:active,.btn-secondary:active,.btn-muted:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.btn-primary{color:#fff;background:#6f4e37}.btn-primary:hover{background:#4a2c2a}.btn-secondary{color:#6f4e37;background:#fff}.btn-secondary:hover{background:#f5efe6}.btn-muted{color:#6f4e37;background:#f5efe6}.btn-muted:hover{background:#eadcc8}.tag-cloud{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.thread-list .tag-cloud{z-index:1;margin-top:0;padding:0 1rem 1rem;position:relative}.tag-badge{color:#6f4e37;border:2px solid var(--ink);background:#f0e6d8;border-radius:999px;min-height:34px;padding:.35rem .85rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:transform .1s;display:inline-block}.tag-badge:hover{background:#e5d5bc;transform:scale(1.08)rotate(-2deg)}.tag-badge-group{align-items:center;gap:.3rem;display:inline-flex}.tag-badge-group .delete-inline{border-radius:50%;align-self:auto;min-width:28px;min-height:28px;margin:0;padding:0;font-size:1rem;line-height:1}.item-actions{gap:.5rem;margin-top:.5rem;display:flex}.item-actions button{color:#6f4e37;min-height:40px;box-shadow:none;background:0 0;border:2px solid #6f4e37;padding:.45rem .95rem;font-size:.9rem}.item-actions button:hover{color:#4a2c2a;background:#f5efe6}.item-actions button:active{transform:none}.coffeepedia section{border-top:3px dashed #d8c9b4;margin-top:2rem;padding-top:1.5rem}.coffeepedia h3{color:#4a2c2a}.coffeepedia li{margin-bottom:.4rem;line-height:1.5}.coffeepedia-section-with-art{align-items:center;gap:2rem;display:flex}.coffeepedia-section-with-art>div{flex:1;min-width:0}.coffeepedia-illustration{width:200px;filter:drop-shadow(4px 4px 0 var(--ink));flex-shrink:0}@media (width<=700px){.coffeepedia-section-with-art{flex-direction:column}.coffeepedia-illustration{width:160px}}.world-map{border:var(--toon-border);width:100%;height:auto;box-shadow:var(--toon-shadow);background:linear-gradient(#cdeaf2 0%,#dceaf0 100%);border-radius:16px;margin:1rem 0}.map-marker-dot{fill:var(--accent);stroke:#fff;stroke-width:2px;cursor:pointer;filter:drop-shadow(1px 1px 0 var(--ink))}.map-marker-label{fill:#fff;pointer-events:none;font-size:8px;font-weight:700}.map-tooltip-bg{fill:var(--ink);stroke:var(--accent);stroke-width:1px}.map-tooltip-text{fill:#fff;font-size:11px}.farm-legend{padding-left:1.2rem}.farm-legend a{color:#6f4e37;text-decoration:none}.farm-legend a:hover{color:var(--accent-dark);text-decoration:underline}.flavor-profile-illustration{width:100%;max-width:360px;height:auto;margin-top:.5rem}