@layer theme,base;@layer components{.atlas-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:atlas-fade .24s var(--ease-settle) both;background:#0000008c;justify-content:flex-end;display:flex;position:fixed;inset:0}@keyframes atlas-fade{0%{opacity:0}}.atlas-drawer{overscroll-behavior:contain;border-left:1px solid var(--surface-glass-edge);background:var(--surface-glass-solid);width:min(1040px,100vw);height:100dvh;animation:atlas-slide .42s var(--ease-settle) both;flex-direction:column;padding:28px 36px 0;display:flex;position:relative;overflow-y:auto;box-shadow:-40px 0 120px -40px #000c}.atlas-drawer>*{flex-shrink:0}.atlas-drawer[data-kind=compare]{width:min(1120px,100vw)}@keyframes atlas-slide{0%{opacity:0;translate:40px}}.atlas-drawer-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.atlas-drawer-title{font-family:var(--font-display);font-size:var(--text-display-m);font-weight:var(--voice-title-weight);letter-spacing:var(--voice-title-tracking);color:var(--atlas-ink);margin-top:12px;line-height:1.05}.atlas-close{width:44px;height:44px;color:var(--atlas-ink);border:1px solid #ffffff24;border-radius:50%;flex:none;place-items:center;display:grid}.atlas-noscript{z-index:5;padding:0 var(--atlas-gutter) 40px;font-size:var(--text-body);position:relative}.atlas-noscript a{color:var(--color-accent-pale);text-decoration:underline}.atlas-dir-top{z-index:2;background:var(--surface-glass-solid);margin:0 -36px;padding:18px 36px 0;position:sticky;top:-29px;box-shadow:0 12px 24px -16px #000000e6}.atlas-search{color:var(--atlas-quiet);position:relative}.atlas-search svg{pointer-events:none;position:absolute;top:50%;left:18px;translate:0 -50%}.atlas-search input{border-radius:var(--radius-card);width:100%;height:52px;font:inherit;font-size:var(--text-ui-16);text-overflow:ellipsis;color:var(--atlas-ink);transition:border-color var(--duration-quick) var(--ease-settle);background:#ffffff08;border:1px solid #ffffff24;padding:0 16px 0 48px}.atlas-search input:focus{border-color:var(--color-accent-pale)}@supports (color:color-mix(in lab, red, red)){.atlas-search input:focus{border-color:color-mix(in srgb, var(--color-accent-pale) 55%, transparent)}}.atlas-search input:focus-visible{outline-offset:3px;border-radius:var(--radius-card)}.atlas-search input::-webkit-search-cancel-button{opacity:.55}.atlas-search input::placeholder{color:var(--atlas-quiet)}.atlas-recent{font-size:var(--text-label);color:var(--atlas-quiet);flex-wrap:wrap;align-items:center;gap:2px 12px;margin-top:10px;display:flex}.atlas-recent span{font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.14em;text-transform:uppercase}.atlas-recent-key{min-height:28px;color:var(--atlas-soft)}.atlas-drawer{--atlas-gutter:36px}.atlas-dir-chips{margin-top:14px}.atlas-bar{flex-wrap:wrap;gap:10px 20px;margin-top:14px;display:flex}.atlas-select{font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.14em;text-transform:uppercase;color:var(--atlas-quiet);align-items:center;gap:10px;display:inline-flex}.atlas-select .ui-select{width:220px;max-width:100%;font-family:var(--font-sans);letter-spacing:0;text-transform:none}.atlas-range{border:0;margin-top:14px}.atlas-range legend{font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.14em;text-transform:uppercase;color:var(--atlas-quiet);flex-wrap:wrap;gap:4px 10px;display:flex}.atlas-range-value{font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none;color:var(--atlas-soft)}.atlas-range-track{max-width:460px;height:28px;margin-top:4px;position:relative}.atlas-range-track:before,.atlas-range-track:after{content:"";border-radius:var(--radius-tick);pointer-events:none;height:2px;position:absolute;top:13px}.atlas-range-track:before{background:#ffffff1f;inset-inline:9px}.atlas-range-track:after{left:calc(9px + (100% - 18px) * var(--lo));right:calc(9px + (100% - 18px) * (1 - var(--hi)));background:var(--color-accent-pale)}.atlas-range-track input{appearance:none;pointer-events:none;background:0 0;width:100%;margin:0;position:absolute;inset:0}.atlas-range-track input::-webkit-slider-thumb{border:2px solid var(--color-void);appearance:none;background:var(--atlas-ink);pointer-events:auto;cursor:grab;border-radius:50%;width:18px;height:18px}.atlas-range-track input::-moz-range-thumb{border:2px solid var(--color-void);background:var(--atlas-ink);pointer-events:auto;cursor:grab;border-radius:50%;width:18px;height:18px}.atlas-range-track input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-accent-pale);outline-offset:2px}.atlas-reading{border-bottom:1px solid var(--atlas-edge);flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:16px;padding-bottom:12px;display:flex}.atlas-map-link{font-size:var(--text-ui-13);color:var(--color-muted);order:1;margin-inline-start:auto}.atlas-count{font-family:var(--font-mono);font-size:var(--text-label);color:var(--atlas-quiet)}.atlas-read-as{flex-wrap:wrap;gap:6px;display:flex}.atlas-read-chip{border:1px solid var(--color-accent-pale);align-items:center;gap:6px;min-height:28px;padding:0 8px 0 11px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.atlas-read-chip{border:1px solid color-mix(in srgb, var(--color-accent-pale) 32%, transparent)}}.atlas-read-chip{border-radius:var(--radius-chip);background:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.atlas-read-chip{background:color-mix(in srgb, var(--color-accent) 10%, transparent)}}.atlas-read-chip{font-size:var(--text-label);color:var(--atlas-ink)}.atlas-choose{border:1px solid var(--color-accent-pale);grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:4px 14px;margin-top:12px;padding:12px 16px;display:grid}@supports (color:color-mix(in lab, red, red)){.atlas-choose{border:1px solid color-mix(in srgb, var(--color-accent-pale) 22%, transparent)}}.atlas-choose{border-radius:var(--radius-card);background:linear-gradient(90deg, var(--color-accent), transparent 70%)}@supports (color:color-mix(in lab, red, red)){.atlas-choose{background:linear-gradient(90deg, color-mix(in srgb, var(--color-accent) 12%, transparent), transparent 70%)}}.atlas-choose{font-size:var(--text-body);color:var(--atlas-ink)}.atlas-choose-what{font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-pale)}.atlas-choose-how{font-size:var(--text-label);white-space:nowrap;text-overflow:ellipsis;color:var(--atlas-quiet);overflow:hidden}.atlas-rows{--atlas-row-h:60px;flex:none;position:relative}.atlas-row{height:var(--atlas-row-h);border-bottom:1px solid var(--atlas-edge);font-size:var(--text-label);color:var(--atlas-quiet);grid-template-columns:26px minmax(0,1.4fr) minmax(0,.7fr) 88px minmax(0,1.65fr) minmax(0,1.15fr) auto;align-items:center;gap:0 14px;display:grid;position:absolute;inset-inline:0}.atlas-row:focus-within{background:#ffffff08}.atlas-row-world{place-items:center;width:26px;height:26px;display:grid}.atlas-row-main{min-width:0;display:grid}.atlas-row-name,.atlas-row-variants,.atlas-row-maker,.atlas-row-meta,.atlas-row-price{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.atlas-row-name{font-size:var(--text-lede);color:var(--atlas-ink)}.atlas-row-name:focus-visible{outline-offset:2px}@media (hover:hover){.atlas-row-name:hover{color:var(--color-accent-pale)}}.atlas-row-variants{align-items:baseline;gap:var(--space-2);font-size:var(--text-caption);color:var(--atlas-quiet);display:flex}.atlas-row-variants .atlas-variant{flex:none}.atlas-row-ctx,.atlas-row-price{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--atlas-soft)}.atlas-row-actions{justify-content:flex-end;display:flex}.atlas-empty{font-size:var(--text-body);color:var(--atlas-soft);margin-top:24px}.atlas-wider{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.atlas-wider .antimatter-chip{cursor:pointer;min-height:36px}.atlas-drawer-foot{z-index:2;padding:14px 36px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--atlas-edge);background:linear-gradient(180deg, var(--color-surface), var(--color-surface) 40%);gap:10px;margin:auto -36px 0;display:grid;position:sticky;bottom:0}@supports (color:color-mix(in lab, red, red)){.atlas-drawer-foot{background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 92%, transparent), var(--color-surface) 40%)}}.atlas-drawer-foot{font-size:var(--text-label);color:var(--atlas-quiet)}.atlas-rows+.atlas-drawer-foot,.atlas-empty+.atlas-drawer-foot{margin-top:24px}.atlas-foot-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;display:flex}.atlas-foot-row p{max-width:60ch}.atlas-foot-row .atlas-foot-quiet{text-align:end;max-width:32ch;color:var(--atlas-quiet)}.atlas-copied:empty{display:none}.atlas-copied{border:1px solid var(--color-accent-pale);gap:8px;padding:10px 12px;display:grid}@supports (color:color-mix(in lab, red, red)){.atlas-copied{border:1px solid color-mix(in srgb, var(--color-accent-pale) 22%, transparent)}}.atlas-copied{border-radius:var(--radius-field);background:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.atlas-copied{background:color-mix(in srgb, var(--color-accent) 8%, transparent)}}.atlas-copied{font-size:var(--text-label);color:var(--atlas-soft)}.atlas-copied-line{align-items:center;gap:8px;min-width:0;display:flex}.atlas-copied-line code,.atlas-copied-curl code{font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;color:var(--atlas-ink);overflow:hidden}.atlas-copied-what{white-space:nowrap;flex:none}.atlas-copied-line code{-webkit-user-select:all;user-select:all;flex:0 auto;min-width:0}.atlas-copied-close{width:28px;height:28px;color:var(--atlas-quiet);border-radius:50%;place-items:center;margin-inline-start:auto;display:grid}.atlas-copied-curl{align-items:center;gap:10px;min-width:0;display:flex}.atlas-copied-curl code{border-radius:var(--radius-control);min-width:0;font-size:var(--text-caption);-webkit-user-select:all;user-select:all;background:#00000059;flex:1;padding:6px 8px}.atlas-copied-curl .antimatter-chip{cursor:pointer;flex:none}.atlas-family .atlas-copied{margin-top:18px}.atlas-row-sub{display:none}.atlas-senses{color:var(--atlas-quiet);flex:none;align-items:center;gap:3px;display:inline-flex}.atlas-senses-arrow{opacity:.6;margin-inline:2px}@media (max-width:1100px){.atlas-rows{--atlas-row-h:76px}.atlas-row{grid-template-columns:26px minmax(0,1fr) auto;gap:0 12px}.atlas-row-maker,.atlas-row-ctx,.atlas-row-price,.atlas-row-meta{display:none}.atlas-row-sub{align-items:center;gap:var(--space-2);font-size:var(--text-label);color:var(--atlas-quiet);margin-top:2px;display:flex}.atlas-row-sub-words{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}}@media (max-width:760px){.atlas-drawer{border-left:0;width:100vw;padding:18px 20px 0}.atlas-drawer-title{font-size:var(--text-display-m);margin-top:8px}.atlas-dir-top{display:contents}.atlas-dir-top>*{flex-shrink:0}.atlas-search{z-index:2;background:var(--surface-glass-solid);margin:0 -20px;padding:11px 20px;position:sticky;top:-19px;box-shadow:0 12px 24px -16px #000000e6}.atlas-search svg{left:38px}.atlas-drawer{--atlas-gutter:20px}.atlas-dir-chips{margin-top:12px}.atlas-bar{gap:8px}.atlas-select{flex:140px;gap:6px}.atlas-select>span{display:none}.atlas-select .ui-select{width:100%}.atlas-rows{--atlas-row-h:148px}.atlas-row{grid-template-rows:auto auto;grid-template-columns:26px minmax(0,1fr);align-content:center;gap:8px 12px}.atlas-row-world{align-self:start;margin-top:2px}.atlas-row-sub{gap:2px var(--space-2);flex-wrap:wrap;line-height:1.45}.atlas-row-sub-words{max-width:100%}.atlas-row-actions{grid-area:2/2;justify-content:flex-start}.atlas-keys[data-compact] .antimatter-chip{width:44px;min-height:40px}.atlas-choose{grid-template-columns:minmax(0,1fr) auto}.atlas-choose-what,.atlas-choose-route{grid-column:1}.atlas-choose-how{white-space:normal;grid-column:1}.atlas-choose svg{grid-area:1/2/span 3}.atlas-drawer-foot{padding:10px 20px calc(12px + env(safe-area-inset-bottom));margin:auto -20px 0}.atlas-foot-row{flex-wrap:nowrap;gap:12px}.atlas-foot-row p{min-width:0;font-size:var(--text-caption);line-height:1.45}.atlas-foot-row .antimatter-button-primary{flex:none;min-height:44px;padding-inline:16px}}@media (max-width:359px){.atlas-foot-row{flex-wrap:wrap;gap:8px}}@media (max-height:520px){.atlas-drawer-foot{position:static}}@media (prefers-reduced-motion:reduce){.atlas-drawer,.atlas-backdrop{animation:none}}}@layer utilities;
