/* Three design directions share the same accessible controls and data. */
.theme-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.theme-switch label{display:flex;align-items:center;gap:8px}.theme-switch select{min-height:32px;padding:5px 8px;font-size:11px}.theme-switch>a{font-size:11px}
body[data-theme=clean]{--cream:#f3f6fa;--paper:#ffffff;--ink:#14243a;--green:#2463eb;--muted:#65748b;--line:#dce3ee;--orange:#2463eb;--pale:#e9f0ff;--shadow:0 2px 9px #162c4c08}
[data-theme=clean] .brand>span{letter-spacing:0}[data-theme=clean] h1{font-family:inherit;font-weight:750;letter-spacing:-1px}[data-theme=clean] .hero{padding:22px 0 16px}[data-theme=clean] .hero h1{font-size:34px}[data-theme=clean] .hero h1 br{display:none}[data-theme=clean] .hero-art{display:none}[data-theme=clean] .hero-copy{margin-top:7px}[data-theme=clean] .hero-copy br{display:none}[data-theme=clean] .modebar{padding-bottom:18px}[data-theme=clean] .intent-grid{gap:9px}[data-theme=clean] .intent{border-radius:8px;padding:16px}[data-theme=clean] .intent small{display:none}[data-theme=clean] .intent .arrow{display:none}[data-theme=clean] .search-panel{background:var(--paper);border-radius:8px;box-shadow:var(--shadow)}[data-theme=clean] .cafe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}[data-theme=clean] .cafe-card{display:grid;grid-template-columns:130px 1fr;min-height:190px;border-radius:8px;box-shadow:none}[data-theme=clean] .card-art{height:100%;min-height:190px}[data-theme=clean] .art-caption{top:auto;bottom:9px;left:7px;font-size:7px;max-width:118px}[data-theme=clean] .favorite{right:auto;left:91px;top:8px;width:29px;height:29px;font-size:19px}[data-theme=clean] .card-body{padding:16px}[data-theme=clean] .card-title{font-size:17px}[data-theme=clean] .tag{background:var(--pale);color:#2759aa}[data-theme=clean] .tag.unknown{background:#f0f2f5;color:#6b7689}[data-theme=clean] .dataset-toggle,[data-theme=clean] .view-toggle{background:#e2e9f5}[data-theme=clean] .bottom-nav{background:#ffffffef;border-radius:14px;box-shadow:0 8px 25px #23446a15}[data-theme=clean] .source-box{background:#edf2fb}[data-theme=clean] .primary:hover{background:#1955cb}
body[data-theme=night]{color-scheme:dark;--cream:#181c1c;--paper:#252b2a;--ink:#f5eedf;--green:#e3bb77;--muted:#b0b7ad;--line:#3b4440;--orange:#e3bb77;--pale:#37423a;--shadow:0 14px 35px #00000021}
[data-theme=night] .shell{max-width:1120px}[data-theme=night] .topbar{border-bottom:none}[data-theme=night] .hero{background:#29332f;border:1px solid #3b4c3f;border-radius:20px;padding:30px 34px;margin:23px 0 19px;overflow:hidden;position:relative}[data-theme=night] .hero:after{content:'COFFEE / CITY / YOU';font-size:9px;letter-spacing:3px;color:#94a089;position:absolute;right:24px;bottom:17px}[data-theme=night] .hero h1{font-size:43px}[data-theme=night] .hero-art span{color:#bcc7aa}[data-theme=night] .intent{background:transparent;border-radius:0;border-width:0 0 2px;padding:18px 8px}[data-theme=night] .intent.active{background:#303b31;color:var(--ink);border-color:var(--orange)}[data-theme=night] .intent.active small{color:var(--muted)}[data-theme=night] .search-panel{background:#202625;border-radius:10px}[data-theme=night] .dataset-toggle,[data-theme=night] .view-toggle{background:#303833}[data-theme=night] .dataset-toggle button.active,[data-theme=night] .view-toggle button.active{background:#475041}[data-theme=night] .cafe-card{border-radius:16px;border-color:#3b4540}[data-theme=night] .card-art{height:210px}[data-theme=night] .card-art svg{filter:brightness(.83) saturate(.7)}[data-theme=night] .art-caption{top:175px;background:#161c1bd9;color:#d8ddce}[data-theme=night] .favorite{background:#1e2624ef;color:#ebd8b4}[data-theme=night] .favorite.saved{color:#f3c877}[data-theme=night] .tag{background:#354236;color:#d4dcc0}[data-theme=night] .tag.unknown{background:#3c3932;color:#d5c7ae}[data-theme=night] .primary{color:#211e16}[data-theme=night] .primary:hover{background:#f0cd91}[data-theme=night] .secondary{color:#f4d49c}[data-theme=night] .bottom-nav{background:#28312ef0;box-shadow:0 8px 30px #0006;border-color:#4a554a}[data-theme=night] .source-box{background:#333e35}[data-theme=night] .map-label{background:#252b2af0;color:#eee}[data-theme=night] .toast{background:#e3bb77;color:#24221b}[data-theme=night] input::placeholder,[data-theme=night] textarea::placeholder{color:#a1aa9e}[data-theme=night] .english{color:#b1b7a9}[data-theme=night] .error{color:#ffa68a}
@media(max-width:900px){[data-theme=clean] .cafe-grid{grid-template-columns:1fr}[data-theme=night] .hero{padding:25px}}
@media(max-width:540px){.theme-switch{padding:9px 0;gap:5px}.theme-switch label{font-size:10px}[data-theme=clean] .hero{padding:22px 0 14px}[data-theme=clean] .hero h1{font-size:25px}[data-theme=clean] .hero .eyebrow{display:none}[data-theme=clean] .hero-copy{font-size:11px;max-width:290px}[data-theme=clean] .intent{flex-direction:row;align-items:center;gap:6px;padding:13px 7px}[data-theme=clean] .intent-icon{font-size:17px}[data-theme=clean] .intent strong{font-size:11px}[data-theme=clean] .cafe-card{grid-template-columns:106px 1fr;min-height:200px}[data-theme=clean] .card-art{min-height:200px}[data-theme=clean] .favorite{left:69px}[data-theme=clean] .card-body{padding:15px 12px}[data-theme=clean] .card-meta{font-size:9px;letter-spacing:0}[data-theme=clean] .card-title{font-size:17px}[data-theme=clean] .english{font-size:8px;letter-spacing:.5px}[data-theme=clean] .card-footer{font-size:8px;gap:5px}[data-theme=clean] .art-caption{max-width:95px;padding:3px 5px}[data-theme=night] .hero{padding:22px 19px;margin:17px -3px 14px;border-radius:15px;min-height:215px}[data-theme=night] .hero h1{font-size:30px}[data-theme=night] .hero-art{width:128px;right:1px;top:82px;opacity:.72}[data-theme=night] .hero-copy{max-width:210px}[data-theme=night] .hero:after{font-size:7px;letter-spacing:2px;right:15px;bottom:12px}[data-theme=night] .intent{padding:15px 8px}[data-theme=night] .card-art{height:220px}[data-theme=night] .art-caption{top:185px}}