@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2) format("woff2-variations");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--tomato-500: #f2543d;--tomato-600: #d9402a;--tomato-100: #ffe1da;--sunny-500: #ffc53d;--sunny-100: #fff1c9;--teal-500: #17b3a3;--teal-100: #d3f3ef;--piggy-400: #f5a3c7;--ink-900: #1f1a17;--ink-700: #4a413b;--ink-500: #7c716a;--ink-300: #c9beb4;--paper-50: #fffbf4;--paper-100: #fff4e3;--paper-200: #f6e7cf;--white: #ffffff;--danger: #c8331f;--line: rgba(31, 26, 23, .1);--line-2: rgba(31, 26, 23, .16);--display-paper: #e9e7e1;--strip: #1f1a17;--strip-2: #2a2420;--strip-line: #3e3630;--on-strip: #fffbf4;--on-strip-dim: #c9beb4;--font-display: "Fredoka Variable", "Fredoka", "Baloo 2", ui-rounded, system-ui, sans-serif;--font-body: "Figtree Variable", "Figtree", system-ui, sans-serif;--font-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, monospace;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 36px;--border: 1.5px solid var(--ink-900);--shadow-sm: 0 1px 2px rgba(60, 35, 20, .08), 0 2px 6px rgba(60, 35, 20, .06);--shadow-md: 0 2px 4px rgba(60, 35, 20, .06), 0 8px 20px rgba(60, 35, 20, .1);--shadow-lg: 0 4px 8px rgba(60, 35, 20, .06), 0 18px 40px rgba(60, 35, 20, .14);--shadow-xl: 0 8px 16px rgba(60, 35, 20, .08), 0 30px 64px rgba(60, 35, 20, .18);--ring: 0 0 0 4px rgba(23, 179, 163, .28);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--frame-shadow: var(--shadow-xl);color-scheme:light;font-family:var(--font-body);font-size:15px;line-height:1.5;color:var(--ink-900);background:var(--paper-50);-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--paper-50)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}:focus-visible{outline:none;box-shadow:var(--ring)}code{font-family:var(--font-mono);font-size:.9em;background:var(--paper-100);padding:0 4px;border-radius:3px}.fig{font-family:var(--font-display);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 18px;border-radius:999px;border:var(--border);background:var(--white);color:var(--ink-900);box-shadow:var(--shadow-sm);font-family:var(--font-display);font-weight:600;font-size:1rem;white-space:nowrap;text-decoration:none;transition:transform .28s var(--ease-bounce),box-shadow .28s var(--ease-out),background-color .15s}.btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-lg)}.btn:active:not(:disabled){transform:scale(.95);box-shadow:var(--shadow-sm);transition-duration:.14s}.btn:disabled{opacity:.45;box-shadow:none}.btn--sm{min-height:32px;padding:0 14px;font-size:.9rem}.btn--lg{min-height:52px;padding:0 28px;font-size:1.2rem}.btn--primary,.btn--action{background:var(--tomato-500);color:var(--paper-50)}.btn--ghost{background:var(--white)}.btn--danger{background:var(--white);color:var(--danger)}.btn--danger:hover:not(:disabled){background:var(--tomato-100)}.brand{display:flex;align-items:baseline;gap:8px;text-decoration:none;color:var(--ink-900)}.brand__mark{align-self:center;width:38px;height:26px;color:var(--tomato-500)}.brand__name{font-family:var(--font-display);font-weight:700;font-size:31px;line-height:1;letter-spacing:-.03em}.brand__sub{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-500)}.nav{display:flex;gap:4px}.nav a{padding:6px 12px;border-radius:999px;color:var(--ink-700);text-decoration:none;font-weight:650;font-size:.92rem}.nav a:hover{color:var(--ink-900);background:var(--paper-100)}.nav a[aria-current=page]{color:var(--ink-900);background:var(--sunny-500);box-shadow:inset 0 0 0 1.5px var(--ink-900)}.site{display:flex;flex-direction:column;min-height:100dvh}.site-head{border-bottom:1px solid var(--line)}.site-head__inner,.site-foot__inner,.page{width:100%;max-width:1160px;margin:0 auto;padding-left:clamp(16px,4vw,40px);padding-right:clamp(16px,4vw,40px)}.site-head__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;padding-bottom:14px}.page{flex:1;padding-top:clamp(28px,5vw,56px);padding-bottom:64px}.page--narrow{max-width:720px}.page__title{margin:0 0 8px;font-size:clamp(2rem,4vw,2.6rem);font-family:var(--font-display);font-weight:700;letter-spacing:-.04em;line-height:1.08;overflow-wrap:anywhere}.page__lede{margin:0 0 24px;max-width:60ch;font-size:1.05rem;color:var(--ink-700)}.site-foot{border-top:1px solid var(--line)}.site-foot__inner{display:flex;align-items:center;gap:12px;padding-top:20px;padding-bottom:28px}.site-foot__mark{flex:none;width:26px;height:18px;color:var(--tomato-500)}.site-foot p{margin:0;max-width:70ch;font-size:.85rem;color:var(--ink-500)}.note{margin:0 0 16px;padding:12px 16px;border-radius:var(--radius-md);background:var(--sunny-100);color:var(--ink-700);max-width:70ch}.note--alert{background:var(--tomato-100);border-color:transparent;color:var(--danger)}.boot{display:grid;place-content:center;justify-items:center;gap:4px;min-height:100dvh;padding:16px;text-align:center;color:var(--ink-700)}.boot__mark{width:58px;height:40px;color:var(--tomato-500);margin-bottom:8px}.boot p{margin:0;max-width:52ch}.framed{display:block;padding:7px;background:var(--piggy-400);border-radius:12px}.framed--hero{padding:clamp(10px,2.2vw,18px);border-radius:clamp(16px,3vw,26px);box-shadow:var(--frame-shadow)}.framed__paper{display:grid;place-items:center;aspect-ratio:5 / 3;background:var(--display-paper);border-radius:2px;overflow:hidden}.framed[data-portrait] .framed__paper{aspect-ratio:3 / 5}.framed__paper img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.framed__missing{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-500)}.intro{margin-bottom:clamp(40px,6vw,72px)}.intro h1{margin:0 0 12px;max-width:14ch;font-size:clamp(2.6rem,6.5vw,4.4rem);font-family:var(--font-display);font-weight:700;letter-spacing:-.045em;line-height:1}.intro p{margin:0 0 24px;max-width:52ch;font-size:1.15rem;color:var(--ink-700)}.intro__actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}.steps{display:flex;flex-wrap:wrap;gap:10px 28px;margin:0;padding:0;list-style:none;font-weight:600;color:var(--ink-700)}.steps li{display:flex;align-items:center;gap:10px}.steps__n,.how__n{display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--sunny-500);font-family:var(--font-display);font-weight:700;font-size:.9rem;color:var(--ink-900)}.shelf{margin-bottom:56px}.shelf__head{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.shelf h2{margin:0;font-size:1.6rem;font-family:var(--font-display);font-weight:700;letter-spacing:-.03em}.shelf__count{font-family:var(--font-mono);font-size:.9rem;color:var(--ink-500)}.shelf__lede{margin:-8px 0 16px;max-width:60ch;color:var(--ink-700)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:20px;margin:0;padding:0;list-style:none}.cards--small{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:16px}.cards>li{display:grid}.card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"media media" "body side";align-items:start;gap:0 10px;border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-sm);color:var(--ink-900);overflow:hidden;transition:transform .28s var(--ease-bounce),box-shadow .28s var(--ease-out)}.card:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:var(--shadow-lg)}.card:has(.card__name:focus-visible){box-shadow:var(--ring),var(--shadow-sm)}.card:hover .card__name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.card__media{grid-area:media;display:grid;place-items:center;aspect-ratio:4 / 3;padding:16px;background:var(--paper-100)}.card__media .framed{width:100%}.card__media .framed[data-portrait]{width:46%}.card__body{grid-area:body;display:grid;gap:2px;min-width:0;padding:12px 0 14px 16px}.card__name{color:inherit;text-decoration:none;font-family:var(--font-display);font-weight:600;font-size:1.2rem;letter-spacing:-.01em;overflow-wrap:anywhere}.card__meta{font-size:.86rem;color:var(--ink-500)}.card__name:after{content:"";position:absolute;inset:0}.card__name:focus-visible{outline:none}.card__side{grid-area:side;position:relative;z-index:1;display:grid;justify-items:end;gap:8px;padding:15px 14px 14px 0}.card__tag{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-500)}.card--loading{aspect-ratio:4 / 3.9;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.detail{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:clamp(28px,5vw,64px);align-items:start}.detail__media{position:sticky;top:24px;display:grid;justify-items:center;gap:12px}.detail__media .framed{width:100%}.detail__media .framed[data-portrait]{width:min(100%,400px)}.detail__caption{margin:0;font-size:.85rem;color:var(--ink-500);text-align:center}.detail__back{display:inline-block;margin-bottom:16px;font-size:.9rem;font-weight:600;color:var(--ink-700);text-decoration:none}.detail__back:before{content:"← "}.detail__back:hover{color:var(--ink-900);text-decoration:underline}.detail__meta{margin:0 0 20px;color:var(--ink-700)}.get{display:grid;gap:10px;margin:0 0 16px;padding:20px;border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-md)}.get__open{width:100%}.get__hint{margin:0;font-size:.85rem;color:var(--ink-500)}.get__scan{display:grid;grid-template-columns:112px 1fr;align-items:center;gap:16px;margin-top:8px;padding-top:16px;border-top:1px solid var(--line)}.get__scan p{margin:0;font-size:.9rem;color:var(--ink-700)}@media(pointer:coarse){.get__scan{display:none}}.qr{display:block;width:112px;height:112px;color:var(--ink-900);border-radius:8px;border:1px solid var(--line)}.detail__more{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.how{display:grid;gap:12px;margin:0;padding:20px 0 0;list-style:none;border-top:1px solid var(--line)}.how li{display:flex;gap:12px;align-items:baseline;color:var(--ink-700)}.how b{color:var(--ink-900)}.review__head{display:flex;align-items:center;justify-content:space-between;gap:16px}.review__tabs{margin-bottom:20px}.review__foot{margin-top:32px;font-size:.9rem}.signin{display:grid;gap:14px;justify-items:start;max-width:480px;padding:20px;border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-md)}.signin p{margin:0;color:var(--ink-700)}.field-stack{display:grid;gap:4px;width:100%;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-500)}.queue{display:grid;gap:12px;margin:0;padding:0;list-style:none}.queue__item{display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:20px;padding:14px;border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-sm)}.queue__media{display:grid;place-items:center;aspect-ratio:5 / 3.4}.queue__media .framed{width:100%}.queue__media .framed[data-portrait]{width:36%}.queue__body{display:grid;gap:2px;min-width:0}.queue__ref{font-size:.75rem;color:var(--ink-500)}.queue__actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.app{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);height:100dvh;overflow:hidden}.app[data-dragging]{cursor:grabbing;-webkit-user-select:none;user-select:none}.toolbar{position:relative;z-index:2;background:var(--strip);color:var(--on-strip)}.toolbar__top{display:flex;align-items:center;gap:20px;padding:10px 16px;border-bottom:1px solid var(--strip-line)}.toolbar .brand{color:var(--on-strip)}.toolbar .brand__mark{width:32px;height:22px;color:var(--on-strip)}.toolbar .brand__name{font-size:26px}.toolbar .brand__sub,.toolbar .nav a{color:var(--on-strip-dim)}.toolbar .nav a:hover{color:var(--on-strip);background:var(--strip-2)}.toolbar .nav a[aria-current=page]{color:var(--ink-900);background:var(--sunny-500);box-shadow:none}.toolbar .btn{border-color:var(--on-strip);box-shadow:none}.toolbar .btn--ghost{background:transparent;color:var(--on-strip)}.toolbar .btn--ghost:hover:not(:disabled){background:var(--strip-2)}.toolbar__actions{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.toolbar__rows{display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:thin}.col{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:8px 16px 10px;border-right:1px solid var(--strip-line);min-width:max-content}.col--name{flex:1 1 220px;min-width:180px}.col--figure{min-width:96px}.col--status{margin-left:auto;border-right:0;border-left:1px solid var(--strip-line);min-width:128px}.col__head{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--on-strip-dim)}.col__input{background:var(--strip-2);border:1px solid var(--strip-line);border-radius:var(--radius-sm);color:var(--on-strip);padding:4px 8px;min-height:30px;width:100%}.col__input:hover{border-color:var(--on-strip-dim)}input.col__input{font-weight:700}.col__input option{background:var(--strip-2)}.figure{align-self:flex-start;font-family:var(--font-display);font-weight:600;font-size:1.2rem;color:var(--on-strip)}.figure[data-alert]{padding:0 10px;border-radius:999px;background:var(--tomato-500);color:var(--paper-50)}.seg{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--strip-2)}.seg button{border:0;background:none;color:var(--on-strip-dim);padding:4px 12px;min-height:28px;border-radius:999px;font-family:var(--font-display);font-size:.9rem;font-weight:600;transition:background-color .28s var(--ease-bounce)}.seg button:hover{color:var(--on-strip)}.seg button[aria-checked=true],.seg button[aria-selected=true]{background:var(--sunny-500);color:var(--ink-900)}.seg--light{background:var(--paper-100)}.seg--light button{color:var(--ink-700)}.seg--light button:hover{color:var(--ink-900)}.seg--light button[aria-checked=true],.seg--light button[aria-selected=true]{background:var(--white);color:var(--ink-900);box-shadow:var(--shadow-sm)}.toolbar__strip{border-top:1px solid var(--strip-line);background:var(--strip-2);padding:10px 16px}.share{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.share span{flex:1 1 360px;color:var(--on-strip-dim);font-size:.9rem;max-width:75ch}.share input{min-height:36px;border:1px solid var(--strip-line);border-radius:var(--radius-sm);background:var(--strip);color:var(--on-strip);padding:6px 10px}.notice{display:flex;align-items:center;gap:12px;margin:0;font-size:.9rem;color:var(--on-strip);overflow-wrap:anywhere}.notice a{color:var(--on-strip);font-family:var(--font-mono);text-underline-offset:3px}.notice[data-alert]{color:var(--tomato-100)}.notice__close{margin-left:auto;border:0;background:none;color:var(--on-strip-dim);font-size:1.3rem;line-height:1;padding:0 4px}.presets{margin:0;inset:56px 16px auto auto;position:fixed;width:min(440px,calc(100vw - 32px));padding:0;border:0;border-radius:var(--radius-lg);background:var(--white);color:var(--ink-900);box-shadow:var(--shadow-xl)}.presets__head{margin:0;padding:12px 16px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-500);border-bottom:1px solid var(--line)}.presets ul{list-style:none;margin:0;padding:4px 0}.presets button{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:baseline;width:100%;padding:9px 16px;border:0;background:none;text-align:left}.presets button:hover,.presets button:focus-visible{background:var(--paper-100)}.presets__name{font-family:var(--font-display);font-weight:600}.presets__meta{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-500)}.workspace{display:grid;grid-template-columns:264px minmax(0,1fr) 340px;min-height:0}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 10px;font-weight:700;font-size:.95rem}.panel-head__hint{font-weight:400;font-size:.78rem;color:var(--ink-500)}.palette{overflow-y:auto;padding:16px 14px 24px;border-right:1px solid var(--line)}.palette__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.tile{display:grid;grid-template-columns:54px 1fr auto;align-items:center;width:100%;min-height:62px;padding:0;text-align:left;background:var(--white);border:0;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);touch-action:none;transition:transform .28s var(--ease-bounce),box-shadow .28s var(--ease-out)}.tile:hover:not(:disabled){transform:translateY(-3px) rotate(-1deg);box-shadow:var(--shadow-md);cursor:grab}.tile:active:not(:disabled){cursor:grabbing}.tile__code{align-self:stretch;display:grid;place-items:center;font-family:var(--font-mono);font-weight:500;font-size:.8rem;letter-spacing:.08em;color:var(--ink-900);background:var(--sunny-100);border-radius:var(--radius-md) 0 0 var(--radius-md)}.tile__body{display:grid;gap:2px;padding:8px 10px 8px 12px;min-width:0}.tile__name{font-family:var(--font-display);font-weight:600;font-size:1rem}.tile__desc{font-size:.76rem;color:var(--ink-500);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile__size{padding-right:10px;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-500)}.ghost{position:fixed;z-index:50;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 10px;border-radius:var(--radius-md);background:var(--ink-900);color:var(--white);font-weight:700;pointer-events:none;transform:translate(-24px,-50%)}.ghost__code{font-family:var(--font-mono);padding-right:10px;border-right:1px solid var(--strip-line)}.stage-col{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0}.stage{display:grid;place-items:center;align-content:center;gap:10px;min-height:0;padding:20px;overflow:hidden}.bezel{padding:18px;background:var(--piggy-400);border-radius:26px;box-shadow:var(--frame-shadow)}.screen{position:relative;background:var(--display-paper);touch-action:none}.screen__img{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none;mix-blend-mode:multiply}.screen__grid{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .18s}.screen__grid rect{fill:#1f1a1709;stroke:#1f1a1747;stroke-width:1;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}.screen:hover .screen__grid,.screen[data-dragging] .screen__grid,.app[data-dragging] .screen__grid{opacity:1}.landing{position:absolute;border:2px solid var(--ink-900);background:#1f1a1714;border-radius:3px;pointer-events:none;transition:all 90ms var(--ease-out)}.box{position:absolute;border:1px dashed transparent;border-radius:2px;cursor:grab;transition:border-color .15s}.screen:hover .box{border-color:#1f1a174d}.box:hover{border-color:#1f1a17b3!important;border-style:solid}.box[data-selected]{border:2px solid var(--ink-900)!important;box-shadow:0 0 0 3px #ffffffd9;z-index:3}.box[data-warned]{border:2px solid var(--tomato-500)!important}.box:focus-visible{outline:none;box-shadow:var(--ring)}.screen[data-dragging] .box[data-selected]{cursor:grabbing}.box__tag{position:absolute;bottom:100%;left:-2px;margin-bottom:3px;display:none;gap:6px;align-items:center;padding:2px 7px 2px 2px;border-radius:3px;background:var(--ink-900);color:var(--white);font-family:var(--font-mono);font-size:11px;white-space:nowrap;pointer-events:none}.box__code{padding:0 5px;border-radius:2px;background:var(--white);color:var(--ink-900);font-weight:500}.box[data-selected] .box__tag,.box:hover .box__tag{display:inline-flex}.box[data-warned] .box__tag{background:var(--tomato-500)}.handle{position:absolute;width:12px;height:12px;background:var(--white);border:2px solid var(--ink-900);border-radius:2px;touch-action:none}.handle--nw{left:-7px;top:-7px;cursor:nwse-resize}.handle--n{left:calc(50% - 6px);top:-7px;cursor:ns-resize}.handle--ne{right:-7px;top:-7px;cursor:nesw-resize}.handle--e{right:-7px;top:calc(50% - 6px);cursor:ew-resize}.handle--se{right:-7px;bottom:-7px;cursor:nwse-resize}.handle--s{left:calc(50% - 6px);bottom:-7px;cursor:ns-resize}.handle--sw{left:-7px;bottom:-7px;cursor:nesw-resize}.handle--w{left:-7px;top:calc(50% - 6px);cursor:ew-resize}.stage__hint{margin:0;font-size:.8rem;color:var(--ink-500);text-align:center}.tryout{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 24px;margin:0 20px 16px;padding:14px 18px;background:var(--sunny-100);border-radius:var(--radius-lg)}.tryout__fields{display:flex;gap:10px;flex-wrap:wrap}.pf{display:grid;gap:3px;font-size:.72rem;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-500)}.pf .seg--light button{text-transform:none;letter-spacing:0;font-family:var(--font-body)}.pf input,.input,.place input{border:1px solid transparent;border-radius:var(--radius-sm);background:var(--paper-100);box-shadow:inset 0 1px 2px #3c231414;padding:5px 8px;min-height:32px;font-size:.92rem;letter-spacing:0;text-transform:none;color:var(--ink-900);font-family:var(--font-body)}.pf input{width:150px}.pf--narrow input{width:84px;font-family:var(--font-mono)}.pf input:hover,.input:hover{border-color:var(--line-2)}.pf input:focus-visible,.input:focus-visible,.place input:focus-visible{border-color:var(--teal-500);box-shadow:var(--ring)}.tryout .pf input{background:var(--white)}.tryout__tap{display:flex;align-items:center;gap:10px}.tryout__now{font-family:var(--font-display);font-weight:700;font-size:1.4rem;min-width:6ch;text-align:right}.btn--tap{background:var(--sunny-500)}.tryout__more{flex-basis:100%;font-size:.88rem}.tryout__more summary{cursor:pointer;color:var(--ink-700);font-weight:700;width:max-content}.tryout__help{color:var(--ink-500);margin:6px 0}.tryout__more textarea{display:block;width:100%;min-height:180px;font-family:var(--font-mono);font-size:.8rem;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--paper-100);padding:8px;resize:vertical}.tryout__more textarea[aria-invalid]{border-color:var(--tomato-500)}.tryout__error{min-height:1.2em;margin:4px 0 8px;color:var(--tomato-500);font-size:.8rem}.side-col{display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;min-height:0;overflow-y:auto;padding:16px 16px 24px;border-left:1px solid var(--line)}.panel{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.panel__head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 14px 12px}.panel__code{font-family:var(--font-mono);font-weight:500;font-size:.8rem;letter-spacing:.08em;padding:4px 8px;border-radius:999px;background:var(--sunny-500);color:var(--ink-900)}.panel__title{display:grid;min-width:0}.panel__name{font-family:var(--font-display);font-weight:700;font-size:1.1rem;letter-spacing:-.02em}.panel__sub{font-size:.8rem;color:var(--ink-500);line-height:1.3}.panel__close{align-self:start;border:0;background:none;font-size:1.4rem;line-height:1;color:var(--ink-500);padding:2px 6px;border-radius:6px}.panel__close:hover{color:var(--ink-900);background:var(--paper-100)}.panel__seg{display:grid;gap:10px;padding:14px;border-top:1px solid var(--line)}.panel__seg--note p{margin:0;font-size:.82rem;color:var(--ink-700)}.panel__warn{margin:0;padding:10px 14px 10px 30px;background:var(--tomato-100);color:var(--danger);font-size:.85rem}.place{grid-template-columns:repeat(4,1fr);gap:8px}.place__f{display:grid;gap:3px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-500)}.place__f input{width:100%;font-family:var(--font-display);font-weight:600;font-size:1.1rem;text-align:center;padding:4px}.field{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:4px 10px}.field__label{font-size:.82rem;color:var(--ink-700)}.field__hint{grid-column:2;font-size:.74rem;color:var(--ink-500)}.input{width:100%;min-width:0}.input--num{width:96px;font-family:var(--font-mono)}select.input{padding-right:4px}.toggle{position:relative;display:inline-block;width:46px;height:26px}.toggle input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.toggle__track{display:block;width:100%;height:100%;border-radius:999px;background:var(--paper-200);transition:background-color .28s var(--ease-out);pointer-events:none}.toggle__track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--white);box-shadow:var(--shadow-sm);transition:transform .28s var(--ease-bounce)}.toggle input:checked+.toggle__track{background:var(--teal-500)}.toggle input:checked+.toggle__track:after{transform:translate(20px)}.toggle input:focus-visible+.toggle__track{box-shadow:var(--ring)}.panel__foot{display:flex;justify-content:space-between;gap:8px;padding:12px 14px 14px;border-top:1px solid var(--line)}.layers{min-height:0}.layers__list{list-style:none;margin:0;padding:0;border-radius:var(--radius-lg);overflow:hidden;background:var(--white);box-shadow:var(--shadow-sm)}.row{display:flex;align-items:stretch;border-top:1px solid var(--line)}.row:first-child{border-top:0}.row__main{flex:1;min-width:0;display:grid;grid-template-columns:44px 1fr auto 52px;align-items:center;gap:10px;padding:8px 4px 8px 12px;border:0;background:none;text-align:left}.row__main:hover{background:var(--paper-50)}.row[data-selected]{background:var(--sunny-100)}.row__code,.row__size,.row__status{font-family:var(--font-mono);font-size:.78rem}.row__code{font-weight:500}.row__what{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row__size{color:var(--ink-500)}.row__status{text-align:center;letter-spacing:.06em;border-radius:999px;padding:1px 0}.row:not([data-warned]) .row__status{color:var(--ink-900);background:var(--teal-100)}.row[data-warned] .row__status{color:var(--paper-50);background:var(--tomato-500)}.row__move{display:flex;flex-direction:column;border-left:1px solid var(--line)}.row__move button{flex:1;width:30px;border:0;background:none;color:var(--ink-500);font-size:.6rem}.row__move button:hover:not(:disabled){color:var(--ink-900);background:var(--paper-50)}.row__move button:disabled{opacity:.25}.layers__general{margin:0 0 8px;padding:8px 12px 8px 28px;border-radius:var(--radius-md);background:var(--tomato-100);color:var(--danger);font-size:.85rem}.layers__empty{margin:0;padding:16px;border:1px dashed var(--line-2);border-radius:var(--radius-md);font-size:.88rem;color:var(--ink-700)}.home main{display:block}.band{padding:clamp(64px,9vw,112px) 0}.band--tomato{background:var(--tomato-500);color:var(--paper-50)}.band--sunny{background:var(--sunny-500)}.band--teal{background:var(--teal-500)}.band--paper{background:var(--paper-50)}.band--piggy{background:var(--piggy-400)}.band__inner{width:100%;max-width:1160px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}.band__title{margin:0 0 16px;max-width:16ch;font-family:var(--font-display);font-weight:700;font-size:clamp(2.3rem,5vw,4rem);line-height:.98;letter-spacing:-.025em;text-wrap:balance}.band__lede{margin:0 0 32px;max-width:52ch;font-size:1.2rem;color:var(--ink-700);text-wrap:pretty}.eyebrow{margin:0 0 12px;font-weight:600;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(40px,6vw,72px);align-items:center}.site-head--bright{background:var(--tomato-500);border-bottom:0}.site-head--bright .brand,.site-head--bright .brand__mark,.site-head--bright .nav a{color:var(--paper-50)}.site-head--bright .nav a:hover{background:var(--tomato-600);color:var(--paper-50)}.btn--sunny{background:var(--sunny-500);color:var(--ink-900)}.btn--on-bright{background:transparent;border-color:var(--paper-50);color:var(--paper-50);box-shadow:none}.btn--on-bright:hover:not(:disabled){background:var(--tomato-600)}.hero{padding-top:clamp(32px,6vw,72px)}.hero__inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:clamp(40px,6vw,64px);align-items:center}.hero h1{margin:0 0 24px;font-family:var(--font-display);font-weight:700;font-size:clamp(3rem,7.5vw,6.2rem);line-height:.92;letter-spacing:-.03em;text-wrap:balance}.hero__lede{margin:0 0 32px;max-width:34ch;font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.5;text-wrap:pretty}.hero__actions{display:flex;flex-wrap:wrap;gap:12px}.hero__fine{margin:20px 0 0;font-size:.95rem}.hero__device{display:grid;justify-items:center;gap:32px}.stack{position:relative;width:100%}.stack:before{content:"";position:absolute;inset:4% 3% -4% 6%;border-radius:var(--radius-xl);background:var(--stack);transform:rotate(4deg)}.stack>*{position:relative}.stack--sunny{--stack: var(--sunny-500)}.stack--teal{--stack: var(--teal-500)}.seg--bright{background:var(--tomato-600);flex-wrap:wrap;justify-content:center}.seg--bright button{color:var(--paper-50)}.seg--bright button[aria-checked=true]{background:var(--sunny-500);color:var(--ink-900);box-shadow:inset 0 0 0 1.5px var(--ink-900)}.device{--case-piggy: var(--piggy-400);--case-piggy-side: #dd84ab;--case-tomato: var(--tomato-500);--case-tomato-side: #c73c27;--case-sunny: var(--sunny-500);--case-sunny-side: #dfa31a;--case-teal: var(--teal-500);--case-teal-side: #0e8a7d;container-type:inline-size;width:100%}.device__case{--mm: .5cqw ;position:relative;aspect-ratio:200 / 140;border-radius:calc(var(--mm) * 16);background:var(--case);box-shadow:inset 0 calc(var(--mm) * 1.2) 0 #ffffff47,inset 0 calc(var(--mm) * -1) 0 #3c23141a,0 calc(var(--mm) * 6) 0 var(--case-side),0 calc(var(--mm) * 8) calc(var(--mm) * 12) #3c231447;margin-bottom:calc(var(--mm) * 6);transition:background-color .28s var(--ease-out),box-shadow .28s var(--ease-out)}.device[data-portrait] .device__case{--mm: calc(100cqw / 140);aspect-ratio:140 / 200}.device__groove{position:absolute;left:50%;top:50%;width:calc(var(--mm) * 178.2);height:calc(var(--mm) * 112.92);transform:translate(-50%,-50%);border-radius:calc(var(--mm) * 4);box-shadow:inset 0 0 0 calc(var(--mm) * 5) #3c23141a,inset 0 calc(var(--mm) * .8) 0 calc(var(--mm) * .4) #3c23141f}.device[data-portrait] .device__groove{width:calc(var(--mm) * 112.92);height:calc(var(--mm) * 178.2)}.device__screen{position:absolute;inset:calc(var(--mm) * 7);overflow:hidden;background:var(--display-paper);border-radius:calc(var(--mm) * .6);box-shadow:inset 0 calc(var(--mm) * .5) calc(var(--mm) * 1) #1f1a1740}.device__screen img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.device__screen[data-refreshing]:after{content:"";position:absolute;inset:0;animation:eink .52s steps(1,end)}@keyframes eink{0%{background:var(--ink-900)}30%{background:var(--display-paper)}50%{background:var(--ink-900)}70%{background:var(--display-paper)}to{background:transparent}}.shows{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:24px;margin:0;padding:0;list-style:none}.show{padding:20px 20px 24px;border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-lg);transition:transform .28s var(--ease-bounce),box-shadow .28s var(--ease-out)}.show:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:var(--shadow-xl)}.show__media{padding:16px 12px 4px;margin-bottom:16px;border-radius:var(--radius-md);background:var(--paper-100)}.show h3{margin:0 0 6px;font-family:var(--font-display);font-weight:700;font-size:1.5rem;letter-spacing:-.02em}.show p{margin:0;color:var(--ink-700)}.phone{justify-self:center;width:min(100%,320px);padding:12px;border-radius:48px;background:var(--ink-900);box-shadow:var(--shadow-xl);transform:rotate(-3deg)}.phone__screen{display:grid;gap:14px;padding:28px 18px 22px;border-radius:38px;background:var(--paper-50)}.phone__title{font-family:var(--font-display);font-weight:700;font-size:1.6rem;letter-spacing:-.02em}.phone__balance{display:grid;gap:4px;padding:18px;border-radius:28px;background:var(--sunny-500);box-shadow:0 10px 0 -2px var(--tomato-500),var(--shadow-lg);margin-bottom:8px}.phone__balance .eyebrow{margin:0;font-size:.7rem}.phone__amount{font-family:var(--font-display);font-weight:700;font-size:3.2rem;line-height:1;letter-spacing:-.03em}.phone__amount small{font-size:.5em}.phone__caption{font-size:.85rem;font-weight:500}.phone__goal{display:grid;grid-template-columns:1fr auto;gap:6px;padding:12px 14px;border-radius:var(--radius-md);background:var(--white);box-shadow:var(--shadow-sm);font-weight:600;font-size:.85rem}.phone__goal span:nth-child(2){color:var(--ink-700)}.phone__goal i{grid-column:1 / -1;display:block;height:10px;border-radius:999px;background:var(--paper-200);overflow:hidden}.phone__goal b{display:block;height:100%;border-radius:999px;background:var(--sunny-500)}.phone__buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.phone__btn{display:grid;place-items:center;min-height:44px;border:var(--border);border-radius:999px;font-family:var(--font-display);font-weight:600}.phone__btn--primary{background:var(--tomato-500);color:var(--paper-50)}.phone__btn--sunny{background:var(--sunny-500)}.howto{display:grid;gap:20px;margin:8px 0 0;padding:0;list-style:none;font-size:1.1rem;max-width:48ch}.howto li{display:flex;gap:16px;align-items:baseline}.howto__n{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--paper-50);font-family:var(--font-display);font-weight:700;font-size:1.1rem;transform:translateY(-2px)}.box-view{position:relative;padding-right:14%;padding-bottom:12%}.box-view__portrait{position:absolute;right:0;bottom:0;width:30%;transform:rotate(3deg)}.swatches{display:flex;align-items:center;gap:12px;margin-bottom:32px}.swatch{width:44px;height:44px;border-radius:50%;border:var(--border);transition:transform .28s var(--ease-bounce),box-shadow .28s var(--ease-out)}.swatch[aria-checked=true]{transform:scale(1.12);box-shadow:0 0 0 3px var(--paper-50),0 0 0 5px var(--ink-900),var(--shadow-md)}.swatch--piggy{background:var(--piggy-400)}.swatch--tomato{background:var(--tomato-500)}.swatch--sunny{background:var(--sunny-500)}.swatch--teal{background:var(--teal-500)}.swatches__label{margin-left:4px;font-family:var(--font-display);font-weight:600;font-size:1.1rem}.specs{display:grid;margin:0;border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-sm);padding:8px 20px}.specs div{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--paper-200)}.specs div:first-child{border-top:0}.specs dt{font-weight:600;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);padding-top:2px}.specs dd{margin:0}.band--piggy .band__lede{color:var(--ink-900)}@media(max-width:1180px){.workspace{grid-template-columns:220px minmax(0,1fr) 300px}.tile__desc{display:none}}@media(max-width:900px){.detail{grid-template-columns:minmax(0,1fr)}.detail__media{position:static}.queue__item{grid-template-columns:120px minmax(0,1fr)}.queue__actions{grid-column:1 / -1;justify-content:flex-start}.app{height:auto;min-height:100dvh;overflow:visible}.toolbar__top{flex-wrap:wrap;gap:10px 16px}.toolbar__actions{margin-left:0;justify-content:flex-start;width:100%}.workspace{display:flex;flex-direction:column}.stage-col{order:1}.stage{height:min(70vh,calc(62vw + 64px));padding:12px}.stage[data-portrait]{height:min(80vh,640px)}.side-col{order:2;border-left:0;overflow:visible}.palette{order:3;border-right:0;overflow:visible}.palette__list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.tryout{margin:0 12px 12px}}@media(max-width:560px){.site-head__inner{flex-wrap:wrap}.nav a{padding:6px 10px}.get__scan{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}