.to{--to-gutter:26px;padding-bottom:96px}@media (min-width:640px){.to{--to-gutter:36px}}.to-wrap{width:100%;max-width:1440px;padding-inline:calc(var(--to-gutter) + 10px);margin-inline:auto}@media (min-width:640px){.to-wrap{padding-inline:calc(var(--to-gutter) + 16px)}}.to-top{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:24px;display:grid}@media (min-width:1024px){.to-top{grid-template:"head side""brand side""bar side"1fr/minmax(0,5fr) minmax(0,7fr);align-items:start;gap:24px 48px;padding-top:56px}.to-head{grid-area:head}.to-brand{grid-area:brand}.to-bar-slot{grid-area:bar}.to-side{grid-area:side;position:sticky;top:88px}}.to-title{color:var(--color-ink);text-wrap:balance}.to-title-worn{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:var(--to-ink);color:#0000;background-size:100% 100%;-webkit-background-clip:text;background-clip:text;padding-right:.08em;font-style:italic}.to-sub{max-width:34em;font-size:var(--text-base);line-height:var(--text-base--line-height);color:var(--color-ink-2);text-wrap:pretty;margin-top:10px}@media (min-width:640px){.to-sub{font-size:var(--text-lead);margin-top:14px;line-height:1.55}}.to-card{border-radius:var(--radius-card);background:var(--color-raise);box-shadow:var(--shadow-float);padding:20px}@media (min-width:640px){.to-card{padding:24px}}.to-name{position:relative}.to-name .field-input{padding-right:52px}.to-name-clear{position:absolute;top:50%;right:6px;translate:0 -50%}.to-line{align-items:center;gap:14px;min-width:0;margin-top:16px;display:flex}.to-line-text{text-align:start;min-width:0}.to-line-name{font-size:var(--text-title);line-height:var(--text-title--line-height);letter-spacing:-.015em;color:var(--color-ink);overflow-wrap:anywhere;unicode-bidi:plaintext;font-weight:600}.to-line-meta{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-ink-3);overflow-wrap:anywhere;margin-top:2px}.to-icon{border-radius:var(--radius-control);width:56px;height:56px;box-shadow:var(--shadow-tile);isolation:isolate;flex:none;position:relative;overflow:hidden}.to-icon-lg{border-radius:var(--radius-row);width:64px;height:64px}.to-icon-sm{border-radius:var(--radius-key);width:28px;height:28px;box-shadow:none}.to img[data-still]:not([data-loaded]){opacity:0}.to-icon img,.to-icon .to-icon-wash{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.to-icon-glyph{place-items:center;display:grid;position:absolute;inset:22%}.to-icon-letter{letter-spacing:-.04em;font-weight:600;line-height:1}.to-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.to-more{border-top:1px solid var(--color-line);margin-top:18px;padding-top:14px}.to-more>summary{cursor:pointer;min-height:36px;font-size:var(--text-sm);color:var(--color-ink-2);justify-content:space-between;align-items:center;gap:12px;font-weight:500;list-style:none;display:flex}.to-more>summary::-webkit-details-marker{display:none}.to-more>summary svg{transition:rotate var(--spring-ms) var(--ease-spring);color:var(--color-ink-3)}.to-more[open]>summary svg{rotate:180deg}.to-kinds{flex-wrap:wrap;gap:8px;display:flex}.to-logo-row{border-radius:var(--radius-row);background:var(--color-tint-1);align-items:center;gap:12px;margin-top:14px;padding:10px 12px;display:flex}.to-logo-art{border-radius:var(--radius-control);width:52px;height:52px;box-shadow:var(--shadow-tile);flex:none;position:relative;overflow:hidden}.to-logo-art[data-wide]{width:96px}.to-logo-art>img,.to-logo-art>.to-icon-wash{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.to-logo-art>span:last-child{position:absolute;inset:10px}.to-note{font-size:var(--text-xs);line-height:var(--text-xs--line-height);color:var(--color-ink-3)}.to-error{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-warn)}.to-drop{z-index:80;background:var(--color-scrim);pointer-events:none;opacity:0;transition:opacity var(--dur-hover) var(--ease-standard);place-items:center;display:grid;position:fixed;inset:0}.to-drop[data-on]{opacity:1}.to-drop-plate{border-radius:var(--radius-sheet);background:var(--color-raise-2);box-shadow:var(--shadow-dialog);color:var(--color-ink);padding:28px 36px}.to-bar{min-width:0}.to-bar-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;display:flex}.to-bar-name{font-size:var(--text-title);letter-spacing:-.015em;color:var(--color-ink);font-weight:600}.to-bar-code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-3);margin-left:8px}.to-bar-tools{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.to-rail{scrollbar-width:none;gap:10px;margin:8px -4px 0;padding:6px 4px 8px;scroll-padding-inline:4px;display:flex;overflow-x:auto}.to-rail::-webkit-scrollbar{display:none}.to-rail-sep{background:var(--color-line-2);flex:none;align-self:stretch;width:1px;margin-block:8px}.to-swatch{--ring-gap:var(--color-bench);width:44px;height:44px;transition:scale var(--spring-ms) var(--ease-spring), box-shadow var(--dur-hover) var(--ease-standard);border-radius:999px;flex:none;position:relative;overflow:hidden}.to-swatch img,.to-swatch .to-icon-wash{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.to-swatch[aria-checked=true]{box-shadow:var(--shadow-ring)}@media (hover:hover){.to-swatch:hover{scale:1.12}}.to-why{margin-top:4px}.to-claimed{border-radius:var(--radius-row);background:var(--color-tint-1);align-items:center;gap:12px;margin-top:12px;padding:10px 12px;display:flex}.to-claimed .to-swatch{opacity:.45}.to-lead{border-radius:var(--radius-panel);background:var(--color-well);box-shadow:var(--shadow-tile);aspect-ratio:4/5;touch-action:pan-y;position:relative;overflow:hidden}@media (min-width:1024px){.to-lead{aspect-ratio:3/2}}.to-lead-hint{text-align:center;margin-top:10px}@media (min-width:1024px){.to-lead-hint{display:none}}.to-rest{position:absolute;inset:0}.to-rest img,.to-rest .to-icon-wash{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.to-fade{animation:to-fade var(--dur-calm) var(--ease-calm) both}@keyframes to-fade{0%{opacity:0}to{opacity:1}}.to-feed-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 24px;margin-top:72px;display:flex}@media (min-width:640px){.to-feed-head{margin-top:96px}}.to-feed{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}.to-feed>[data-span="2"]{grid-column:span 2}@media (min-width:768px){.to-feed{gap:16px}}.to-cols{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;margin-top:28px;display:grid}.to-col{flex-direction:column;gap:16px;min-width:0;display:flex}.to-tile{text-align:left;width:100%;display:block}.to-pic{border-radius:var(--radius-tile);background:var(--color-well);box-shadow:var(--shadow-tile);transition:translate var(--spring-ms) var(--ease-spring), box-shadow var(--spring-ms) var(--ease-spring);display:block;position:relative;overflow:hidden}@media (hover:hover){.to-tile:hover .to-pic{box-shadow:var(--shadow-tile-hover);translate:0 -3px}}.to-cap{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-ink-2);padding:10px 2px 0;display:block}.to-save{border-radius:var(--radius-panel);background:var(--color-raise);box-shadow:var(--shadow-float);gap:24px;margin-top:56px;padding:24px;display:grid}@media (min-width:1024px){.to-save{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:48px;padding:40px}}.to-save-form{flex-direction:column;gap:10px;display:flex}@media (min-width:640px){.to-save-form{flex-direction:row}.to-save-form .field-input{flex:1;min-width:0}}.to-save-alt{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.to-save-cards{gap:12px;display:flex}.to-dock{left:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:40;border-radius:var(--radius-card);width:min(560px,100vw - 20px);transition:translate var(--spring-ms) var(--ease-spring), opacity var(--dur-hover) var(--ease-standard);align-items:center;gap:4px;padding:6px;display:flex;position:fixed;translate:-50%}.to-dock[data-hidden]{opacity:0;pointer-events:none;translate:-50% calc(100% + 32px)}.to-dock-mark{border-radius:var(--radius-control);text-align:left;flex:1;align-items:center;gap:10px;min-width:0;min-height:44px;padding:4px 8px 4px 4px;display:flex}.to-dock-mark .to-swatch{width:36px;height:36px}.to-dock-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-sm);color:var(--color-ink);font-weight:500;overflow:hidden}@media (hover:hover){.to-dock-mark:hover{background:var(--color-tint-3)}}.to-lib{flex-direction:column;max-height:min(86vh,860px);display:flex}.to-lib-head{flex-direction:column;gap:12px;padding:4px 4px 12px;display:flex}.to-lib-grid{overscroll-behavior:contain;flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:10px;min-height:0;padding:4px 4px 16px;display:grid;overflow-y:auto}@media (min-width:640px){.to-lib-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}.to-lib-tile{aspect-ratio:4/5;border-radius:var(--radius-tile);width:100%;height:auto;box-shadow:var(--shadow-tile);--ring-gap:var(--color-raise);transition:translate var(--spring-ms) var(--ease-spring);text-align:left;display:block;position:relative;overflow:hidden}.to-lib-tile[aria-current=true]{box-shadow:var(--shadow-ring)}@media (hover:hover){.to-lib-tile:hover{translate:0 -3px}}.to-lib-tile img,.to-lib-tile .to-icon-wash{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.to-lib-brand{align-items:center;gap:8px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.to-lib-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-xs);font-weight:600;overflow:hidden}.to-lib-mark{opacity:.86;font-weight:500;position:absolute;top:10px;left:12px;right:12px}.to-cmp{flex-direction:column;gap:14px;display:flex}.to-cmp-cols{gap:12px;display:grid}@media (min-width:768px){.to-cmp-cols{grid-template-columns:repeat(var(--n), minmax(0, 1fr))}}.to-cmp-pic{border-radius:var(--radius-tile);background:var(--color-well);aspect-ratio:3/2;position:relative;overflow:hidden}@media (min-width:768px){.to-cmp-pic{aspect-ratio:4/5}}.to-cmp-foot{justify-content:space-between;align-items:center;gap:8px;padding:10px 2px 0;display:flex}.to-chips{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.to-chips::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){.to-fade{animation:none}.to-dock{transition:opacity var(--dur-hover) var(--ease-standard)}}.to-link{align-items:center;gap:4px;display:inline-flex;position:relative}@media (pointer:coarse){.to-link:after{content:"";position:absolute;inset:-12px -8px}}@media (max-width:639px){.to-sub{display:none}.to-top{gap:20px}}