@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/IBMPlexMono-latin-ext-400.woff2) format("woff2");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:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/IBMPlexMono-latin-400.woff2) format("woff2");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:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/IBMPlexMono-latin-ext-500.woff2) format("woff2");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:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/IBMPlexMono-latin-500.woff2) format("woff2");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:Newsreader;font-style:italic;font-weight:300;font-display:swap;src:url(/fonts/Newsreader-latin-ext-italic-300.woff2) format("woff2");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:Newsreader;font-style:italic;font-weight:300;font-display:swap;src:url(/fonts/Newsreader-latin-italic-300.woff2) format("woff2");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:Newsreader;font-style:normal;font-weight:300 400;font-display:swap;src:url(/fonts/Newsreader-latin-ext.woff2) format("woff2");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:Newsreader;font-style:normal;font-weight:300 400;font-display:swap;src:url(/fonts/Newsreader-latin.woff2) format("woff2");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{--ink: #0c0d0f;--ink-raised: #131519;--ink-line: #1d2026;--paper: #e7e2d7;--paper-2: #a8a49b;--paper-3: #6b6963;--paper-4: #3d3d3a;--cinnabar: #c74634;--cinnabar-d: #8e2f22;--jade: #6d8f7c;--ochre: #b08947;--serif: "Noto Serif SC", "Newsreader", "Songti SC", "Source Han Serif SC", Georgia, serif;--latin: "Newsreader", "Noto Serif SC", Georgia, serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--edge: 4.25rem;--col: 44rem;--col-wide: 58rem;--desk: 70rem;--sheet-raw: #efeade;--sheet-arch: #a8a49a;--sheet-ink: #1c1b18;--sheet-arch-ink: #35332e;--ease: cubic-bezier(.22, .61, .36, 1);--cast-a: rgba(0, 0, 0, .9);--cast-b: rgba(0, 0, 0, .55);--cast-hi: rgba(255, 255, 255, .28);--wash-1: rgba(199, 70, 52, .055);--wash-2: rgba(109, 143, 124, .05);--wash-3: rgba(24, 27, 34, .7);--grain-op: .24;--grain-blend: overlay;--rail-a: rgba(19, 21, 25, .55);--rail-b: rgba(12, 13, 15, .2);--seal-glow: rgba(199, 70, 52, .7);--sel-bg: rgba(199, 70, 52, .34);color-scheme:dark}:root[data-theme=day]{--ink: #d5ccb6;--ink-raised: #dfd7c2;--ink-line: #b3a88e;--paper: #17181b;--paper-2: #45443f;--paper-3: #6e6c64;--paper-4: #8b8779;--cinnabar: #b23a28;--cinnabar-d: #8e2f22;--jade: #4e7563;--ochre: #8d6a1e;--sheet-raw: #fbf8ef;--sheet-arch: #b8af99;--cast-a: rgba(74, 63, 42, .3);--cast-b: rgba(74, 63, 42, .18);--cast-hi: rgba(255, 255, 255, .9);--wash-1: rgba(199, 70, 52, .05);--wash-2: rgba(109, 143, 124, .055);--wash-3: rgba(255, 252, 244, .5);--grain-op: .3;--grain-blend: multiply;--rail-a: rgba(223, 215, 194, .66);--rail-b: rgba(213, 204, 182, .24);--seal-glow: rgba(178, 58, 40, .28);--sel-bg: rgba(199, 70, 52, .22);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--serif);font-weight:300;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}body:before{content:"";position:fixed;inset:-20%;pointer-events:none;z-index:0;background:radial-gradient(46% 38% at 22% 18%,var(--wash-1),transparent 70%),radial-gradient(52% 44% at 82% 78%,var(--wash-2),transparent 70%),radial-gradient(70% 60% at 50% 50%,var(--wash-3),transparent 75%);animation:wash 96s var(--ease) infinite alternate}@keyframes wash{0%{transform:translate3d(-1.5%,-1%,0) scale(1)}to{transform:translate3d(2%,1.5%,0) scale(1.06)}}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:var(--grain-op);mix-blend-mode:var(--grain-blend);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='140' height='140' filter='url(%23n)' opacity='0.5'/></svg>")}@media(prefers-reduced-motion:reduce){body:before{animation:none}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}::selection{background:var(--sel-bg);color:var(--paper)}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}.shell{position:relative;z-index:1;display:flex;height:100%;padding-left:var(--edge);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.stage{flex:1;min-width:0;display:flex;flex-direction:column;position:relative}.rail{position:fixed;left:0;top:0;bottom:0;width:var(--edge);z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.6rem;border-right:1px solid var(--ink-line);background:linear-gradient(180deg,var(--rail-a),var(--rail-b));padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.rail__mark{position:absolute;top:calc(1.6rem + env(safe-area-inset-top));font-family:var(--mono);font-size:.5rem;letter-spacing:.34em;color:var(--paper-4);writing-mode:vertical-rl;text-transform:uppercase}.rail__link{writing-mode:vertical-rl;font-family:var(--latin);text-transform:uppercase;font-size:.9rem;letter-spacing:.36em;color:var(--paper-3);padding:.5rem .35rem;position:relative;transition:color .45s var(--ease)}.rail__link:hover{color:var(--paper-2)}.rail__link.is-on{color:var(--paper)}.rail__link.is-on:before{content:"";position:absolute;left:-.45rem;top:50%;width:5px;height:5px;background:var(--cinnabar);transform:translateY(-50%) rotate(45deg);box-shadow:0 0 14px var(--seal-glow);animation:seal .5s var(--ease)}@keyframes seal{0%{opacity:0;transform:translateY(-50%) rotate(45deg) scale(.2)}to{opacity:1;transform:translateY(-50%) rotate(45deg) scale(1)}}.rail__sync{position:absolute;bottom:calc(1.4rem + env(safe-area-inset-bottom));padding:.55rem;line-height:0}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;border:1px solid var(--paper-4);background:transparent;transition:all .4s var(--ease)}.dot--idle{border-color:var(--jade);background:var(--jade);box-shadow:0 0 9px #6d8f7c8c}.dot--syncing{border-color:var(--ochre);background:var(--ochre);animation:breathe 1.5s ease-in-out infinite}.dot--error{border-color:var(--cinnabar);background:var(--cinnabar);box-shadow:0 0 10px #c7463499}.rail__sync.is-on .dot{transform:scale(1.35)}@keyframes breathe{0%,to{opacity:.35}50%{opacity:1}}.rail__lamp{position:absolute;bottom:calc(3.8rem + env(safe-area-inset-bottom));padding:.55rem;line-height:0}.lamp{display:block;width:9px;height:9px;border-radius:50%;border:1px solid var(--paper-3);background-image:linear-gradient(90deg,var(--paper-3) 0 50%,transparent 50%);transition:transform .55s var(--ease),border-color .4s var(--ease),background-image .4s var(--ease)}:root[data-theme=day] .lamp{transform:rotate(180deg)}.rail__lamp:hover .lamp,.rail__lamp:focus-visible .lamp{border-color:var(--paper);background-image:linear-gradient(90deg,var(--paper) 0 50%,transparent 50%)}.dump{display:flex;flex-direction:column;height:100%;width:100%;max-width:var(--col);margin-inline:auto;padding:clamp(2rem,6vh,4.5rem) clamp(1.4rem,5vw,4rem) 0;overflow:hidden}.dump__void{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;padding-bottom:8vh}.dump__field{position:relative;flex:0 0 auto}.dump__input{width:100%;background:none;border:none;outline:none;resize:none;color:var(--paper);font-family:var(--serif);font-weight:300;font-size:clamp(1.5rem,3.4vw,2.15rem);line-height:1.62;letter-spacing:.012em;caret-color:var(--cinnabar);min-height:4.2em;max-height:42vh;padding:0;overflow-y:auto;scrollbar-width:none}.dump__input::-webkit-scrollbar{display:none}.dump__input::placeholder{color:var(--paper-4);font-style:italic;font-family:var(--latin)}.dump__input.is-flushing{animation:flush .26s var(--ease) forwards}@keyframes flush{to{opacity:0;filter:blur(3px);transform:translateY(6px)}}.dump__rule{height:1px;background:linear-gradient(90deg,var(--ink-line),transparent 62%);margin:1.5rem 0 0;position:relative}.dump__rule:after{content:"";position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,var(--cinnabar),transparent);transition:width .5s var(--ease)}.dump__rule.is-live:after{width:34%}.dump__sweep{position:absolute;inset:-1px 0;height:3px;background:linear-gradient(90deg,transparent,var(--cinnabar),transparent);animation:sweep .85s var(--ease) forwards;pointer-events:none}@keyframes sweep{0%{opacity:0;transform:translate(-30%) scaleX(.35)}22%{opacity:1}to{opacity:0;transform:translate(30%) scaleX(1)}}.dump__bar{display:flex;justify-content:flex-end;margin-top:.9rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;color:var(--paper-4);text-transform:uppercase}.dump__send{font-family:var(--serif);font-size:.95rem;letter-spacing:.3em;padding:.42rem .9rem .42rem 1.2rem;color:var(--paper-4);border:1px solid var(--ink-line);transition:all .35s var(--ease);text-transform:none}.dump__send.is-live{color:var(--paper);border-color:var(--cinnabar-d);background:#c7463417}.dump__send:disabled{cursor:default}.pile{height:100%;display:flex;flex-direction:column;overflow:hidden}.head{width:100%;max-width:var(--col-wide);margin-inline:auto;padding:clamp(2rem,6vh,3.6rem) clamp(1.4rem,5vw,4rem) 1.1rem}.head__sub{display:block;margin-top:.4rem;font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;color:var(--paper-4);text-transform:uppercase}.head__title{margin:0;font-size:clamp(1.7rem,4vw,2.4rem);font-weight:400;letter-spacing:.22em}.pile__search{width:100%;max-width:var(--desk);margin-inline:auto;padding:0 clamp(1.4rem,5vw,4rem)}.pile__q{width:100%;background:none;border:none;border-bottom:1px solid var(--ink-line);outline:none;color:var(--paper);font-family:var(--serif);font-size:.98rem;padding:.5rem 0}.pile__q::placeholder{color:var(--paper-4);font-family:var(--latin);font-style:italic}.pile__q:focus{border-bottom-color:var(--cinnabar-d)}.desk{flex:1;width:100%;max-width:var(--desk);margin-inline:auto;overflow-y:auto;padding:2rem clamp(1.4rem,5vw,4rem) 5rem;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;gap:1.1rem 1.3rem;scrollbar-width:thin;scrollbar-color:var(--ink-line) transparent}.scrap{position:relative;flex:0 1 auto;width:fit-content;min-width:9.5rem;max-width:min(23rem,100%);padding:1rem 1.15rem .75rem;background:var(--sheet-raw);color:var(--sheet-ink);transform:rotate(var(--tilt, 0deg)) translate(var(--slide, 0));box-shadow:0 12px 26px -14px var(--cast-a),0 3px 8px -4px var(--cast-b),0 1px 0 var(--cast-hi) inset;transition:transform .4s var(--ease),box-shadow .4s var(--ease);animation:drop .52s var(--ease) both;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@keyframes drop{0%{opacity:0;transform:rotate(calc(var(--tilt, 0deg) * 2.4)) translateY(-16px) scale(1.03)}to{opacity:1;transform:rotate(var(--tilt, 0deg)) translate(var(--slide, 0))}}.scrap:hover{transform:rotate(0) translate(var(--slide, 0)) translateY(-5px);box-shadow:0 22px 40px -18px var(--cast-a),0 4px 10px -4px var(--cast-b),0 1px 0 var(--cast-hi) inset;z-index:3}.scrap--archived{background:var(--sheet-arch);color:var(--sheet-arch-ink);opacity:.66;box-shadow:0 8px 18px -12px var(--cast-a)}.scrap--archived:hover{opacity:.95}.scrap__text{margin:0;font-size:1rem;line-height:1.66;white-space:pre-wrap;overflow-wrap:anywhere;transition:color .3s var(--ease)}.scrap__tags{display:flex;flex-wrap:wrap;gap:.34rem;margin:.55rem 0 0}.tag{font-family:var(--mono);font-size:.58rem;letter-spacing:.08em;line-height:1;padding:.26rem .42rem;border-radius:2px;cursor:pointer;color:var(--cinnabar);background:#c7463417;box-shadow:0 0 0 1px #c746342e inset;transition:background .2s var(--ease),box-shadow .2s var(--ease),color .2s var(--ease)}.tag:hover,.tag:focus-visible{background:#c7463429;box-shadow:0 0 0 1px #c746345c inset}.scrap--archived .tag{color:#1c1b1880;background:#1c1b180f;box-shadow:0 0 0 1px #1c1b1824 inset}.tag.is-on,.scrap--archived .tag.is-on{color:var(--sheet-raw);background:var(--cinnabar);box-shadow:none}.scrap.is-editing{transform:rotate(0) translate(var(--slide, 0)) translateY(-5px);opacity:1;z-index:4;outline:1px solid rgba(28,27,24,.22);outline-offset:2px}.scrap__edit{display:block;width:100%;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;font-size:1rem;line-height:1.66;resize:none;overflow:hidden;outline:none;-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}.scrap__hint{font-size:.52rem;opacity:.62}.scrap__foot{display:flex;align-items:baseline;justify-content:space-between;gap:.7rem;margin-top:.95rem;padding-top:.6rem;border-top:1px dashed rgba(28,27,24,.16);font-family:var(--mono);font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;color:#1c1b186b}.scrap__ok,.scrap__x{font-family:var(--mono);line-height:1;padding:0 .15rem;color:#1c1b1852;opacity:0;transition:opacity .25s var(--ease),color .25s var(--ease)}.scrap__ok{margin-left:auto;font-size:.8rem}.scrap__x{margin-left:-.1rem;font-size:.95rem}.scrap:hover .scrap__ok,.scrap__ok:focus-visible,.scrap:hover .scrap__x,.scrap__x:focus-visible{opacity:1}.scrap__ok:hover{color:#4a7c59}.scrap__x:hover{color:var(--cinnabar)}.desk__export{flex:1 0 100%;align-self:flex-end;margin-top:2.4rem;padding:.4rem 0;text-align:left;font-family:var(--mono);font-size:.58rem;letter-spacing:.24em;text-transform:uppercase;color:var(--paper-4);transition:color .3s var(--ease)}.desk__export:hover{color:var(--paper-2)}.empty{flex:1 0 100%;padding:5rem 0;text-align:center;color:var(--paper-4);font-family:var(--latin);font-style:italic;font-size:1.05rem;line-height:2}@media(max-width:640px){:root{--edge: 3.1rem}.rail{gap:1.7rem}.rail__link{font-size:1.02rem;letter-spacing:.32em}.rail__mark{display:none}.rail__lamp{bottom:calc(3.4rem + env(safe-area-inset-bottom))}.keys{grid-template-columns:repeat(2,1fr)}.desk{gap:.8rem .7rem;padding-top:1.4rem}.scrap{--slide: 0px;min-width:7.5rem;max-width:100%;padding:.85rem 1rem .65rem}.scrap__text,.scrap__edit{font-size:.95rem;line-height:1.58}.scrap:hover{transform:rotate(var(--tilt, 0deg));box-shadow:0 12px 26px -14px var(--cast-a)}.scrap__ok,.scrap__x{opacity:.75}}.sync{height:100%;width:100%;max-width:var(--col);margin-inline:auto;display:flex;flex-direction:column;overflow-y:auto}.sync__body{padding:0 clamp(1.4rem,5vw,4rem) 4rem;display:flex;flex-direction:column;gap:2rem;align-items:flex-start}.sync__lede{margin:0;max-width:34ch;font-size:1.05rem;line-height:1.85;color:var(--paper-2)}.sync__state{display:flex;align-items:center;gap:.75rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--paper-3)}.sync__facts{display:flex;gap:2.6rem;margin:0;flex-wrap:wrap}.sync__facts dt{font-family:var(--mono);font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--paper-4)}.sync__facts dd{margin:.45rem 0 0;font-size:1.15rem;color:var(--paper)}.sync__err{margin:0;font-family:var(--latin);font-style:italic;color:var(--cinnabar);border-left:1px solid var(--cinnabar-d);padding-left:.9rem}.sync__form,.sync__acts{display:flex;gap:.7rem;flex-wrap:wrap;align-items:stretch}.sync__pw{background:none;border:none;border-bottom:1px solid var(--ink-line);outline:none;color:var(--paper);font-family:var(--serif);font-size:1.05rem;letter-spacing:.14em;padding:.5rem 0;min-width:15rem}.sync__pw::placeholder{color:var(--paper-4);letter-spacing:.06em;font-style:italic;font-family:var(--latin)}.sync__pw:focus{border-bottom-color:var(--cinnabar-d)}.sync__btn{font-family:var(--latin);font-size:.9rem;letter-spacing:.16em;padding:.55rem 1.15rem;border:1px solid var(--ink-line);color:var(--paper-2);transition:all .3s var(--ease)}.sync__btn:hover:not(:disabled){color:var(--paper);border-color:var(--cinnabar-d);background:#c7463414}.sync__btn:disabled{opacity:.35;cursor:default}.sync__btn--quiet{border-color:transparent;color:var(--paper-4)}.sync__btn--quiet:hover:not(:disabled){background:none;border-color:var(--ink-line);color:var(--paper-2)}.sync__fine{margin:0;max-width:40ch;font-size:.85rem;line-height:1.8;color:var(--paper-4)}