@font-face{font-family:Work Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./work-sans-vietnamese-wght-normal-BKsN3ITN.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:Work Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./work-sans-latin-ext-wght-normal-B5dZ8C4S.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:Work Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./work-sans-latin-wght-normal-Bl-S9Xys.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{--bg: #c4cac7;--sheet: #f2f3f2;--back: #dadddb;--ink: #33322e;--muted: #8f9994;--title: #4a5260;--navy: #12082b;--avatar: #fcf8df;--line: #c7c7c7;--orange: #f86529;--blue: #24c3fe;--pink: #f62cba;--top: env(safe-area-inset-top, 0px);--bottom: env(safe-area-inset-bottom, 0px);--ease: cubic-bezier(.22, .7, .25, 1);--dur: .22s}*{box-sizing:border-box;margin:0}html,body,#app{height:100%}body{background:var(--bg);color:var(--ink);font-family:Work Sans Variable,Work Sans,system-ui,sans-serif;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}a,button{color:inherit;font:inherit;text-decoration:none}button{background:none;border:0;padding:0;cursor:pointer}ul{list-style:none;padding:0}.app{position:relative;display:flex;flex-direction:column;height:100dvh;max-width:402px;margin:0 auto;overflow:hidden}.screen{flex:1;min-height:0;display:flex;flex-direction:column}.topbar{flex:none;display:flex;align-items:flex-start;gap:7px;height:calc(var(--top) + 98px);padding:calc(var(--top) + 30px) 10px 0}.topbar--start{padding-left:27px}.avatar{margin:0 7px 0 auto;flex:none;width:57px;height:57px;border-radius:999px;background:var(--avatar)}.topbar--start .avatar{margin:0}.segmented{display:flex;gap:4px}.pill{flex:none;display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 16px;border-radius:999px;font-size:28px;font-weight:400;letter-spacing:-.08em;white-space:nowrap}.pill--light{background:var(--sheet);color:var(--ink)}.pill--dim{background:var(--back);color:var(--ink)}.pill--dark{background:var(--navy);color:#fff}.pill--round{width:56px;padding:0}.sheet{position:relative;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:26px 28px calc(var(--bottom) + 120px);background:var(--sheet);border-radius:24px 24px 0 0}.sheet::-webkit-scrollbar{display:none}.empty{color:var(--muted);font-size:17.5px;letter-spacing:-.08em}.empty--float{position:absolute;left:28px;right:28px;bottom:calc(var(--bottom) + 120px);text-align:center}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:15px;row-gap:30px}.card-link{display:block;min-width:0}.card-title{margin-top:10px;overflow:hidden;font-size:17.5px;letter-spacing:-.06em;text-overflow:ellipsis;white-space:nowrap}.card-title+.card-date{margin-top:0}.card-date{margin-top:10px;color:var(--muted);font-size:17.5px;letter-spacing:-.08em}.card-preview{position:relative;aspect-ratio:162 / 209;border-radius:6px;overflow:hidden}.card-preview svg{position:absolute;inset:0;display:block;width:100%;height:100%}.card-paper{fill:var(--paper)}.card-cut{fill:color-mix(in srgb,var(--paper) 74%,white)}.tag{position:absolute;left:6px;top:6px;padding:4px 6px;border-radius:4px;background:#fff;color:var(--orange);font-size:11px;font-weight:600;letter-spacing:.01em;line-height:1;text-transform:uppercase}.canvas-screen{position:relative;padding-top:calc(var(--top) + 76px)}.backbar{position:absolute;inset:calc(var(--top) + 23px) 0 0;display:grid;grid-template-columns:1fr minmax(0,2fr) 1fr;align-items:start;padding:12px 26px;background:var(--back);border-radius:24px;color:var(--muted);font-size:18px;letter-spacing:-.04em}.backbar>:last-child{justify-self:end}.backbar a,.backbar button{height:24px;line-height:normal;z-index:1}.backbar a{display:flex;align-items:center;gap:2px;box-sizing:content-box;margin:-10px -8px;padding:10px 8px}.title-input,.backbar-title{width:100%;min-width:0;height:24px;padding:0 4px;color:var(--ink);font:inherit;letter-spacing:inherit;line-height:22px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;z-index:1}.title-input{border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent}.title-input::placeholder{color:var(--muted)}.title-input:focus{outline:none;border-bottom-color:var(--muted)}.backbar button:disabled{cursor:default}.sheet--canvas{padding:0;overflow:hidden}.surface{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.tools{position:absolute;top:15px;left:0;right:0;display:flex;gap:10px;padding:0 20px 0 52px;overflow-x:auto;scrollbar-width:none}.tools::-webkit-scrollbar{display:none}.tool{flex:none;display:grid;place-items:center;width:57px;height:57px;border:1.5px solid var(--line);border-radius:999px;background:var(--sheet);color:var(--ink)}.tool--on{border-color:var(--navy);background:var(--navy);color:#fff}.tool--hint{border-color:var(--orange);animation:nudge 1.4s ease-in-out infinite}@keyframes nudge{50%{box-shadow:0 0 0 6px #f8652947}}.tool:disabled{color:var(--muted);cursor:default}.tray{position:absolute;top:82px;left:14px;right:138px;display:flex;flex-direction:column;gap:8px;padding:12px;border:1.5px solid var(--line);border-radius:22px;background:#f2f3f2f0}.tray-hint{color:var(--ink);font-size:14px;line-height:1.3;letter-spacing:-.02em}.tray-options{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:3px;margin:-3px;scrollbar-width:none}.tray-options::-webkit-scrollbar{display:none}.chip{flex:none;height:36px;padding:0 16px;border-radius:999px;background:var(--back);font-size:17px;letter-spacing:-.04em}.chip--danger{background:#c62828;color:#fff}.chip--on{background:var(--navy);color:#fff}.swatch{flex:none;width:36px;height:36px;border:1.5px solid var(--line);border-radius:999px;background:var(--swatch)}.swatch--on{box-shadow:0 0 0 2px var(--sheet),0 0 0 4px var(--navy)}.tabbar{position:absolute;left:50%;bottom:calc(var(--bottom) + 19px);width:352.5px;max-width:calc(100% - 24px);height:84px;transform:translate(-50%);border-radius:999px;background:#eef0eee6;-webkit-backdrop-filter:blur(40px) saturate(1.4);backdrop-filter:blur(40px) saturate(1.4)}.tabbar-slots{display:flex;justify-content:center;gap:6px;padding:3px 0}.tab{display:grid;place-items:center;width:76.5px;height:76.5px;border-radius:999px;color:var(--muted)}.tab[aria-current=page]{color:var(--ink)}.icon{display:block;flex:none;background:currentColor;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.sheet--grid{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:36px 36px;background-position:center}.fold-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.render-bar{position:absolute;top:13px;left:14px;right:10px;display:flex;align-items:center;gap:8px;pointer-events:none}.render-bar>*,.render-bar button{pointer-events:auto}.render-actions{display:flex;gap:7px;margin-left:auto}.stepper{display:flex;align-items:center;gap:9px;height:56px;padding-right:21px;border-radius:999px;background:var(--muted);color:#fff}.step{display:grid;place-items:center;width:24px;height:24px;color:#fff}.round{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:999px;color:#fff}.round:disabled{opacity:.6;cursor:default}.round--orange{background:var(--orange)}.round--blue{background:var(--blue)}.round--pink{background:var(--pink)}.round--navy{background:var(--navy);opacity:.55}.round--navy.round--on{opacity:1}.note{position:absolute;left:50%;bottom:calc(var(--bottom) + 120px);transform:translate(-50%);width:max-content;max-width:calc(100% - 40px);padding:10px 16px;border-radius:999px;background:var(--navy);color:#fff;font-size:15px;letter-spacing:-.02em;text-align:center}.preview{position:absolute;top:82px;right:14px;width:112px;height:140px;overflow:hidden;border:1.5px solid var(--line);border-radius:18px;background:#f2f3f2f0}.preview-canvas{position:absolute;inset:0;width:100%;height:100%}.preview-label{position:absolute;left:8px;bottom:6px;color:var(--muted);font-size:12px;font-weight:500;letter-spacing:-.01em}.card-link{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.scrim{position:absolute;inset:0;z-index:20;display:flex;align-items:flex-end;padding:14px 14px calc(var(--bottom) + 14px);background:#12082b66}.action-sheet{display:flex;flex-direction:column;gap:10px;width:100%;padding:22px 18px 18px;border-radius:28px;background:var(--sheet)}.action-title{font-size:22px;font-weight:500;letter-spacing:-.04em}.action-detail{margin-bottom:6px;color:var(--muted);font-size:16px;line-height:1.3;letter-spacing:-.02em}.action{height:52px;border-radius:999px;background:var(--back);font-size:19px;letter-spacing:-.03em}.action--danger{background:#c62828;color:#fff}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes sheet-up{0%{opacity:0;transform:translateY(28px)}}@keyframes sheet-down{to{opacity:0;transform:translateY(28px)}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}}@keyframes note-in{0%{opacity:0;transform:translate(-50%,8px)}}@keyframes card-out{to{opacity:0;transform:scale(.9)}}.scrim{animation:fade-in var(--dur) var(--ease)}.scrim--closing{animation:fade-out var(--dur) var(--ease) forwards}.action-sheet{animation:sheet-up var(--dur) var(--ease)}.action-sheet--closing{animation:sheet-down var(--dur) var(--ease) forwards}.tray{animation:rise-in var(--dur) var(--ease)}.note{animation:note-in var(--dur) var(--ease)}.card-link{transition:transform .16s var(--ease)}.card-link--holding{transform:scale(.96);transition-duration:.5s;transition-timing-function:ease-out}.card-link--new{animation:fade-in .32s var(--ease)}.card-link--removing{pointer-events:none;animation:card-out .2s var(--ease) forwards}.tool,.chip,.swatch,.round,.step,.action{transition:transform .12s var(--ease),background-color .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease),opacity .16s var(--ease),box-shadow .16s var(--ease)}.tool:active:not(:disabled),.chip:active:not(:disabled),.swatch:active,.round:active:not(:disabled),.step:active,.action:active{transform:scale(.96)}@media(prefers-reduced-motion:reduce){:root{--dur: 90ms}.action-sheet,.tray,.note{animation-name:fade-in}.action-sheet--closing,.card-link--removing{animation-name:fade-out}.card-link--holding,.tool:active:not(:disabled),.chip:active:not(:disabled),.swatch:active,.round:active:not(:disabled),.step:active,.action:active{transform:none}.tool--hint{animation:none}}