:root{--kraft:#c69c68;--kraft-light:#d8b88b;--kraft-deep:#a57543;--kraft-ink:#38200a;--paper:#fbfaf7;--desk:#efede5;--line:#d4d0c8;--ink:#14231c;--muted:#4e594f;--blue:#1346ab;--blue-deep:#063187;--blue-soft:#dde8fd;--green:#005d32;--green-soft:#cff2da;--amber:#704000;--amber-soft:#fbe9c6;--red:#9b1f1b;--red-soft:#ffe4e0;--display:"Bricolage Grotesque", "Trebuchet MS", sans-serif;--body:"Hanken Grotesk", "Segoe UI", sans-serif;--hand:"Gochi Hand", "Comic Sans MS", cursive;--ease:cubic-bezier(.22, 1, .36, 1);--print-shadow:0 1px 2px #3d291940, 0 10px 24px #3d29192e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@supports (color:lab(0% 0 0)){:root{--kraft:lab(67.4722% 11.2381 33.5132);--kraft-light:lab(76.853% 7.17092 27.3807);--kraft-deep:lab(53.3967% 15.3529 35.2487);--kraft-ink:lab(15.1262% 10.2853 18.2199);--paper:lab(98.2809% -.0107884 1.5252);--desk:lab(93.6712% -.00822544 3.82535);--line:lab(83.8074% .356942 4.58459);--ink:lab(12.1742% -8.38184 2.40711);--muted:lab(36.4666% -5.92132 3.78248);--blue:lab(31.8923% 15.932 -59.59);--blue-deep:lab(22.7156% 15.9512 -52.5588);--blue-soft:lab(91.7586% -1.00663 -11.1604);--green:lab(34.1316% -35.5064 18.3726);--green-soft:lab(92.5524% -15.5344 7.96288);--amber:lab(32.3698% 19.2701 46.4411);--amber-soft:lab(93.2052% 2.0451 19.5494);--red:lab(34.6249% 50.1334 36.4938);--red-soft:lab(92.7784% 8.97124 5.50239);--print-shadow:0 1px 2px lab(18.6681% 7.83302 14.503/.25), 0 10px 24px lab(18.6681% 7.83302 14.503/.18)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--desk);color:var(--ink);font-family:var(--body);margin:0;font-size:16px;line-height:1.5}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;line-height:1.08}p{margin:0}a{color:var(--blue)}img{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.btn{background:var(--blue);min-height:48px;color:var(--paper);cursor:pointer;text-align:center;transition:background .15s, transform .15s var(--ease);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{background:var(--blue-deep);color:var(--paper)}.btn:active{transform:scale(.98)}.btn[disabled]{background:var(--line);color:var(--muted);cursor:not-allowed}.btn-quiet{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);background:0 0}.btn-quiet:hover{background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--muted)}.btn-ink{background:var(--ink)}.btn-ink:hover{background:#24382f;background:lab(21.5215% -10.0342 2.88551)}.btn-big{border-radius:14px;width:100%;min-height:60px;font-size:19px}.link-btn{min-height:44px;color:var(--blue);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:8px 4px;font-weight:600;text-decoration:underline}.link-btn.danger{color:var(--red)}.print{background:var(--paper);box-shadow:var(--print-shadow);border-radius:2px;padding:10px 10px 14px}.print img{object-fit:cover;width:100%}.print-note{font-family:var(--hand);overflow-wrap:anywhere;padding:10px 4px 0;font-size:20px;line-height:1.2}.index-card{background:var(--paper);box-shadow:var(--print-shadow);background-image:linear-gradient(#0000 0 46px,oklch(62% .13 25/.45) 46px 47px,#0000 47px);border-radius:4px;padding:22px}.logo{font-family:var(--display);letter-spacing:-.01em;color:inherit;align-items:center;gap:9px;font-size:21px;font-weight:800;text-decoration:none;display:inline-flex}.hero{background:var(--kraft);color:var(--kraft-ink);overflow:hidden}.hero-inner{max-width:1120px;padding:24px max(20px, env(safe-area-inset-right,0px)) 0 max(20px, env(safe-area-inset-left,0px));margin:0 auto}.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:end;gap:40px;padding-top:clamp(32px,7vw,76px);display:grid}.hero h1{letter-spacing:-.025em;color:var(--ink);font-size:clamp(40px,6.6vw,76px);font-weight:800}.hero p.lede{max-width:34em;color:var(--kraft-ink);margin-top:20px;font-size:clamp(18px,2vw,21px)}.hero .cta{flex-wrap:wrap;gap:10px;margin:28px 0 clamp(32px,6vw,72px);display:flex}.hero .btn-quiet{box-shadow:inset 0 0 0 1.5px var(--kraft-ink);color:var(--ink)}.hero .btn-quiet:hover{background:var(--kraft-light)}.hero-box{height:clamp(260px,34vw,400px);position:relative}.hero-box .print{width:46%;position:absolute}.hero-box .print:first-child{bottom:34%;left:6%;transform:rotate(-9deg)}.hero-box .print:nth-child(2){bottom:44%;left:30%;transform:rotate(3deg)}.hero-box .print:nth-child(3){bottom:32%;left:52%;transform:rotate(11deg)}.cardboard{background:var(--kraft-deep);border-radius:6px 6px 0 0;justify-content:center;align-items:center;height:46%;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 3px #bc8e58;box-shadow:inset 0 3px lab(62.7731% 13.1616 35.5841)}.cardboard span{font-family:var(--hand);color:var(--ink);font-size:clamp(24px,3vw,34px);transform:rotate(-2deg)}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,48px);max-width:1120px;margin:0 auto;padding:clamp(40px,7vw,72px) 20px;display:grid}.steps h2{margin-bottom:8px;font-size:22px;font-weight:700}.steps .n{font-family:var(--display);color:var(--kraft-deep);margin-bottom:6px;font-size:15px;font-weight:800;display:block}.foot{border-top:1px solid var(--line);text-align:center;color:var(--muted);padding:20px;font-size:14px}.banner-error{background:var(--red-soft);color:var(--red);border-radius:10px;margin-bottom:8px;padding:12px 16px;font-weight:600}.setup{background:var(--kraft);flex-direction:column;align-items:center;min-height:100dvh;padding:24px 20px 48px;display:flex}.setup form{background:var(--paper);width:min(560px,100%);box-shadow:var(--print-shadow);border-radius:6px;gap:20px;margin-top:clamp(24px,8vh,80px);padding:28px;display:grid}.setup h1{letter-spacing:-.02em;font-size:clamp(30px,5vw,40px);font-weight:800}.field{gap:6px;display:grid}.field label,.field-label{font-size:15px;font-weight:700}.field .hint{color:var(--muted);font-size:14px}.input{background:var(--paper);border:1.5px solid var(--line);border-radius:10px;width:100%;min-height:48px;padding:10px 12px}.input:focus{outline:2px solid var(--blue);outline-offset:0;border-color:var(--blue)}textarea.input{resize:vertical;min-height:96px;line-height:1.45}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip-btn{border:1.5px solid var(--line);cursor:pointer;background:0 0;border-radius:99px;min-height:36px;padding:4px 12px;font-size:14px}.chip-btn:hover{border-color:var(--muted)}.drop{background:var(--kraft);min-height:100dvh;color:var(--kraft-ink);flex-direction:column;display:flex;overflow-x:hidden}.drop-inner{flex-direction:column;flex:1;gap:18px;width:min(460px,100%);margin:0 auto;padding:18px 20px 24px;display:flex}.drop-from{color:var(--ink);font-size:15px;font-weight:700}.ask-card{animation:card-in .5s var(--ease) both;margin-top:10px;transform:rotate(-1.2deg)}.ask-card .small{color:var(--muted);height:30px;font-size:14px;font-weight:600;display:block}.ask-card h1{letter-spacing:-.02em;color:var(--ink);padding-top:12px;font-size:clamp(30px,8.6vw,38px);font-weight:800}@keyframes card-in{0%{opacity:0;transform:translateY(14px)rotate(1.5deg)}}.grow{flex:1}.file-label{position:relative;overflow:hidden}.file-label input{opacity:0;cursor:pointer;font-size:0;position:absolute;inset:0}.file-label:focus-within{outline:3px solid var(--ink);outline-offset:2px}.drop .btn-quiet{box-shadow:inset 0 0 0 1.5px var(--kraft-ink);color:var(--ink)}.drop .btn-quiet:hover{background:var(--kraft-light)}.drop .link-btn{color:var(--ink)}.compose-print{animation:card-in .4s var(--ease) both;transform:rotate(-1deg)}.compose-print img{max-height:42dvh}.compose-print textarea{resize:none;width:100%;font-family:var(--hand);background:0 0;border:0;min-height:66px;padding:10px 4px 2px;font-size:22px;line-height:1.2;display:block}.compose-print textarea:focus{outline:none}.compose-print textarea::placeholder{color:var(--muted)}.row{align-items:center;gap:10px;display:flex}.mic{background:var(--ink);width:48px;height:48px;color:var(--paper);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.mic.on{background:var(--red);animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.65}}.consent{color:var(--ink);cursor:pointer;align-items:flex-start;gap:12px;padding:4px 0;font-weight:600;display:flex}.consent input{width:24px;height:24px;accent-color:var(--blue);flex:none;margin:0}.drop .input{background:var(--kraft-light);border-color:var(--kraft-ink);color:var(--ink)}.drop .input::placeholder{color:var(--kraft-ink);opacity:.8}.notice{background:var(--paper);color:var(--red);border-radius:10px;padding:12px 14px;font-weight:600}.live-banner{background:var(--paper);color:var(--ink);animation:card-in .5s var(--ease) both;border-radius:10px;align-items:center;gap:12px;padding:10px;display:flex}.live-banner img{object-fit:cover;border-radius:4px;flex:none;width:56px;height:56px}.sent{flex-direction:column;flex:1;display:flex}.box-scene{height:min(50dvh,380px);margin-top:8px;position:relative}.box-scene .print{width:56%;animation:print-drop 1s var(--ease) both .15s;margin-left:-28%;position:absolute;bottom:22%;left:50%}.box-scene .print img{aspect-ratio:1}@keyframes print-drop{0%{transform:translateY(-46%)rotate(-7deg)scale(1.08)}to{transform:translateY(0)rotate(3deg)scale(1)}}.box-front{background:var(--kraft-deep);z-index:1;border-radius:6px;place-items:center;height:46%;display:grid;position:absolute;bottom:0;left:4%;right:4%;box-shadow:0 -2px #b78853,0 14px 26px #40271259;box-shadow:0 -2px lab(60.41% 14.1768 35.238),0 14px 26px lab(18.6164% 10.1142 18.838/.35)}.box-front span{font-family:var(--hand);color:var(--ink);text-align:center;padding:0 10px;font-size:28px;line-height:1.1;transform:rotate(-2deg)}.sent h1{letter-spacing:-.02em;color:var(--ink);font-size:38px;font-weight:800}.sent .thanks{font-family:var(--hand);min-height:30px;color:var(--ink);animation:card-in .5s var(--ease) both;font-size:24px;line-height:1.2}.topbar{padding:10px max(20px, env(safe-area-inset-right,0px)) 10px max(20px, env(safe-area-inset-left,0px));background:var(--paper);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex}.tabs{flex-wrap:wrap;gap:2px;display:flex}.tab{cursor:pointer;min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:0 14px;font-weight:600}.tab:hover{color:var(--ink)}.tab.on{background:var(--ink);color:var(--paper)}.count{background:var(--blue);color:var(--paper);border-radius:99px;margin-left:6px;padding:0 7px;font-size:13px;display:inline-block}.demo-bar{background:var(--ink);color:var(--paper);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;padding:8px 20px;font-size:14px;display:flex}.demo-bar a{color:var(--kraft-light);font-weight:700}.alert{background:var(--amber-soft);color:var(--amber);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 16px;font-weight:600;display:flex}.alert.bad{background:var(--red-soft);color:var(--red)}.page{max-width:1240px;padding:clamp(16px, 3vw, 28px) max(20px, env(safe-area-inset-right,0px)) 64px max(20px, env(safe-area-inset-left,0px));gap:20px;margin:0 auto;display:grid}.split{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:28px;display:grid}.stack{gap:20px;display:grid}.first-run{background:var(--kraft);color:var(--kraft-ink);border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(24px,4vw,48px);display:grid}.first-run h1{letter-spacing:-.025em;color:var(--ink);font-size:clamp(34px,5vw,56px);font-weight:800}.first-run .big-qr{background:var(--paper);width:clamp(220px,26vw,300px);box-shadow:var(--print-shadow);border-radius:6px;padding:14px;transform:rotate(-1.5deg)}.first-run .waiting{color:var(--ink);align-items:center;gap:10px;font-weight:700;display:flex}.dot{background:var(--ink);border-radius:50%;flex:none;width:11px;height:11px;animation:1.4s ease-in-out infinite pulse}.qr svg{width:100%;height:auto;display:block}.drop-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;grid-template-columns:minmax(180px,280px) minmax(0,1fr);align-items:start;gap:clamp(16px,2.4vw,28px);padding:clamp(14px,2vw,20px);display:grid}.drop-card.arrived{animation:land .8s var(--ease) both}@keyframes land{0%{opacity:0;transform:translateY(-40px)rotate(-1.5deg)scale(.97)}}.drop-card .print{transform:rotate(-1.2deg)}.drop-card .print img{aspect-ratio:4/3.4}.from{color:var(--muted);margin-top:10px;font-size:14px}.editor{gap:14px;min-width:0;display:grid}.editor-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.editor-head h3{font-size:15px;font-family:var(--body);font-weight:700}.counter{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.counter.over{color:var(--red);font-weight:700}.ai-tag{color:var(--muted);font-size:13px}.shimmer{border:1.5px dashed var(--line);min-height:96px;color:var(--muted);border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.shimmer .dot{background:var(--blue)}.flags{flex-wrap:wrap;gap:6px;display:flex}.flag{background:var(--amber-soft);color:var(--amber);border-radius:6px;padding:4px 10px;font-size:14px;font-weight:600}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.slot-pick{background:var(--desk);border-radius:10px;gap:8px;padding:12px;display:grid}.select{border:1.5px solid var(--line);background:var(--paper);border-radius:8px;width:100%;min-height:44px;padding:8px 10px}.check{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.check input{width:18px;height:18px;accent-color:var(--blue)}.sample{letter-spacing:.04em;color:var(--kraft-ink);background:var(--kraft-light);border-radius:4px;padding:1px 7px;font-size:12px;font-weight:700}.section-title{font-size:19px;font-weight:700}.done-row{border-top:1px solid var(--line);align-items:center;gap:12px;min-width:0;padding:10px 0;display:flex}.done-row img{object-fit:cover;border-radius:4px;flex:none;width:54px;height:54px}.done-row .text{flex:1;min-width:0}.done-row .cap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.done-row .where{color:var(--muted);font-size:14px}.live{color:var(--green);font-weight:700}.rail{gap:20px;display:grid;position:sticky;top:16px}.rail-block{gap:10px;display:grid}.rail-qr{background:var(--paper);border:1px solid var(--line);border-radius:6px;width:132px;padding:8px}.url{overflow-wrap:anywhere;color:var(--muted);font-size:13px}.slot-row{border-top:1px solid var(--line);justify-content:space-between;gap:10px;padding:6px 0;font-size:14px;display:flex}.slot-row b{font-variant-numeric:tabular-nums;white-space:nowrap}.slot-row span{color:var(--muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.narrow{gap:20px;max-width:720px;display:grid}.req-row{align-items:center;gap:8px;display:flex}.req-row .input{flex:1;min-width:0}.toast{left:50%;bottom:max(20px, env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--paper);box-shadow:var(--print-shadow);z-index:20;animation:card-in .3s var(--ease) both;border-radius:10px;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:8px 8px 8px 16px;display:flex;position:fixed;transform:translate(-50%)}.toast .link-btn{color:var(--kraft-light)}.wall{background:var(--kraft);min-height:100dvh;padding:24px 20px 56px}.wall-inner{gap:28px;max-width:1040px;margin:0 auto;display:grid}.wall h1{letter-spacing:-.025em;font-size:clamp(36px,6vw,60px);font-weight:800}.wall-grid{grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:26px;display:grid}.wall-grid .print:nth-child(3n+1){transform:rotate(-1.5deg)}.wall-grid .print:nth-child(3n+2){transform:rotate(1deg)}.wall-grid .print img{aspect-ratio:1}.poster{text-align:center;background:var(--paper);justify-items:center;gap:24px;max-width:680px;min-height:100dvh;margin:0 auto;padding:40px;display:grid}.poster h1{letter-spacing:-.025em;font-size:58px;font-weight:800}.poster .qr{width:min(380px,80vw)}.poster p{font-size:22px}.poster-actions{gap:8px;display:flex}@media print{.poster-actions{display:none}body{background:var(--paper)}}.prose{gap:14px;max-width:680px;margin:0 auto;padding:32px 20px 64px;display:grid}.prose h1{font-size:40px;font-weight:800}.prose h2{margin-top:14px;font-size:21px}@media (max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:0}.hero .cta{margin-bottom:28px}.split{grid-template-columns:minmax(0,1fr)}.rail{order:-1;position:static}.steps{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){.first-run{grid-template-columns:minmax(0,1fr);justify-items:start}.drop-card{grid-template-columns:minmax(0,1fr)}.drop-card .print{max-width:320px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
