:root{--cream: #f6f1e7;--cream-2: #efe8da;--ink: #211c17;--muted: #6f655a;--hair: #e3dac9;--accent-hue: 36}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--cream);color:var(--ink);font-family:IBM Plex Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}#root,.stage{position:fixed;top:0;right:0;bottom:0;left:0}.stage{background:radial-gradient(140% 90% at 18% 30%,hsl(var(--accent-hue) 40% 96%),#f6f1e700 55%),var(--cream);transition:background .9s ease}.boot{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:Newsreader,serif;font-size:22px;color:var(--muted)}.boot-err{font-family:IBM Plex Mono,monospace;font-size:14px;color:#9b3b2e;padding:24px;text-align:center}.topbar{position:absolute;top:0;left:0;right:0;height:70px;display:flex;align-items:center;gap:24px;padding:0 28px;z-index:40;background:linear-gradient(180deg,#f6f1e7f5,#f6f1e7c7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--hair)}.brand{display:flex;align-items:center;gap:11px;background:none;border:0;padding:4px 6px;margin:0;font-family:inherit;color:var(--ink);cursor:default;border-radius:10px;transition:background .2s}.brand-clickable{cursor:pointer}.brand-clickable:hover{background:#0000000a}.back-ico{color:var(--muted);margin-right:-2px}.brand-mark{width:22px;height:22px;border-radius:50%;background:conic-gradient(from 0deg,#e09452,#8fd65c,#59cf94,#5cc2d6,#7082db,#bc81da,#e278ad,#df6868,#e09452);box-shadow:inset 0 0 0 4px var(--cream),0 0 0 1px var(--hair);flex:none}.brand-text{font-family:Newsreader,serif;font-weight:500;font-size:19px;letter-spacing:.2px;white-space:nowrap}.topbar-right{display:flex;align-items:center;gap:18px;margin-left:auto}.topbar-meta{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.4px;color:var(--muted);text-transform:uppercase;white-space:nowrap}.layout-switch{display:inline-flex;padding:3px;gap:2px;background:#ece4d6;border:1px solid var(--hair);border-radius:999px}.layout-tab{display:flex;flex-direction:column;align-items:center;line-height:1.05;border:0;background:none;cursor:pointer;color:var(--muted);font-family:IBM Plex Sans,sans-serif;padding:6px 15px;border-radius:999px;transition:background .2s,color .2s,box-shadow .2s}.layout-tab:hover{color:var(--ink)}.layout-tab.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px #0000001a}.layout-tab-name{font-size:13px;font-weight:600;white-space:nowrap}.layout-tab-year{font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.3px;opacity:.7}.search{position:relative;flex:1;max-width:540px;margin:0 auto;display:flex;align-items:center}.search-ico{position:absolute;left:16px;color:var(--muted);pointer-events:none}.search input{width:100%;height:42px;padding:0 40px 0 44px;border:1px solid var(--hair);border-radius:999px;background:#fff;color:var(--ink);font-family:IBM Plex Sans,sans-serif;font-size:15px;box-shadow:0 1px 2px #00000008;transition:border-color .2s,box-shadow .2s}.search input::placeholder{color:#a59a8c}.search input:focus{outline:none;border-color:hsl(var(--accent-hue) 55% 58%);box-shadow:0 0 0 4px hsl(var(--accent-hue) 60% 58% / .15)}.search-x{position:absolute;right:12px;width:22px;height:22px;border:0;border-radius:50%;background:#ece4d6;color:#6f655a;font-size:16px;line-height:1;cursor:pointer;display:grid;place-items:center}.search-x:hover{background:#e0d6c4}.suggest{position:absolute;top:50px;left:0;right:0;background:#fff;border:1px solid var(--hair);border-radius:14px;box-shadow:0 16px 40px #281e0f29;list-style:none;margin:0;padding:6px;z-index:50;max-height:60vh;overflow:auto}.suggest li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;cursor:pointer}.suggest li.on{background:hsl(var(--accent-hue) 50% 96%)}.suggest-note{grid-template-columns:auto 1fr!important;cursor:default!important;font-family:IBM Plex Mono,monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:#b07b3a;padding:6px 12px 8px!important}.suggest li.is-bridge.on{background:#faf3eb}.bridge-ico{color:#c68a3c;font-weight:700}.sw{width:13px;height:13px;border-radius:4px;box-shadow:inset 0 0 0 1px #00000014}.sg-name{font-size:15px;font-weight:500;color:var(--ink)}.sg-type{font-family:IBM Plex Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:#c3b8a6;padding:3px 7px;border-radius:5px}.suggest li.on .sg-type{background:hsl(var(--accent-hue) 45% 55%)}.sg-type-bridge,.suggest li.on .sg-type-bridge{background:#c68a3c}.sg-crumb{grid-column:2 / 4;font-size:12px;color:var(--muted);font-family:IBM Plex Mono,monospace;margin-top:-2px}.wheel-wrap{position:absolute;left:50%;top:calc(50% + 35px);width:min(calc(100vh - 120px),92vw);aspect-ratio:1 / 1;transform-origin:50% 50%;transition:transform 1.05s cubic-bezier(.66,0,.18,1);will-change:transform;z-index:10;filter:drop-shadow(0 12px 30px rgba(60,40,15,.13))}.is-selected .wheel-wrap{cursor:default}.hint{position:absolute;left:50%;bottom:52px;transform:translate(-50%);display:flex;align-items:center;gap:9px;z-index:20;font-size:13.5px;color:var(--muted);letter-spacing:.2px;background:#fff9;padding:8px 16px;border-radius:999px;border:1px solid var(--hair);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeUp .8s .3s both}.hint-pulse{width:8px;height:8px;border-radius:50%;background:#dd8a40;box-shadow:0 0 #dd8a4080;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #dd8a4080}70%{box-shadow:0 0 0 9px #dd8a4000}to{box-shadow:0 0 #dd8a4000}}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.detail{position:absolute;top:70px;left:0;bottom:0;width:clamp(420px,46vw,680px);padding:38px 40px 40px 56px;overflow-y:auto;overflow-x:visible;z-index:25;animation:detailIn .75s .1s both;display:flex;align-items:flex-start;gap:22px}@keyframes detailIn{0%{opacity:0;transform:translate(-34px)}to{opacity:1;transform:none}}.detail-head{flex:0 0 124px;width:124px;height:150px;position:relative;margin:4px 0 2px}.emblem-slot{position:absolute;left:0;top:0;width:100%;height:100%}.emblem-slot:before{content:"";position:absolute;top:-30px;right:-20px;bottom:-10px;left:-20px;background:radial-gradient(60% 60% at 50% 42%,hsl(var(--accent-hue) 60% 70% / .35),transparent 70%);z-index:-1}.emblem{width:100%;height:100%;will-change:transform}.detail-body{flex:1 1 auto;min-width:0;max-width:560px}.crumbs{display:block;line-height:1.75;margin-bottom:14px;font-family:IBM Plex Mono,monospace;font-size:11.5px;letter-spacing:.4px;text-transform:uppercase}.crumb{color:var(--muted)}.crumb-last{color:hsl(var(--accent-hue) 45% 40%);font-weight:600}.crumb-sep{color:#c3b8a6;margin:0 7px}.flavor-title{font-family:Newsreader,serif;font-weight:500;font-size:44px;line-height:1.08;letter-spacing:-.4px;margin:0 0 8px;text-wrap:balance}.flavor-id{font-family:IBM Plex Mono,monospace;font-size:12.5px;color:var(--muted);letter-spacing:.3px;margin-bottom:22px}.flavor-desc{font-family:Newsreader,serif;font-size:19px;line-height:1.55;color:#3f372f;max-width:42ch;margin:0 0 30px;text-wrap:pretty}.bridge-callout{display:flex;gap:10px;align-items:flex-start;background:linear-gradient(180deg,#fbf4e9,#f7edde);border:1px solid hsl(36 50% 80%);border-left:3px solid #c68a3c;border-radius:12px;padding:12px 15px;margin:0 0 24px;font-size:14px;line-height:1.5;color:#5a4427;animation:bridgeFlash 1.6s ease both}.bridge-callout .bridge-ico{font-size:16px;line-height:1.3}.bridge-callout .mono{font-family:IBM Plex Mono,monospace;font-size:12.5px}@keyframes bridgeFlash{0%{transform:translateY(-6px);opacity:0;box-shadow:0 0 0 6px #eba94759}40%{box-shadow:0 0 0 4px #eba94740}to{transform:none;opacity:1;box-shadow:0 0 #eba94700}}.facts{display:flex;flex-wrap:wrap;gap:30px 48px;margin-bottom:30px}.fact-label{font-family:IBM Plex Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin-bottom:11px;white-space:nowrap}.fact-row{display:flex;flex-wrap:wrap;gap:8px}.badge{display:inline-flex;align-items:center;font-family:IBM Plex Mono,monospace;font-weight:500;font-size:12.5px;padding:7px 12px;border-radius:999px;letter-spacing:.2px;white-space:nowrap}.badge-perc{background:hsl(var(--accent-hue) 55% 88%);color:hsl(var(--accent-hue) 50% 26%)}.badge-src{background:transparent;border:1px solid hsl(var(--accent-hue) 28% 72%);color:#5a514a}.chem{margin-bottom:30px}.chem-card{margin-top:12px;background:#fff;border:1px solid var(--hair);border-radius:14px;padding:16px 18px;box-shadow:0 1px 2px #00000008}.chem-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.chem-name{font-family:Newsreader,serif;font-size:21px;font-weight:500;color:var(--ink)}.chem-formula{font-size:13px;color:hsl(var(--accent-hue) 45% 38%);font-weight:600;background:hsl(var(--accent-hue) 55% 94%);padding:2px 8px;border-radius:6px}.mono{font-family:IBM Plex Mono,monospace}.chem-cas{font-size:11.5px;color:var(--muted);margin-top:4px;letter-spacing:.3px}.chem-structure{margin-top:12px;padding:5px 8px;border:1px solid var(--hair);border-radius:8px;background:hsl(var(--accent-hue) 40% 98.5%);display:inline-flex;align-items:center}.chem-structure-svg{width:118px;height:auto;display:block}.chem-aka{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:13px}.chem-aka-label{font-family:IBM Plex Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#a89c8b;margin-right:2px}.aka-chip{font-size:12px;color:#5a514a;background:var(--cream-2);border:1px solid var(--hair);border-radius:999px;padding:3px 10px}.aka-chip.aka-hit{background:#c68a3c;color:#fff;border-color:#c68a3c;font-weight:600;animation:akaPop 1.6s ease both}@keyframes akaPop{0%{transform:scale(1);box-shadow:0 0 #e89f3099}30%{transform:scale(1.12);box-shadow:0 0 0 7px #e89f3000}to{transform:scale(1)}}.chem-source{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 8px;margin-top:13px;padding-top:11px;border-top:1px solid var(--hair)}.chem-source-label{font-family:IBM Plex Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#a89c8b}.chem-source-link{font-size:12.5px;color:#a06a28;text-decoration:none;border-bottom:1px solid rgba(160,106,40,.4)}.chem-source-link:hover{color:#c68a3c;border-bottom-color:#c68a3c}.chem-source-note{flex-basis:100%;font-size:11.5px;color:var(--muted);font-style:italic}.chem-refs{display:inline;font-size:12.5px}.chem-refs .chem-source-link{margin:0 1px}.credits{position:absolute;left:0;right:0;bottom:0;z-index:15;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 8px;padding:9px 20px;font-size:10.5px;line-height:1.5;color:var(--muted);background:linear-gradient(to top,#ffffffd1,#fff0)}.credits-label{font-family:IBM Plex Mono,monospace;font-size:9.5px;text-transform:uppercase;letter-spacing:.6px;color:#a89c8b;margin-right:2px}.credits-link{color:#8a7c6a;text-decoration:none}.credits-link:hover{color:#c68a3c}.credits-sep{color:var(--hair)}.lang-switch{display:inline-flex;align-items:center;gap:4px}.lang-globe{font-size:13px;opacity:.7}.lang-switch select{font:inherit;font-size:12.5px;color:#5a514a;background:var(--cream-2);border:1px solid var(--hair);border-radius:999px;padding:4px 8px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.lang-switch select:hover{border-color:#c8b89a}.children{border-top:1px solid var(--hair);padding-top:24px;margin-bottom:26px}.chip-grid{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}.chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--hair);border-radius:999px;padding:8px 14px 8px 10px;font-family:IBM Plex Sans,sans-serif;font-size:13.5px;font-weight:500;color:#2c2520;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}.chip:hover{border-color:hsl(var(--accent-hue) 50% 58%);background:hsl(var(--accent-hue) 60% 97%);transform:translateY(-1px)}.chip-sw{width:14px;height:14px;border-radius:4px;box-shadow:inset 0 0 0 1px #00000014}.src-note{font-family:IBM Plex Mono,monospace;font-size:11px;color:#a89c8b;letter-spacing:.3px;margin-top:8px}@media (max-width: 980px){.brand-text,.topbar-meta{display:none}.detail{width:64vw;padding:28px 26px}.layout-tab{padding:6px 11px}}