@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(./barlow-vietnamese-400-normal-Dpl4UHAZ.woff2) format("woff2"),url(./barlow-vietnamese-400-normal-BFeobeCK.woff) format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(./barlow-latin-ext-400-normal-HxX4XjxC.woff2) format("woff2"),url(./barlow-latin-ext-400-normal-CvBsJvxq.woff) format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(./barlow-latin-400-normal-qiz4-Cze.woff2) format("woff2"),url(./barlow-latin-400-normal-fsAxiSwU.woff) format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-vietnamese-500-normal-zTViEIzf.woff2) format("woff2"),url(./barlow-vietnamese-500-normal-GNfB7rCE.woff) format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-latin-ext-500-normal-DOaysfXq.woff2) format("woff2"),url(./barlow-latin-ext-500-normal-CJPcKP2Q.woff) format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-latin-500-normal-BPAOfeC8.woff2) format("woff2"),url(./barlow-latin-500-normal-C1h8hMer.woff) format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-condensed-vietnamese-600-normal-A5AYRdjN.woff2) format("woff2"),url(./barlow-condensed-vietnamese-600-normal-CNlPk46_.woff) format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-condensed-latin-ext-600-normal-18ESti3H.woff2) format("woff2"),url(./barlow-condensed-latin-ext-600-normal-Clv9cIcR.woff) format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-condensed-latin-600-normal-DepVgxBB.woff2) format("woff2"),url(./barlow-condensed-latin-600-normal-BFJEwTuo.woff) format("woff");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{--page: #000000;--flap: #1b1b1b;--flap-top: #202020;--ink: #f2f1ec;--gap-shadow: #000000;--pin: #3a3a3a;--chrome: #6b6b68;--chrome-hover: #f2f1ec;--panel: #141414;--panel-raised: #1f1f1f;--panel-ink: #f2f1ec;--panel-muted: #9a9994;--panel-line: #2c2c2c;--focus: #ffc20e;color-scheme:dark;font-family:Barlow,system-ui,sans-serif;-webkit-font-smoothing:antialiased}:root[data-theme=light]{--page: #e4e4e0;--flap: #fbfbf9;--flap-top: #ffffff;--ink: #0a0a0a;--gap-shadow: #c9c9c4;--pin: #b9b9b4;--chrome: #8a8a85;--chrome-hover: #0a0a0a;--panel: #f6f6f3;--panel-raised: #ffffff;--panel-ink: #0a0a0a;--panel-muted: #6a6a66;--panel-line: #dcdcd7;--focus: #0072bc;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--page);color:var(--ink);transition:background-color .2s ease}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.stage{position:relative;display:grid;place-items:center;min-height:100dvh;padding:4rem 1rem}.grid{--gap: calc(var(--cell-w) * .1);display:grid;grid-template-columns:repeat(15,var(--cell-w));gap:calc(var(--gap) * 1.6) var(--gap)}.grid--board{--cell-w: min(calc((100vw - 4rem) / 16.4), calc((100dvh - 9rem) / 4.7))}.grid--preview{--cell-w: .95rem}.grid--editor{--cell-w: min(1.95rem, calc((100vw - 3rem) / 16.6))}.flap{--flap-h: calc(var(--cell-w) * 1.45);--radius: calc(var(--cell-w) * .07);--hinge: max(1px, calc(var(--cell-w) * .035));position:relative;display:block;width:var(--cell-w);height:var(--flap-h);perspective:calc(var(--cell-w) * 6);background:var(--gap-shadow);border-radius:var(--radius);font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:600;font-size:calc(var(--cell-w) * 1.18);line-height:1;color:var(--ink);-webkit-user-select:none;user-select:none}.flap:before,.flap:after{content:"";position:absolute;z-index:3;top:50%;width:calc(var(--cell-w) * .07);height:calc(var(--cell-w) * .2);translate:0 -50%;background:var(--pin);border-radius:1px}.flap:before{left:0}.flap:after{right:0}.half{position:absolute;left:0;right:0;height:calc(50% - var(--hinge) / 2);overflow:hidden;background:var(--flap);backface-visibility:hidden}.half--top{top:0;background:var(--flap-top);border-radius:var(--radius) var(--radius) 0 0;transform-origin:50% calc(100% + var(--hinge) / 2)}.half--bottom{bottom:0;border-radius:0 0 var(--radius) var(--radius);transform-origin:50% calc(var(--hinge) / -2)}.half__inner{position:absolute;left:0;right:0;height:var(--flap-h);display:flex;align-items:center;justify-content:center}.half--top .half__inner{top:0}.half--bottom .half__inner{bottom:0}.face{display:block;padding-top:.06em}.face--emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:.6em;padding-top:0}.face--color{position:absolute;top:0;right:0;bottom:0;left:0;padding:0}.half--falling{z-index:2;animation:flap-fall calc(var(--flip-ms) * .4) cubic-bezier(.55,0,1,.45) forwards}.half--landing{z-index:2;animation:flap-land calc(var(--flip-ms) * .45) cubic-bezier(0,.55,.45,1) calc(var(--flip-ms) * .4) both}@keyframes flap-fall{0%{transform:rotateX(0);filter:brightness(1)}to{transform:rotateX(-90deg);filter:brightness(.55)}}@keyframes flap-land{0%{transform:rotateX(90deg);filter:brightness(.6)}75%{transform:rotateX(0);filter:brightness(1)}88%{transform:rotateX(9deg)}to{transform:rotateX(0)}}.corner{position:absolute;bottom:1.25rem;display:flex;align-items:center;gap:.25rem}.corner--left{left:1.25rem}.corner--right{right:1.25rem}.dot{width:1.5rem;height:1.5rem;padding:0;border:0;background:none;cursor:pointer}.dot:before{content:"";display:block;width:6px;height:6px;margin:auto;border-radius:50%;background:var(--chrome);opacity:.5;transition:opacity .15s,transform .15s}.dot:hover:before{opacity:1}.dot[aria-current]:before{opacity:1;transform:scale(1.35)}.icon{width:1.25rem;height:1.25rem;flex:none}.icon-button{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:.5rem;background:none;cursor:pointer}.icon-button:disabled{opacity:.3;cursor:default}.icon-button--chrome{width:2.75rem;height:2.75rem;color:var(--chrome);transition:color .15s}.icon-button--chrome .icon{width:1.5rem;height:1.5rem}.icon-button--chrome:hover{color:var(--chrome-hover)}.panel{width:min(34rem,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0 0 0 auto;padding:0;border:0;border-left:1px solid var(--panel-line);background:var(--panel);color:var(--panel-ink);font-size:.9375rem;transition:translate .22s cubic-bezier(.2,.8,.2,1),overlay .22s allow-discrete,display .22s allow-discrete}.panel[open]{translate:0 0}@starting-style{.panel[open]{translate:100% 0}}.panel::backdrop{background:#00000073}.panel__body{display:flex;flex-direction:column;gap:1.5rem;min-height:100%;padding:1rem 1.5rem 2rem}.panel__header{display:flex;align-items:center;gap:.5rem;margin:0 -.5rem}.panel__header h2{flex:1;margin:0 0 0 .5rem;font-size:1.375rem;font-weight:500}.icon-button+h2{margin-left:0}.settings{display:grid;gap:.75rem;padding:1rem;border-radius:.75rem;background:var(--panel-raised)}.setting{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.25rem}.setting__control{display:flex;align-items:center;gap:.75rem}.setting input[type=range]{width:9rem;accent-color:var(--panel-ink)}.setting output{min-width:2.75rem;text-align:right;font-variant-numeric:tabular-nums}.segmented{display:inline-flex;padding:3px;border-radius:.5rem;background:var(--panel)}.segmented button{padding:.3rem .9rem;border:0;border-radius:.375rem;background:none;color:var(--panel-muted);cursor:pointer}.segmented button[aria-checked=true]{background:var(--panel-ink);color:var(--panel)}.empty{margin:0;color:var(--panel-muted)}.card-list{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.card-item{display:grid;gap:.5rem;padding:.75rem;border:1px solid transparent;border-radius:.75rem;background:var(--panel-raised)}.card-item[data-active]{border-color:var(--panel-ink)}.card-item__preview{justify-self:start;max-width:100%;overflow-x:auto;padding:.5rem;border:0;border-radius:.375rem;background:var(--page);cursor:pointer}.card-item__meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.card-item__status{color:var(--panel-muted)}.card-item[data-active] .card-item__status{color:var(--panel-ink)}.card-item__actions{display:flex;align-items:center;gap:.125rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.5rem;padding:0 1rem;border:1px solid var(--panel-line);border-radius:.5rem;background:var(--panel-raised);cursor:pointer}.button:hover{border-color:var(--panel-muted)}.button--small{min-height:2.25rem;padding:0 .85rem}.button--primary{border-color:var(--panel-ink);background:var(--panel-ink);color:var(--panel)}.button--primary:hover{border-color:var(--panel-ink);opacity:.88}.button--quiet{border-color:transparent;background:none;color:var(--panel-muted)}.button--wide{width:100%}.editor{display:flex;flex-direction:column;gap:1rem}.editor__canvas{position:relative;padding:.75rem;border-radius:.5rem;background:var(--page);overflow-x:auto}.editor__canvas:has(.editor__input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.editor__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;pointer-events:none}.editor__cell{position:relative;padding:0;border:0;background:none;cursor:text}.editor__cell[data-cursor]:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:2px solid var(--focus);border-radius:4px;pointer-events:none}.editor__canvas:not(:has(.editor__input:focus)) .editor__cell[data-cursor]:after{opacity:.35}.editor__hint{margin:0;color:var(--panel-muted)}.palette{display:flex;flex-wrap:wrap;gap:.375rem}.swatch{width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--panel-line);border-radius:.375rem;cursor:pointer}.swatch--blank{background:linear-gradient(135deg,transparent 46%,var(--panel-muted) 48% 52%,transparent 54%),var(--panel-raised)}.emoji-pick{width:2.25rem;height:2.25rem;padding:0;border:1px solid transparent;border-radius:.375rem;background:var(--panel-raised);font-size:1.15rem;cursor:pointer}.emoji-pick:hover,.swatch:hover{border-color:var(--panel-muted)}.editor__actions{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.spacer{flex:1}@media(prefers-reduced-motion:reduce){.panel{transition:none}}