@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root,:host{--sway-surface: #ffffff;--sway-surface-2: #faf8f4;--sway-sunk: #f2efe9;--sway-ink: #1c1917;--sway-ink-2: #57534e;--sway-ink-3: #8b857d;--sway-line: #e8e4db;--sway-accent: oklch(.72 .142 65);--sway-accent-soft: oklch(.96 .03 75);--sway-works: oklch(.6 .115 155);--sway-works-soft: oklch(.95 .035 155);--sway-depends: oklch(.72 .13 75);--sway-depends-soft: oklch(.96 .04 80);--sway-skip: oklch(.58 .14 25);--sway-skip-soft: oklch(.96 .025 25);--sway-r-card: 22px;--sway-r-tile: 16px;--sway-r-input: 14px;--sway-shadow: 0 0 0 1px var(--sway-line), 0 6px 20px -12px rgba(28, 25, 23, .16);--sway-shadow-lift: 0 2px 4px rgba(28, 25, 23, .05), 0 20px 48px -16px rgba(28, 25, 23, .2);--sway-shadow-panel: 0 0 0 1px var(--sway-line), 0 24px 60px -20px rgba(28, 25, 23, .32);--sway-font: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--sway-font-display: "Instrument Serif", Georgia, serif;--sway-font-mono: "JetBrains Mono", ui-monospace, monospace}.sway-root{font-family:var(--sway-font);color:var(--sway-ink);background:var(--sway-surface);-webkit-font-smoothing:antialiased}.sway-root *,.sway-root *:before,.sway-root *:after{box-sizing:border-box}.sway-display{font-family:var(--sway-font-display);font-weight:400;letter-spacing:-.02em;line-height:1.05;margin:0;text-wrap:pretty}.sway-eyebrow{font-family:var(--sway-font-mono);font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--sway-ink-3);margin:0 0 14px}.sway-sub{font-size:15px;line-height:1.55;color:var(--sway-ink-2);margin:0;max-width:min(46ch,100%);text-wrap:pretty}.sway-mono{font-family:var(--sway-font-mono)}.sway-card{background:var(--sway-surface);border-radius:var(--sway-r-card);box-shadow:var(--sway-shadow)}.sway-panel{background:var(--sway-surface);border-radius:20px;box-shadow:var(--sway-shadow-panel);overflow:hidden}.sway-drawer{background:var(--sway-surface-2);border-radius:14px;padding:12px 14px}.sway-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 26px;border-radius:99px;font-family:inherit;font-size:14.5px;font-weight:600;background:var(--sway-ink);color:#fff;border:none;cursor:pointer;white-space:nowrap;transition:opacity .15s ease,transform .15s ease}.sway-btn:hover:not(:disabled){opacity:.86}.sway-btn:active:not(:disabled){transform:scale(.985)}.sway-btn:disabled{opacity:.35;cursor:not-allowed}.sway-btn--ghost{background:transparent;color:var(--sway-ink-2);box-shadow:inset 0 0 0 1.5px var(--sway-line)}.sway-btn--sm{height:42px;padding:0 20px;font-size:13.5px}.sway-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:99px;font-size:12.5px;font-weight:600;background:var(--sway-sunk);color:var(--sway-ink-2);border:none;cursor:pointer;font-family:inherit}.sway-pill--on{background:var(--sway-ink);color:#fff}.sway-field{background:var(--sway-surface);border-radius:var(--sway-r-input);padding:13px 16px;box-shadow:inset 0 0 0 1.5px var(--sway-line);display:flex;align-items:baseline;justify-content:space-between;gap:12px}.sway-field:focus-within{box-shadow:inset 0 0 0 1.5px var(--sway-ink)}.sway-field__label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sway-ink-3);flex:none}.sway-field__input{font-family:inherit;font-size:22px;font-weight:600;color:var(--sway-ink);border:none;outline:none;background:transparent;text-align:right;width:5ch;padding:0;-moz-appearance:textfield}.sway-field__input::-webkit-outer-spin-button,.sway-field__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sway-field__unit{font-size:13px;color:var(--sway-ink-3);font-weight:500;flex:none}.sway-score{font-family:var(--sway-font-display);display:flex;align-items:center;justify-content:center;border-radius:99px;flex:none}.sway-score--works{background:var(--sway-works-soft);color:var(--sway-works)}.sway-score--depends{background:var(--sway-depends-soft);color:var(--sway-depends)}.sway-score--skip{background:var(--sway-skip-soft);color:var(--sway-skip)}.sway-score--blocked{background:var(--sway-sunk);color:var(--sway-ink-3)}.sway-constraints{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:6px}.sway-constraint{display:grid;gap:2px;padding:10px 12px;border-radius:var(--sway-r-input);font-size:13px;line-height:1.45}.sway-constraint--blocking{background:var(--sway-sunk);color:var(--sway-ink)}.sway-constraint--flag{background:var(--sway-depends-soft);color:var(--sway-ink)}.sway-constraint__note{font-weight:600}.sway-constraint__source{font-size:11.5px;color:var(--sway-ink-3)}.sway-barrow{display:flex;align-items:center;gap:11px}.sway-barrow__k{font-family:var(--sway-font-mono);font-size:9.5px;color:var(--sway-ink-3);flex:none;width:62px}.sway-barrow__v{font-family:var(--sway-font-mono);font-size:9.5px;color:var(--sway-ink-3);flex:none;width:20px;text-align:right}.sway-bar{height:6px;border-radius:99px;background:var(--sway-sunk);overflow:hidden;flex:1 1 auto}.sway-bar>i{display:block;height:100%;border-radius:99px;background:var(--sway-ink-3);transition:width .5s cubic-bezier(.2,.8,.2,1)}.sway-bar--works>i{background:var(--sway-works)}.sway-bar--skip>i{background:var(--sway-skip)}.sway-steps{display:flex;gap:5px;align-items:center}.sway-sdot{width:22px;height:4px;border-radius:99px;background:var(--sway-line);transition:background .3s ease}.sway-sdot--on{background:var(--sway-ink)}.sway-sdot--done{background:var(--sway-ink-3)}.sway-swgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.sway-sw{border-radius:10px;aspect-ratio:1;box-shadow:inset 0 0 0 1px #1c191712}@media(prefers-reduced-motion:no-preference){.sway-rise{animation:sway-rise .5s cubic-bezier(.2,.8,.2,1) both}}@keyframes sway-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ob-shell{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.ob{box-sizing:border-box;width:100%;max-width:1000px;min-height:min(100%,720px);max-height:100%;overflow-y:auto;display:flex;flex-direction:column;padding:34px 46px 30px}.ob__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px}.ob__wordmark{font-family:var(--sway-font-display);font-size:25px;letter-spacing:-.02em}.ob__skip{font-size:13px;font-weight:500;color:var(--sway-ink-3);background:none;border:none;cursor:pointer;font-family:inherit;padding:0}.ob__skip:hover{color:var(--sway-ink)}.ob__body{flex:1;display:flex;gap:40px;align-items:center}.ob__body>div{min-width:0}.ob__body--top{align-items:flex-start}.ob__body--center{flex-direction:column;justify-content:center;text-align:center}.ob__foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:24px;gap:20px}.ob__note{font-size:12.5px;color:var(--sway-ink-3);max-width:44ch;line-height:1.45;margin:0}.ob__rule{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--sway-ink-2)}.ob__rule>.k{font-family:var(--sway-font-mono);font-size:10px;color:var(--sway-ink-3);flex:none}.ob__error{font-size:13px;color:var(--sway-skip);background:var(--sway-skip-soft);border-radius:12px;padding:11px 14px;margin:0 0 16px;line-height:1.45}.ob__shot{width:100%;border-radius:var(--sway-r-card);position:relative;overflow:hidden;background:var(--sway-sunk)}.ob__shot video,.ob__shot img{width:100%;height:100%;object-fit:cover;display:block;transform:scaleX(-1)}.ob__shot img.ob__shot--upload{transform:none}.ob__guide{position:absolute;box-shadow:0 0 0 2px var(--sway-accent);pointer-events:none}.ob__hint{position:absolute;left:50%;bottom:18px;transform:translate(-50%);padding:7px 14px;border-radius:99px;background:#1c1917e0;color:#fff;font-family:var(--sway-font-mono);font-size:10px;white-space:nowrap}.ob__deck{display:flex;align-items:center;gap:18px;margin-bottom:22px}.ob__deck-side{width:140px;height:200px;border-radius:18px;opacity:.62;flex:none;overflow:hidden}.ob__deck-side--prev{transform:scale(.94) rotate(-4deg)}.ob__deck-side--next{transform:scale(.94) rotate(4deg)}.ob__deck-main{width:258px;flex:none;padding:12px}.ob__deck-main img{width:100%;height:284px;object-fit:cover;border-radius:14px;display:block}body{background:var(--sway-surface);margin:0}.site{min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(22px,5vw);max-width:1180px;width:100%;box-sizing:border-box;margin:0 auto}.nav__wordmark{font-family:var(--sway-font-display);font-size:25px;letter-spacing:-.02em;color:var(--sway-ink);text-decoration:none}.nav__links{display:flex;align-items:center;gap:22px}.nav__link{font-size:13.5px;font-weight:500;color:var(--sway-ink-3);text-decoration:none}.nav__link:hover,.nav__link--on{color:var(--sway-ink)}@media(max-width:480px){.nav{padding:16px 20px}.nav__links{gap:14px}.nav__link{font-size:12.5px}}.page{flex:1;width:100%;max-width:1180px;box-sizing:border-box;margin:0 auto;padding:8px max(22px,5vw) 90px}.page--narrow{max-width:760px}.foot{border-top:1px solid var(--sway-line);padding:22px max(22px,5vw);max-width:1180px;width:100%;box-sizing:border-box;margin:0 auto;display:flex;flex-wrap:wrap;gap:14px 26px;justify-content:space-between;font-size:12.5px;color:var(--sway-ink-3)}.h1{font-family:var(--sway-font-display);font-size:clamp(38px,6.4vw,68px);line-height:1.02;letter-spacing:-.03em;margin:0 0 18px;color:var(--sway-ink)}.h2{font-family:var(--sway-font-display);font-size:clamp(26px,3.4vw,36px);line-height:1.1;letter-spacing:-.02em;margin:0 0 14px;color:var(--sway-ink)}.h3{font-size:14px;font-weight:700;margin:0 0 8px;color:var(--sway-ink)}.lede{font-size:17px;line-height:1.55;color:var(--sway-ink-2);max-width:56ch;margin:0 0 28px}.body{font-size:14px;line-height:1.6;color:var(--sway-ink-2);margin:0}.site--reel{height:100vh;height:100dvh}.page--reel{padding:0;max-width:none;min-height:0}.reel{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth}.panel{min-height:100%;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;padding:56px max(22px,5vw) 72px;box-sizing:border-box;position:relative;opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}.panel--in{opacity:1;transform:none}@media(max-height:780px){.panel{padding-top:40px;padding-bottom:48px;gap:14px}}@media(max-height:700px){.panel{padding-top:24px;padding-bottom:28px;gap:10px}.display--sm{font-size:clamp(28px,4.6vw,44px)}.vcard__shot{max-height:24vh}.vcard__body{padding:10px 13px 12px}.pair{gap:9px}.reelstrip img{width:clamp(104px,12vw,140px)}}@media(prefers-reduced-motion:reduce){.reel{scroll-behavior:auto}.panel{opacity:1;transform:none;transition:none}}.display{font-family:var(--sway-font-display);font-size:clamp(52px,9vw,104px);line-height:.98;letter-spacing:-.035em;margin:0;color:var(--sway-ink)}.display--sm{font-size:clamp(38px,5.6vw,62px)}.line{font-size:clamp(15px,1.5vw,18px);line-height:1.5;color:var(--sway-ink-2);max-width:34ch;margin:0}.cue{position:absolute;bottom:34px;width:1px;height:42px;background:linear-gradient(var(--sway-line),transparent);animation:cue 2.6s ease-in-out infinite}@keyframes cue{0%,to{opacity:.35;transform:translateY(-5px)}50%{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.cue{animation:none}}.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:min(100%,720px);text-align:left}.vcard{padding:0;overflow:hidden;display:flex;flex-direction:column}.vcard__shot{width:100%;aspect-ratio:1;max-height:28vh;object-fit:cover;display:block;background:var(--sway-sunk)}.vcard__body{padding:16px 18px 18px}.vcard__head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.vcard__name{font-size:14.5px;font-weight:700;margin:0 0 2px;line-height:1.25}.vcard__band{font-size:12px;font-weight:600;margin:0}.vcard__band--works{color:var(--sway-works)}.vcard__band--depends{color:var(--sway-depends)}.vcard__band--skip{color:var(--sway-skip)}.vcard__why{font-size:13px;line-height:1.5;color:var(--sway-ink-2);margin:0 0 14px;min-height:3.9em}@media(max-width:640px){.pair{grid-template-columns:1fr;width:min(100%,400px);gap:12px}.vcard{flex-direction:row}.vcard__shot{width:clamp(84px,26vw,108px);aspect-ratio:3 / 4;max-height:none;flex:none}.vcard__body{padding:12px 14px;flex:1;min-width:0}.vcard__head{margin-bottom:8px}.vcard__why{min-height:0;font-size:12.5px;margin-bottom:10px}}.palette{display:grid;grid-template-columns:repeat(9,1fr);gap:8px;width:min(100%,460px)}.palette span{aspect-ratio:1;border-radius:999px;box-shadow:inset 0 0 0 1px #1c191712}.reelstrip{display:flex;gap:14px;width:100vw;overflow-x:auto;padding:4px max(22px,5vw);scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.reelstrip::-webkit-scrollbar{display:none}.reelstrip img{width:clamp(132px,15vw,178px);aspect-ratio:3 / 4;flex:none;object-fit:cover;border-radius:var(--sway-r-tile);display:block}.section{padding:60px 0 0}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px}@media(max-width:640px)and (max-height:700px){.display--sm{font-size:25px}.vcard__body{padding:8px 11px 10px}.vcard__head{margin-bottom:5px}.vcard__why{font-size:11.5px;line-height:1.4;margin-bottom:7px}.pair{gap:8px}}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:7px}.swatch{aspect-ratio:1;border-radius:10px;box-shadow:inset 0 0 0 1px #1c191717}.axis{display:grid;grid-template-columns:92px 1fr 92px;align-items:center;gap:12px;font-size:11.5px;color:var(--sway-ink-3)}.axis__track{height:6px;border-radius:99px;background:var(--sway-sunk);position:relative}.axis__dot{position:absolute;top:50%;width:13px;height:13px;border-radius:99px;background:var(--sway-accent);transform:translate(-50%,-50%)}.axis__k{text-align:right}.urlbar{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}.urlbar input{flex:1 1 320px;min-width:0;font:inherit;font-size:14px;color:var(--sway-ink);background:var(--sway-surface-2);border:1px solid var(--sway-line);border-radius:var(--sway-r-input);padding:13px 16px}.urlbar input:focus{outline:2px solid var(--sway-accent-soft);outline-offset:1px;border-color:var(--sway-accent)}.verdict{display:grid;grid-template-columns:260px 1fr;gap:26px;align-items:start}.verdict>*{min-width:0}.verdict__shot{width:100%;border-radius:var(--sway-r-card);background:var(--sway-sunk);aspect-ratio:3 / 4;object-fit:cover;display:block}@media(max-width:720px){.verdict{grid-template-columns:1fr}}.recents{display:grid;gap:10px}.recent{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:none;border:none;border-radius:var(--sway-r-tile);padding:9px;cursor:pointer;font:inherit}.recent:hover{background:var(--sway-sunk)}.recent img,.recent__blank{width:46px;height:60px;object-fit:cover;border-radius:9px;flex:none;background:var(--sway-sunk);display:block}.note{font-size:12.5px;color:var(--sway-ink-3);line-height:1.5;margin:0}.error{font-size:13px;color:var(--sway-skip);background:var(--sway-skip-soft);border-radius:12px;padding:11px 14px;line-height:1.45;margin:0}.page--flow{padding:0;max-width:none;display:flex;min-height:0}