:root,:root[data-theme=aizome]{--bg:#060e18;--surface:#0c1e32;--surface-card:#0f2440;--border:#c8e1ff29;--text:#e8eff8;--sub:#b4d2f585;--accent:#b5451b;--accent-mid:#d4623c;--accent-light:#b5451b40;--accent-h:#8a2e0f;--accent-bg:#b5451b1a;--green:#3a8a50;--card-bg:#b4d2f50f;--card-border:#c8e1ff26;--card-no-bg:linear-gradient(160deg, #0e2244 0%, #060e18 100%);--card-no-text:#b4d2f51a;--card-overlay:linear-gradient(to bottom, transparent 20%, #040e1e66 50%, #040e1ee0 75%, #030a16f7 100%);--card-type:#b5451bd9;--card-name:#e8eff8;--card-brewery:#b4d2f58c;--card-tag:#b4d2f58c;--card-meta:#b4d2f559;--photo-ph:#0d2244;--photo-ph-icon:#b4d2f51a;--mark-outer:#b4d2f5cc;--mark-inner:#b5451bcc;--mark-dot:#b5451b;--mark-dot2:#b5451b;--stickybar-bg:#060e1880;--topbar-bg:#060e18d1;--topbar-border:#c8e1ff1f;--tabbar-bg:#08122494;--tabbar-border:#c8e1ff2e;--tabbar-wrap:#040a1480;--tab-active-bg:#b5451b2e;--tab-active-color:#e8b4a0;--tab-inactive-color:#b4d2f566;--dropdown-bg:#0c1e32;--r:16px;--font-serif:"Noto Serif JP", serif;--font-sans:"Noto Sans JP", sans-serif}:root[data-theme=fukahi]{--bg:#f4f0e8;--surface:#ede8de;--surface-card:#fff;--border:#e5ded4;--text:#1a1614;--sub:#8c7e74;--accent:#7c3a28;--accent-mid:#a05540;--accent-light:#d9a882;--accent-h:#5c2b1c;--accent-bg:#7c3a2812;--green:#4a7a35;--card-bg:#f4f0e8;--card-border:#e5ded4;--card-no-bg:linear-gradient(160deg, #2d1f18 0%, #1a1614 100%);--card-no-text:#f4f0e826;--card-overlay:linear-gradient(to bottom, transparent 22%, #2a12084d 48%, #2a1208d1 72%, #240e06f5 100%);--card-type:#d9a882;--card-name:#f4f0e8;--card-brewery:#f4f0e899;--card-tag:#f4f0e899;--card-meta:#f4f0e866;--photo-ph:#2d2520;--photo-ph-icon:#fff5e61a;--mark-outer:#7c3a28;--mark-inner:#7c3a28;--mark-dot:#4a7a35;--mark-dot2:#4a7a35;--stickybar-bg:#f4f0e88c;--topbar-bg:#f4f0e8d9;--topbar-border:#b4a08c2e;--tabbar-bg:#ede8de99;--tabbar-border:#96827840;--tabbar-wrap:#ede8de80;--tab-active-bg:#7c3a281a;--tab-active-color:#7c3a28;--tab-inactive-color:#64504666;--dropdown-bg:#f0ebe2}:root[data-theme=suminagashi]{--bg:#1c1c1e;--surface:#252320;--surface-card:#2c2a28;--border:#c8b48c24;--text:#f7f3ec;--sub:#8c8076;--accent:#c0392b;--accent-mid:#d4554a;--accent-light:#c0392b38;--accent-h:#962d22;--accent-bg:#c0392b14;--green:#c9a56e;--card-bg:#c8b48c0d;--card-border:#c8b48c1f;--card-no-bg:linear-gradient(160deg, #332e2a 0%, #1c1c1e 100%);--card-no-text:#f7f3ec14;--card-overlay:linear-gradient(to bottom, transparent 20%, #14121066 50%, #141210e0 75%, #100e0cf7 100%);--card-type:#c0392bd9;--card-name:#f7f3ec;--card-brewery:#f7f3ec8c;--card-tag:#f7f3ec8c;--card-meta:#f7f3ec59;--photo-ph:#252320;--photo-ph-icon:#f7f3ec14;--mark-outer:#f7f3eccc;--mark-inner:#c0392bcc;--mark-dot:#c0392b;--mark-dot2:#c9a56e;--stickybar-bg:#16141280;--topbar-bg:#1c1c1ed1;--topbar-border:#c8b48c24;--tabbar-bg:#18161494;--tabbar-border:#c8b48c33;--tabbar-wrap:#14121080;--tab-active-bg:#c0392b29;--tab-active-color:#e8a898;--tab-inactive-color:#c8b4a05c;--dropdown-bg:#252320}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overscroll-behavior-x:none;margin:0;padding:0;font-weight:300;transition:background .3s,color .3s}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}dialog{background:0 0;border:none;width:100%;max-width:100vw;padding:0}dialog::backdrop{background:#030a14b8}:root[data-theme=suminagashi] body:before{content:"";z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='48'%3E%3Cpath d='M28 4L52 18v28L28 60 4 46V18z' fill='none' stroke='rgba(200,180,140,0.04)' stroke-width='0.8'/%3E%3C/svg%3E");background-size:56px 48px;position:fixed;inset:0}:root[data-theme=aizome] body:before,:root:not([data-theme]) body:before{content:"";z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='48'%3E%3Cpath d='M28 4L52 18v28L28 60 4 46V18z' fill='none' stroke='rgba(200,225,255,0.03)' stroke-width='0.8'/%3E%3C/svg%3E");background-size:56px 48px;position:fixed;inset:0}select option{background:var(--surface-card);color:var(--text)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-border{0%{border-color:var(--accent)}to{border-color:var(--accent-bg)}}