@font-face{font-family:Patrick Hand;src:url(/fonts/PatrickHand-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{font-family:Patrick Hand,cursive;color:#241d16;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;overflow:hidden}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell,.auth-screen,.setup-screen,.boot-screen{--paper: #fffdf2;position:relative;width:100%;height:100dvh;min-height:480px;overflow:hidden;background:var(--page-bg);color:var(--dark);transition:background-color .34s ease,color .34s ease;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.star-field{position:absolute;inset:-80px;pointer-events:none;opacity:.16;color:var(--dark);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='92' height='92' viewBox='0 0 92 92'%3E%3Cpath d='M16 10c.8 5.3 2.7 7.2 8 8-5.3.8-7.2 2.7-8 8-.8-5.3-2.7-7.2-8-8 5.3-.8 7.2-2.7 8-8Zm54 46c1.1 7.3 3.7 9.9 11 11-7.3 1.1-9.9 3.7-11 11-1.1-7.3-3.7-9.9-11-11 7.3-1.1 9.9-3.7 11-11Z' fill='currentColor'/%3E%3C/svg%3E");animation:star-drift 28s linear infinite}@keyframes star-drift{to{transform:translate3d(92px,92px,0)}}.box-screen{position:relative;z-index:1;height:100%;display:grid;grid-template-rows:1fr minmax(220px,43vh) 1fr;justify-items:center;align-items:center;padding:clamp(20px,5vh,54px) 20px}.word-button,.soft-button{border:0;border-radius:14px 11px 15px 12px;padding:.72rem 1.35rem .65rem;background:var(--dark);color:#fff;font-weight:800;letter-spacing:.07em;cursor:pointer;box-shadow:0 5px color-mix(in srgb,var(--dark) 78%,black);transform:rotate(-.5deg);transition:transform .15s ease,opacity .15s ease}.word-button:hover:not(:disabled),.soft-button:hover:not(:disabled){transform:translateY(-2px) rotate(.3deg)}.word-button:active:not(:disabled),.soft-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px color-mix(in srgb,var(--dark) 78%,black)}.word-button:disabled,.soft-button:disabled{opacity:.48;cursor:default}.soft-button{background:color-mix(in srgb,var(--dark) 18%,white);color:var(--dark);box-shadow:none}.main-action{min-width:100px;font-size:clamp(.95rem,3vw,1.15rem);opacity:1}.open-action{align-self:end}.add-action{align-self:start}.ballot-wrap{position:relative;width:min(82vw,470px,48vh);aspect-ratio:420 / 370;border:0;padding:0;background:transparent;cursor:pointer;color:inherit;transition:transform .65s cubic-bezier(.22,.9,.3,1)}.ballot-wrap:focus-visible{outline:3px dashed var(--dark);outline-offset:12px;border-radius:24px}.ballot-wrap:hover:not(:disabled){transform:translateY(-5px) rotate(-.4deg)}.ballot-wrap:active:not(:disabled){transform:translateY(2px) scale(.99)}.ballot-box-svg{display:block;width:100%;height:100%;overflow:visible}.box-face{stroke:color-mix(in srgb,var(--cube) 66%,black);stroke-width:2.5;stroke-linejoin:round}.box-top{fill:color-mix(in srgb,var(--cube) 78%,white)}.box-front{fill:var(--cube)}.box-side{fill:color-mix(in srgb,var(--cube) 68%,black)}.edge-light{fill:none;stroke:#ffffff38;stroke-width:3;stroke-linejoin:round}.edge-dark{fill:none;stroke:#180e052e;stroke-width:3;stroke-linejoin:round}.paper-slip{fill:#fffdf2;stroke:#d5ceba;stroke-width:2;stroke-linejoin:round}.paper-mark{fill:none;stroke:#9faec0;stroke-width:2;opacity:.5}.slot-rim{fill:color-mix(in srgb,var(--cube) 48%,black)}.slot-hole{fill:#2d2118}.slot-glint{fill:#ffffff24}.box-name-svg{fill:color-mix(in srgb,var(--cube) 20%,black);font:700 25px Courier,monospace;letter-spacing:2px;paint-order:stroke;stroke:#ffffff1a;stroke-width:1px}.front-detail{fill:none;stroke:#ffffff1c;stroke-width:2}.box-nav{position:fixed;z-index:8;inset:0;pointer-events:none}.nav-chevron{position:absolute;top:50%;display:grid;place-items:center;width:clamp(42px,7vw,58px);height:72px;border:0;padding:0;background:transparent;color:var(--dark);opacity:.42;cursor:pointer;pointer-events:auto;transform:translateY(-50%);transition:opacity .15s ease,transform .15s ease}.nav-chevron:hover{opacity:.78}.nav-chevron:active{transform:translateY(-50%) scale(.9)}.nav-chevron:focus-visible{outline:2px dashed var(--dark);outline-offset:-4px;opacity:.9}.nav-chevron-left{left:max(2px,env(safe-area-inset-left))}.nav-chevron-right{right:max(2px,env(safe-area-inset-right))}.nav-chevron svg{stroke-width:1.35}.intro-title{position:fixed;z-index:5;inset:50% auto auto 50%;color:color-mix(in srgb,var(--cube) 24%,black);font:700 clamp(2.2rem,10vw,5rem) Courier,monospace;white-space:nowrap;transform:translate(-50%,-50%);animation:title-away .85s ease forwards}.is-intro .ballot-wrap{transform:scale(4.2);pointer-events:none}.is-intro .main-action{opacity:0;pointer-events:none}.is-intro .star-field{opacity:0}@keyframes title-away{0%,62%{opacity:1}to{opacity:0}}.modal-layer{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:calc(18px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));background:#18120d94;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .15s ease both}@keyframes fade-in{0%{opacity:0}}.modal-panel{position:relative;width:min(92vw,430px);max-height:min(86dvh,720px);border:2px solid color-mix(in srgb,var(--dark) 45%,transparent);border-radius:25px 19px 27px 20px;background:color-mix(in srgb,var(--page-bg) 86%,white);box-shadow:0 24px 70px #0000004d;color:var(--dark);overflow:auto;animation:panel-in .19s cubic-bezier(.2,.8,.3,1) both}@keyframes panel-in{0%{transform:scale(.95) rotate(-1deg);opacity:0}}.paper-panel{width:min(92vw,540px);min-height:min(72dvh,590px);border:0;border-radius:5px 2px 4px 3px;background:var(--paper);color:#302b25;transform:rotate(-.35deg);font-family:Courier,monospace;box-shadow:0 20px 60px #00000052,inset 0 0 50px #70572d0b}.icon-button{display:inline-grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:currentColor;cursor:pointer}.icon-button:hover{background:#00000014}.icon-button:focus-visible,.round-action:focus-visible,.settings-button:focus-visible{outline:3px dashed currentColor;outline-offset:3px}.modal-close{position:absolute;z-index:2;top:7px;right:7px}.idea-editor{min-height:inherit;display:flex;flex-direction:column;padding:62px clamp(22px,6vw,45px) 34px}.paper-input{width:100%;border:0;outline:0;background:transparent;color:inherit;font-family:Courier,monospace}.header-input{margin-bottom:18px;font-size:1.25rem;font-weight:700}.body-input{flex:1;min-height:260px;resize:none;font-size:1rem;line-height:1.6;background-image:repeating-linear-gradient(transparent 0,transparent 25px,rgb(80 103 135 / .15) 26px);background-attachment:local}.idea-editor .word-button{align-self:center;margin-top:20px;font-family:inherit}.viewer-stack{position:relative;width:min(94vw,720px);max-height:90dvh;display:flex;flex-direction:column;align-items:center;gap:14px}.viewer-close{position:absolute;z-index:2;top:-5px;right:0;background:var(--dark);color:#fff}.viewer-close:hover{background:var(--dark)}.viewer-actions{display:flex;gap:16px}.round-action{display:grid;place-items:center;width:47px;height:47px;border:0;border-radius:50%;background:var(--dark);color:#fff;cursor:pointer;box-shadow:0 4px color-mix(in srgb,var(--dark) 75%,black)}.round-action:active{transform:translateY(2px);box-shadow:0 2px color-mix(in srgb,var(--dark) 75%,black)}.idea-paper{display:block;border:0;background-color:var(--paper);color:#2d2924;font-family:Courier,monospace;box-shadow:0 14px 38px #0000003d,inset 0 0 36px #785f320a}.idea-paper h2{margin:0 0 1rem;font-size:clamp(1.15rem,5vw,1.65rem);line-height:1.18;overflow-wrap:anywhere}.idea-paper p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.flashcard{width:min(88vw,450px);max-height:58dvh;overflow:auto;padding:clamp(32px,8vw,58px);text-align:center;transform:rotate(.45deg)}.lined-page{width:min(91vw,660px);height:min(74dvh,700px);overflow-y:auto;padding:clamp(45px,8vw,72px) clamp(28px,8vw,68px);text-align:left;background-image:repeating-linear-gradient(transparent 0,transparent 27px,rgb(77 112 150 / .16) 28px);background-attachment:local}.browse-screen{position:fixed;z-index:20;inset:0;padding:calc(14px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left));background:var(--page-bg);overflow:hidden}.browse-tools{position:relative;z-index:1;width:min(100%,720px);height:62px;margin:0 auto 10px;display:flex;align-items:center;gap:10px}.search-wrap{flex:1;display:flex;align-items:center;gap:8px;padding:5px 14px;border:2px solid color-mix(in srgb,var(--dark) 50%,transparent);border-radius:22px 17px 21px 18px;background:#ffffff59}.search-wrap input{width:100%;border:0;outline:0;background:transparent;color:var(--dark)}.paper-list{position:relative;z-index:1;width:min(100%,720px);height:calc(100dvh - 100px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin:auto;padding:10px clamp(10px,4vw,30px) 70px;overflow-y:auto;overscroll-behavior:contain}.idea-preview{width:100%;height:150px;margin:0 0 20px;padding:25px 30px;overflow:hidden;text-align:left;cursor:pointer;transform:rotate(-.25deg)}.idea-preview:nth-child(2n){transform:rotate(.35deg)}.idea-preview h2{margin-bottom:.4rem;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.idea-preview p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;white-space:pre-wrap;font-size:.9rem}.minimal-message{position:relative;z-index:1;margin:18vh 0 0;text-align:center;font-size:.9rem}.settings-screen{position:relative;z-index:1;height:100%;display:flex;justify-content:center;align-items:center;gap:clamp(18px,7vw,45px)}.settings-button{display:grid;place-items:center;width:clamp(72px,21vw,100px);aspect-ratio:1;border:0;border-radius:50%;background:var(--dark);color:#fff;cursor:pointer;box-shadow:0 8px color-mix(in srgb,var(--dark) 76%,black),0 13px 30px #0000002e;transition:transform .16s ease}.settings-button:nth-child(2){transform:translateY(16px) rotate(2deg)}.settings-button:hover{transform:translateY(-4px) rotate(-2deg)}.settings-button:nth-child(2):hover{transform:translateY(12px) rotate(-1deg)}.simple-panel{display:grid;gap:24px;padding:66px clamp(25px,8vw,48px) 36px;text-align:center}.simple-panel>p{margin:0;font-weight:700}.button-row{display:flex;justify-content:center;gap:14px}.playful-input{width:100%;border:0;border-bottom:3px solid var(--dark);outline:0;padding:10px 8px;background:transparent;color:var(--dark);text-align:center;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.box-picker{max-height:70dvh;display:grid;gap:11px;padding:62px 24px 32px;overflow:auto}.box-choice{width:100%;min-height:52px;display:flex;align-items:center;gap:13px;border:2px solid color-mix(in srgb,var(--dark) 32%,transparent);border-radius:16px 12px 17px 13px;padding:10px 14px;background:#ffffff52;color:var(--dark);text-align:left;font-weight:700;cursor:pointer}.box-choice input{width:20px;height:20px;accent-color:var(--dark)}.color-dot{width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 2px #00000014}.box-picker .word-button{justify-self:center;margin-top:10px}.form-message{margin:0;color:var(--dark);font:.82rem/1.4 Courier,monospace}.auth-screen,.setup-screen{display:grid;place-items:center}.auth-paper{position:relative;z-index:1;width:min(86vw,390px);display:grid;gap:18px;padding:100px 34px 34px;border-radius:4px;background:var(--paper);color:#302b25;font-family:Courier,monospace;box-shadow:0 18px 60px #00000040;transform:rotate(-.35deg)}.auth-paper label{display:grid;gap:6px;font-weight:700;font-size:.8rem}.auth-paper input{width:100%;border:0;border-bottom:2px solid #5d4a37;padding:8px 3px;outline:0;background:transparent;font-family:inherit}.auth-paper .word-button{justify-self:center;font-family:inherit}.text-button{border:0;background:transparent;color:#655b50;text-decoration:underline;cursor:pointer;font-family:Courier,monospace;font-size:.8rem}.mini-box{position:absolute;left:50%;top:48px;width:58px;height:37px;background:var(--cube);transform:translate(-50%) skewY(5deg);box-shadow:10px 6px color-mix(in srgb,var(--cube) 70%,black)}.mini-box:before{content:"";position:absolute;left:0;top:-17px;width:58px;height:18px;background:color-mix(in srgb,var(--cube) 82%,white);clip-path:polygon(15% 0,100% 30%,84% 100%,0 67%)}.mini-box span{position:absolute;left:20px;top:-11px;width:25px;height:3px;border-radius:8px;background:color-mix(in srgb,var(--cube) 40%,black);transform:rotate(7deg)}.setup-note{position:relative;z-index:1;width:min(86vw,420px);display:grid;gap:16px;padding:36px;border-radius:4px;background:var(--paper);color:#302b25;font:1rem/1.5 Courier,monospace;text-align:center;box-shadow:0 18px 60px #0003}.boot-screen{display:grid;place-items:center;font:2rem Courier,monospace}.toast{position:fixed;z-index:100;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%) rotate(-1deg);padding:9px 16px;border-radius:12px 9px 13px 10px;background:var(--dark);color:#fff;font-size:.85rem;box-shadow:0 7px 20px #00000038;animation:toast-in .18s ease both}@keyframes toast-in{0%{transform:translate(-50%,10px);opacity:0}}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-height:650px){.box-screen{grid-template-rows:.7fr minmax(190px,55vh) .7fr;padding-block:12px}.ballot-wrap{width:min(60vw,280px,47vh)}.paper-panel{min-height:84dvh}.body-input{min-height:180px}}@media(max-width:520px){.settings-screen{gap:16px}.settings-button{width:76px}.idea-preview{height:138px;padding:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.is-intro .ballot-wrap{transform:none}.is-intro .main-action{opacity:1}}