: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-kept: #f2ece1;--sheet-todo: #ecdcb9;--sheet-arch: #a8a49a;--sheet-ink: #1c1b18;--ease: cubic-bezier(.22, .61, .36, 1);color-scheme:dark}*{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%,rgba(199,70,52,.055),transparent 70%),radial-gradient(52% 44% at 82% 78%,rgba(109,143,124,.05),transparent 70%),radial-gradient(70% 60% at 50% 50%,rgba(24,27,34,.7),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:.24;mix-blend-mode:overlay;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:#c7463457;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,#1315198c,#0c0d0f33);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 #c74634b3;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}}.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 #000000e6,0 3px 8px -4px #0000008c,0 1px #ffffff47 inset;transition:transform .4s var(--ease),box-shadow .4s var(--ease);animation:drop .52s var(--ease) both}@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 #000000f2,0 4px 10px -4px #0009,0 1px #ffffff52 inset;z-index:3}.scrap--kept{background:var(--sheet-kept)}.scrap--todo{background:var(--sheet-todo)}.scrap--archived{background:var(--sheet-arch);color:#35332e;opacity:.66;box-shadow:0 8px 18px -12px #000c}.scrap--archived:hover{opacity:.95}.scrap.is-tappable{cursor:pointer}.scrap__text{margin:0;font-size:1rem;line-height:1.66;white-space:pre-wrap;overflow-wrap:anywhere;transition:color .3s var(--ease)}.scrap.is-done .scrap__text{color:#1c1b186b;text-decoration:line-through;text-decoration-color:var(--cinnabar);text-decoration-thickness:1.5px}.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__time{margin-left:auto}.scrap--todo .scrap__state{color:#8a5f18}.scrap__x{margin-left:-.2rem;font-family:var(--mono);font-size:.95rem;line-height:1;padding:0 .15rem;color:#1c1b1852;opacity:0;transition:opacity .25s var(--ease),color .25s var(--ease)}.scrap:hover .scrap__x,.scrap__x:focus-visible{opacity:1}.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}.sift{height:100%;width:100%;max-width:var(--col);margin-inline:auto;display:flex;flex-direction:column;padding:clamp(1.6rem,4vh,3rem) clamp(1.4rem,5vw,4rem) clamp(1.8rem,4vh,3rem);overflow:hidden}.sift__gauge{height:1px;background:var(--ink-line);position:relative;flex:0 0 auto}.sift__gauge i{position:absolute;inset:0 auto 0 0;background:var(--cinnabar);box-shadow:0 0 12px #c7463499;transition:width .55s var(--ease)}.sift__n{margin-top:.8rem;font-family:var(--mono);font-size:.64rem;letter-spacing:.22em;color:var(--paper-4);text-transform:uppercase}.sift__card{flex:1;min-height:0;display:flex;align-items:center;justify-content:flex-start;overflow-y:auto;padding:2rem 0}.sift__text{font-size:clamp(1.45rem,3.6vw,2.3rem);line-height:1.6;font-weight:300;white-space:pre-wrap;overflow-wrap:anywhere;max-width:30ch}.sift__stamp{display:block;margin-top:1.8rem;font-family:var(--mono);font-size:.64rem;letter-spacing:.2em;color:var(--paper-4)}.sift__card.out-kept{animation:outKept .34s var(--ease) both}.sift__card.out-todo{animation:outTodo .34s var(--ease) both}.sift__card.out-archived{animation:outArch .34s var(--ease) both}.sift__card.out-gone{animation:outGone .34s var(--ease) both}.sift__card.in-next{animation:inNext .44s var(--ease) both}@keyframes outKept{to{opacity:0;transform:translate(46px);filter:blur(5px)}}@keyframes outTodo{to{opacity:0;transform:translateY(-38px);filter:blur(5px)}}@keyframes outArch{to{opacity:0;transform:translateY(38px) scale(.97);filter:blur(5px)}}@keyframes outGone{to{opacity:0;transform:scale(1.06);filter:blur(13px)}}@keyframes inNext{0%{opacity:0;transform:translateY(16px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.keys{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;flex:0 0 auto}.key{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.95rem .4rem;border:1px solid var(--ink-line);color:var(--paper-3);transition:all .28s var(--ease)}.key:hover,.key:focus-visible{color:var(--paper);border-color:var(--paper-4);background:#e7e2d708}.key--kill:hover,.key--kill:focus-visible{color:var(--cinnabar);border-color:var(--cinnabar-d);background:#c7463412}.key__cap{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;color:var(--paper-4)}.key__label{font-size:.95rem;letter-spacing:.2em}.undo{margin-top:.9rem;padding:.35rem 0 .2rem;font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;color:var(--paper-4);text-transform:uppercase;transition:color .3s var(--ease);align-self:flex-start}.undo:hover:not(:disabled){color:var(--paper-2)}.undo:disabled{opacity:.32;cursor:default}.done{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;text-align:center}.done__mark{width:46px;height:46px;border:1px solid var(--cinnabar-d);transform:rotate(45deg);animation:seal .6s var(--ease) both}.done__text{font-size:1.25rem;letter-spacing:.24em;color:var(--paper-2)}.done__sub{font-family:var(--latin);font-style:italic;color:var(--paper-4)}@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}.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{font-size:.95rem;line-height:1.58}.scrap:hover{transform:rotate(var(--tilt, 0deg));box-shadow:0 12px 26px -14px #000000e6}.scrap__x{opacity:.75}.sift__text{font-size:1.35rem}}.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)}