@import "https://fonts.googleapis.com/css2?family=Playwrite+AU+QLD:wght@100..400&family=Hanken+Grotesk:wght@400;500;600;700&family=Caveat:wght@400;500;600;700&display=swap";:root{--color-forest-green:#3d6b52;--color-deep-pine:#2f5540;--color-record-red:#c8323a;--color-grape:#8062ca;--color-soft-lilac:#b9a4e6;--color-cream:#f3ead9;--color-ink-brown:#2c2418;--color-honey-gold:#d9b64e;--color-dusty-rose:#d46e74;--color-muted-teal:#2fa6a0;--color-accent:var(--color-forest-green);--color-surface:#faf6ec}@font-face{font-family:Skrapbook;src:url(/assets/Skrapbook-DZ1zewf8.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Advercase;src:url(/assets/Advercase-Regular-CCoJAIUk.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Advercase;src:url(/assets/Advercase-Bold-CkY-ZoNh.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Mellisa;src:url(/assets/Mellisa-Bqn1_unC.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Chocolate Crispy;src:url(/assets/Chocolate%20Crispy-DjpkuNcf.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--navbar-h:70px;--cream:var(--color-cream);--cream-dark:#e8dcc4;--ink:var(--color-ink-brown);--mat-green:var(--color-forest-green);--mat-green-dark:var(--color-deep-pine);--mat-line:#ffffff24;--mat-line-strong:#ffc87847;--font-display:"Skrapbook", "Georgia", serif;--font-ui:"Hanken Grotesk", system-ui, sans-serif;--font-serif:Georgia, "Times New Roman", serif;--font-script:"Playwrite AU QLD", cursive;--font-hand:"Advercase", sans-serif;--font-calligraphy:"Mellisa", cursive;--font-playful:"Chocolate Crispy", cursive;--font-caveat:"Caveat", cursive;--font-mono:"Courier New", ui-monospace, monospace;--ink-70:#5c5443;--ink-45:#8a8172;--line:#d8cdb4;--line-soft:#e3d9c4;--paper-line:#c9bfa8}*{box-sizing:border-box}body{font:16px/1.5 var(--font-serif);color:var(--ink);background-position:-1px -1px;margin:0}body,.bg-cutting-mat{background-color:var(--mat-green);background-image:linear-gradient(var(--mat-line-strong) 1px, transparent 1px), linear-gradient(90deg, var(--mat-line-strong) 1px, transparent 1px), linear-gradient(var(--mat-line) 1px, transparent 1px), linear-gradient(90deg, var(--mat-line) 1px, transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px}.page-style-plain{background:#fdfaf2}.page-style-ruled{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20400%20560'%20preserveAspectRatio='none'%3e%3c!--%20ruled%20journal%20sheet%20—%20full-bleed%20horizontal%20lines,%20no%20baked-in%20edge/border%20--%3e%3cdefs%3e%3cpattern%20id='ruled'%20width='400'%20height='28'%20patternUnits='userSpaceOnUse'%3e%3cline%20x1='0'%20y1='28'%20x2='400'%20y2='28'%20stroke='%23d9d4c5'%20stroke-width='1'/%3e%3c/pattern%3e%3c/defs%3e%3crect%20x='0'%20y='0'%20width='400'%20height='560'%20fill='%23fdfaf2'/%3e%3crect%20x='0'%20y='0'%20width='400'%20height='560'%20fill='url(%23ruled)'/%3e%3c/svg%3e") 0 0/100% 100% no-repeat,#fdfaf2}.page-style-dotted{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20400%20560'%20preserveAspectRatio='none'%3e%3c!--%20dotted%20journal%20sheet%20—%20full-bleed,%20no%20baked-in%20edge/border%20--%3e%3cdefs%3e%3cpattern%20id='dots'%20width='22'%20height='22'%20patternUnits='userSpaceOnUse'%3e%3ccircle%20cx='11'%20cy='11'%20r='1.3'%20fill='%23cfc9b8'/%3e%3c/pattern%3e%3c/defs%3e%3crect%20x='0'%20y='0'%20width='400'%20height='560'%20fill='%23fdfaf2'/%3e%3crect%20x='0'%20y='0'%20width='400'%20height='560'%20fill='url(%23dots)'/%3e%3c/svg%3e") 0 0/100% 100% no-repeat,#efe7d4}.page-style-grid{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20400%20560'%20preserveAspectRatio='none'%3e%3c!--%20grid%20paper%20sheet%20—%20journal%20/%20graph%20style,%20full-bleed,%20no%20baked-in%20edge/border%20--%3e%3cdefs%3e%3cpattern%20id='grid'%20width='24'%20height='24'%20patternUnits='userSpaceOnUse'%3e%3cpath%20d='M24%200%20L0%200%200%2024'%20fill='none'%20stroke='%23d9d4c5'%20stroke-width='1'/%3e%3c/pattern%3e%3c/defs%3e%3crect%20x='0'%20y='0'%20width='400'%20height='560'%20fill='%23faf7ee'/%3e%3crect%20x='0'%20y='0'%20width='400'%20height='560'%20fill='url(%23grid)'/%3e%3c/svg%3e") 0 0/100% 100% no-repeat,#efe7d4}.bg-brown-paper{background-color:#a8845c;background-image:repeating-linear-gradient(-40deg,#ffffff0a,#ffffff0a 2px,#0000 2px 6px)}.bg-cream{background-color:var(--cream-dark)}.editor-bench{background-color:#3a2b20;background-image:repeating-linear-gradient(#0000 0 118px,#00000057 118px 122px,#ffffff05 122px 124px),repeating-linear-gradient(90deg,#0000000d 0 3px,#ffffff05 3px 8px),linear-gradient(96deg,#4a3626,#3a2b20 55%,#33241a)}.navbar{z-index:50;height:var(--navbar-h);background:var(--cream);border-bottom:2px dashed var(--ink);justify-content:space-between;align-items:center;padding:.9rem 4.5rem .9rem 2rem;display:flex;position:sticky;top:0}.navbar__logo{font-family:var(--font-display);letter-spacing:.03em;color:var(--ink);font-size:1.6rem;text-decoration:none}.navbar__links{font-family:var(--font-display);align-items:center;gap:1.75rem;font-size:1.05rem;display:flex}.navbar__links a{color:var(--ink);text-decoration:none}.navbar__links a:hover{text-underline-offset:4px;text-decoration:underline}.navbar__cta{border:2px solid var(--ink);background:var(--mat-green);border-radius:999px;padding:.4rem 1rem;color:var(--cream)!important}.navbar__cta:hover{background:var(--mat-green-dark);text-decoration:none!important}.navbar__toggle{border:2px solid var(--ink);cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;padding:0;display:none}.navbar__toggle span{background:var(--ink);border-radius:2px;width:18px;height:2px;display:block}@media (width<=720px){.navbar{padding:.75rem 1.25rem}.navbar__logo{white-space:nowrap;text-overflow:ellipsis;font-size:1.3rem;overflow:hidden}.navbar__toggle{display:flex}.navbar__links{background:var(--cream);border-bottom:2px dashed var(--ink);flex-direction:column;align-items:stretch;gap:0;padding:.5rem 1.25rem 1rem;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 12px 20px #00000026}.navbar__links--open{display:flex}.navbar__links a{border-bottom:1px solid var(--cream-dark);padding:.75rem 0}.navbar__cta{text-align:center;margin-top:.75rem;border-bottom:none!important}}.ruler{z-index:40;background:var(--mat-green-dark);border-left:2px solid #00000040;width:3.25rem;padding-top:4.5rem;position:fixed;top:0;bottom:0;right:0}.ruler__track{flex-direction:column;justify-content:space-between;height:calc(100% - 2rem);padding:.5rem 0;display:flex}.ruler__mark{all:unset;cursor:pointer;color:#ffffff8c;flex-direction:row-reverse;align-items:center;gap:.4rem;transition:color .15s;display:flex}.ruler__mark:hover{color:#ffffffd9}.ruler__tick{background:currentColor;width:.65rem;height:2px}.ruler__number{font-family:var(--font-display);font-size:.8rem}.ruler__mark--active{color:#ffcf7a}.ruler__mark--active .ruler__tick{width:1.1rem;height:3px}.ruler__mark--active .ruler__number{font-size:.85rem;font-weight:700}@media (width<=640px){.ruler{width:2.25rem;padding-top:3.75rem}.ruler__number{display:none}}.paper-record{position:relative;overflow:visible}.paper-record__stage{transform-origin:0 0;width:460px;height:460px;position:relative}.paper-record__star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);filter:drop-shadow(2px 3px 2px #00000040);z-index:1;position:absolute}.paper-record__star-noise{position:absolute;inset:0}.paper-record__arm{transform-origin:18px 8px;z-index:3;filter:drop-shadow(3px 4px 3px #0000004d);width:36px;height:230px;transition:transform .5s;position:absolute;top:30px;left:255px}.paper-record__headshell{clip-path:polygon(6% 0%,94% 0%,100% 70%,78% 100%,22% 100%,0% 70%);background:#1c1c1c;border-radius:4px 4px 10px 10px;width:36px;height:46px;position:absolute;top:0;left:0}.paper-record__headshell-window{opacity:.85;border:2px solid #d8d8d8;border-radius:2px;width:24px;height:10px;position:absolute;top:8px;left:6px}.paper-record__headshell-dot{background:#0a0a0a;border-radius:50%;width:8px;height:8px;position:absolute;top:22px;left:14px}.paper-record__shaft{background:#1c1c1c;border-radius:3px;width:8px;height:150px;position:absolute;top:44px;left:14px}.paper-record__pivot{clip-path:polygon(15% 0%,85% 0%,100% 100%,0% 100%);background:#161616;border-radius:6px;width:32px;height:32px;position:absolute;top:184px;left:2px}.paper-record__disc{filter:drop-shadow(4px 6px 6px #00000059);z-index:2;border-radius:50%;width:340px;height:340px;transition:transform 8s linear;position:absolute;top:100px;left:15px}.paper-record__disc-noise{border-radius:50%;position:absolute;inset:0}.paper-record__groove{border:2px dashed #ffffff8c;border-radius:50%;position:absolute}.paper-record__groove--outer{inset:18px}.paper-record__groove--inner{border-color:#fff6;inset:46px}.paper-record__dot{background:#fff;border-radius:50%;position:absolute}.paper-record__dot--1{opacity:.8;width:5px;height:5px;top:60px;left:30px}.paper-record__dot--2{opacity:.7;width:4px;height:4px;top:80px;left:44px}.paper-record__dot--3{opacity:.8;width:5px;height:5px;top:250px;right:28px}.paper-record__dot--4{opacity:.7;width:4px;height:4px;top:270px;right:50px}.paper-record__label-shadow{filter:drop-shadow(2px 3px 3px #0000004d);border-radius:50%;width:150px;height:150px;margin:-75px 0 0 -75px;position:absolute;top:50%;left:50%}.paper-record__label{border-radius:50%;width:134px;height:134px;position:absolute;top:8px;left:8px}.paper-record__spindle{background:#0a0a0a;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:50%;left:50%}.paper-washi-fish{position:relative;overflow:visible}.paper-washi-fish__stage{transform-origin:0 0;width:626px;height:472px;position:relative}.paper-washi-fish__grain{pointer-events:none;position:absolute;inset:0}.paper-washi-fish__grain--round{border-radius:50%;inset:-34px}.paper-washi-fish__strip{filter:drop-shadow(3px 5px 4px #0000002e);z-index:1;background:#d46e746b;border-radius:2px;height:56px;position:absolute;overflow:hidden;box-shadow:inset 0 3px 6px #b4464e2e,inset 0 -3px 6px #b4464e2e}.paper-washi-fish__strip--top{width:540px;top:0;left:80px;transform:rotate(-4deg)}.paper-washi-fish__strip--middle{width:410px;top:226px;left:194px;transform:rotate(5deg)}.paper-washi-fish__strip--bottom{width:470px;top:416px;left:96px;transform:rotate(-5deg)}.paper-washi-fish__strip-svg--middle{position:absolute;top:0;left:24px}.paper-washi-fish__roll{box-sizing:border-box;filter:drop-shadow(5px 7px 6px #00000047);z-index:3;border:34px solid #cf5157;border-radius:50%;justify-content:center;align-items:center;width:210px;height:210px;display:flex;position:absolute;top:126px;left:0}.paper-washi-fish__roll-ring-a{border:1px solid #ffffff29;border-radius:50%;position:absolute;inset:4px}.paper-washi-fish__roll-ring-b{border:1px solid #78282e33;border-radius:50%;position:absolute;inset:14px}.paper-washi-fish__core{box-sizing:border-box;border:16px solid #eae6da;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;box-shadow:0 2px 4px #0000001f}.paper-washi-fish__core-inner{box-sizing:border-box;border:5px solid #d8d3c4;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.paper-washi-fish__hollow{border-radius:50%;width:100%;height:100%;box-shadow:inset 3px 4px 8px #5f191e59,inset -2px -3px 7px #64232833}.glitter-pens{font-family:Trebuchet MS,sans-serif;position:relative;overflow:visible}.glitter-pens__stage{transform-origin:0 0;width:760px;height:460px;position:relative}.glitter-pens__grain{pointer-events:none;border-radius:inherit;position:absolute;inset:0}.glitter-pens__loose{transform-origin:50%;filter:drop-shadow(3px 5px 4px #00000038);width:260px;height:22px;position:absolute;transform:rotate(-26deg)}.glitter-pens__wave{position:absolute;top:-34px;left:-104px;overflow:visible}.glitter-pens__tip-cone{clip-path:polygon(0 50%,100% 0,100% 100%);background:#e8eaee;border-radius:2px;width:36px;height:16px;position:absolute;top:3px;left:0}.glitter-pens__tip-metal{background:#9298a0;border-radius:2px;width:9px;height:4px;position:absolute;top:9px;left:-3px}.glitter-pens__barrel{background-image:radial-gradient(circle,#ffffffbf .7px,#0000 1.1px),radial-gradient(circle,#00000029 .7px,#0000 1.1px);background-position:0 0,2px 2px;background-size:5px 5px,4px 4px;border-radius:5px;width:168px;height:22px;position:absolute;top:0;left:34px}.glitter-pens__cap{border-radius:5px 9px 9px 5px;width:62px;height:22px;position:absolute;top:0;left:198px}.glitter-pens__clip{border-radius:2px;width:40px;height:4px;position:absolute;top:2px;left:212px}.glitter-pens__gloss{background:#ffffff73;border-radius:2px;width:220px;height:3px;position:absolute;top:3px;left:36px}.glitter-pens__case{z-index:6;filter:drop-shadow(6px 9px 8px #0000003d);width:260px;height:430px;position:absolute;top:64px;left:24px}.glitter-pens__case-body{background:#e2e6ec80;border:2px solid #ffffffb3;border-radius:12px;position:absolute;inset:0;box-shadow:inset 0 0 0 4px #ffffff40}.glitter-pens__case-lid{background:#d8dde599;border:1px solid #fff9;border-radius:8px;height:26px;position:absolute;top:-10px;left:-6px;right:-6px}.glitter-pens__set-row{justify-content:center;align-items:flex-start;gap:5px;display:flex;position:absolute;top:36px;left:18px;right:18px}.glitter-pens__set-pen{flex:none;width:14px;height:300px;position:relative}.glitter-pens__set-pen-barrel{background-image:radial-gradient(circle,#ffffffb3 .6px,#0000 1px),radial-gradient(circle,#00000024 .6px,#0000 1px);background-position:0 0,1.5px 1.5px;background-size:4px 4px,3.4px 3.4px;border-radius:7px;position:absolute;inset:0}.glitter-pens__set-pen-cap{border-radius:7px 7px 4px 4px;height:120px;position:absolute;top:0;left:0;right:0}.glitter-pens__set-pen-clip-top{border-radius:4px;width:8px;height:9px;position:absolute;top:-5px;left:3px}.glitter-pens__set-pen-clip-side{border-radius:2px;width:3px;height:52px;position:absolute;top:7px;right:1px}.glitter-pens__set-pen-highlight{background:#fff6;border-radius:2px;width:3px;height:280px;position:absolute;top:8px;left:3px}.glitter-pens__front-panel{background:#eceff3a8;border-top:1px solid #fffc;border-radius:0 0 12px 12px;height:158px;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 3px 8px #fff6}.glitter-pens__label{background:#fbfaf6;border-radius:5px;justify-content:space-between;align-items:center;height:74px;padding:0 16px;display:flex;position:absolute;bottom:26px;left:22px;right:22px;box-shadow:0 1px 3px #0000001f}.glitter-pens__label-text{flex-direction:column;line-height:1;display:flex}.glitter-pens__label-title{color:#2b2b30;letter-spacing:-.5px;font-size:26px;font-style:italic;font-weight:800}.glitter-pens__label-sub{color:#4a4a52;letter-spacing:3px;font-size:15px;font-weight:700}.glitter-pens__label-meta{color:#8a8a92;letter-spacing:1px;margin-top:3px;font-size:9px}.glitter-pens__label-badge{background:#d23b3b;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:0 1px 2px #0003}.glitter-pens__label-badge-num{color:#fff;font-size:24px;font-style:italic;font-weight:800}.hero-book{z-index:3;perspective:2000px;will-change:transform;cursor:pointer;position:absolute;top:50%;left:50%}.hero-book__shadow{filter:blur(2px);background:radial-gradient(#00000052,#0000 70%);width:340px;height:36px;position:absolute;bottom:-26px;left:50%;transform:translate(-50%)}.hero-book__stage{width:410px;height:530px;transform-style:preserve-3d;position:relative}.hero-book__page{background:#fdfaf2 url(/assets/rightpage-Bm_0aJtJ.svg) 50%/cover no-repeat;border-radius:4px 12px 12px 4px;flex-direction:column;justify-content:center;gap:26px;padding:54px 40px 40px 46px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 40px #2c24180f,0 10px 30px #00000047}.hero-book__page-text{font-family:var(--font-caveat);text-align:center;color:var(--ink);white-space:pre-line;margin:0;font-size:1.5rem;line-height:1.7}.hero-book__page-gutter{width:16px;position:absolute;top:0;bottom:0}.hero-book__page-gutter--right{background:linear-gradient(90deg,#2c241824,#2c241800);left:0}.hero-book__page-gutter--left{background:linear-gradient(270deg,#2c241824,#2c241800);right:0}.hero-book__cover{transform-origin:0;transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.hero-book__cover-front{backface-visibility:hidden;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:4px 12px 12px 4px;position:absolute;inset:0;box-shadow:0 14px 34px #0006}.hero-book__cover-inside{backface-visibility:hidden;background:#efe7d4 url(/assets/leftpage-CLK_Dz5P.svg) 50%/cover no-repeat;border-radius:12px 4px 4px 12px;flex-direction:column;justify-content:center;gap:26px;padding:54px 46px 40px 40px;display:flex;position:absolute;inset:0;overflow:hidden;transform:rotateY(180deg);box-shadow:inset 0 0 40px #2c24181a}.howto{--card-zoom:.7;scroll-margin-top:var(--navbar-h);padding:8.5rem 0 2.75rem;overflow-x:hidden}@media (width>=560px){.howto{--card-zoom:.85}}@media (width>=900px){.howto{--card-zoom:1}}@media (width>=1300px){.howto{--card-zoom:1.2}}@media (width>=1700px){.howto{--card-zoom:1.35}}.howto__head{text-align:center;margin:0 0 6px;padding:0 1.5rem}.howto__title{font-family:var(--font-display);color:var(--cream);margin:0 0 8px;font-size:30px;font-weight:400;line-height:1.15}.howto__hint{font:500 20px var(--font-ui);color:var(--cream);margin:0}.howto__scroller{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;align-items:stretch;padding:46px 0 26px;display:flex;overflow:auto hidden}.howto__scroller::-webkit-scrollbar{display:none}.howto__edge{flex:none}.howto__rail{zoom:var(--card-zoom);flex:none;align-items:center;gap:26px;padding:0 6px;display:flex;position:relative}.howto__rope{opacity:.85;background:repeating-linear-gradient(90deg,#ecbd84 0 9px,#aa7a3c 9px 18px);border-radius:2px;height:3px;position:absolute;top:-4px;left:6px;right:6px}.howto__card{text-align:left;background-image:linear-gradient(135deg,#fff6,#0000 45%,#0000000f);border:none;border-radius:16px;flex-direction:column;flex:none;gap:12px;width:296px;padding:22px 20px 20px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;box-shadow:0 10px 26px #2c241829}.howto__card:hover{transform:translateY(-6px);box-shadow:0 16px 32px #2c241838}.howto__card--rose{background-color:#c8323a}.howto__card--cream{background-color:#8062ca}.howto__card--gold{background-color:#d9b64e}.howto__card--paper{background-color:var(--cream)}.howto__card--teal{background-color:#2fa6a0}.howto__card--tap{font:inherit;color:inherit;cursor:pointer}.howto__tape{transform:translateX(-50%) rotate(var(--tilt,0deg));background:#f1ead9f2;border:1px solid #00000014;width:60px;height:24px;position:absolute;top:-18px;left:50%;box-shadow:0 3px 6px #00000026}.howto__tape--cream{background:#f3ead9e6;box-shadow:0 3px 6px #00000040}.howto__tape--rip{animation:.42s cubic-bezier(.3,.6,.4,1) forwards howto-tape-rip}.howto__card--ripping{animation:.3s howto-card-shake}.howto__card--ripping .howto-video{animation:.38s forwards howto-poster-spill}.howto__badge{color:#6f5738;font:700 10px/1 var(--font-ui);letter-spacing:.09em;text-transform:uppercase;background:#e3d5b4;border-radius:999px;align-self:flex-start;padding:5px 10px}.howto__card--paper .howto__badge{color:var(--mat-green-dark);background:#d7e6da}.howto__card-title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:22px;font-weight:400;line-height:1.15;display:block}.howto__card-sub{font:400 12.5px/1.5 var(--font-ui);color:#2c2418;margin:0;display:block}.howto__demo{border:1px solid var(--line);background:#fffdf7;border-radius:11px;height:184px;margin-top:2px;padding:14px;position:relative;overflow:hidden}.howto__demo--warm{border-color:#e3d5b4}.howto__demo--ink{background:#241d13;border-color:#ffffff1f}.howto__demo--stack{flex-direction:column;gap:10px;padding:13px;display:flex}.howto__demo--video{background:linear-gradient(#4a4033 0%,#c9beac 100%);border:none;padding:0;display:block}.howto__cursor{width:14px;height:14px;color:var(--ink);filter:drop-shadow(0 1px 2px #00000059);position:absolute;top:0;left:0}.howto__cursor svg{display:block}.howto__cursor--s1{animation:3s ease-in-out forwards howto-s1cursor}.howto__cursor--s2{animation:3s ease-in-out forwards howto-s2cursor}.howto__cursor--s3{color:var(--cream);filter:drop-shadow(0 1px 2px #00000080);animation:3s ease-in-out forwards howto-s3cursor}.howto-s1__label{font:600 10px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:#a79d88;margin:0 0 8px}.howto-s1__field{border:1.5px solid var(--line);height:34px;font:600 13px var(--font-ui);color:#a79d88;background:#fff;border-radius:8px;align-items:center;padding:0 11px;display:flex;overflow:hidden}.howto-s1__field--filled{color:var(--ink)}.howto-s1__typed{white-space:nowrap;width:0;animation:.9s steps(6,end) .25s forwards howto-s1type;display:inline-block;overflow:hidden}.howto-s1__caret{background:var(--ink);width:2px;height:14px;margin-left:2px;animation:.5s step-end infinite howto-s1blink;display:inline-block}.howto-s1__create{color:#8a7a55;font:700 12px var(--font-ui);background:#e3d5b4;border-radius:8px;margin-top:14px;padding:8px 16px;display:inline-flex}.howto-s1__create--go{background:var(--mat-green);color:var(--cream);animation:.3s 1.35s howto-s1press}.howto-s1__link{opacity:0;align-items:center;gap:6px;margin-top:12px;animation:.35s 1.75s forwards howto-s1in;display:flex}.howto-s1__url{border:1px dashed var(--line);background:var(--color-surface);font:500 11px var(--font-ui);color:#6f6653;white-space:nowrap;text-overflow:ellipsis;border-radius:7px;flex:1;padding:7px 9px;overflow:hidden}.howto-s1__copy{border:1px solid var(--line);background:var(--color-surface);border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;animation:.25s 2.45s howto-s1press;display:flex}.howto-s1__toast{background:var(--ink);color:var(--cream);font:600 10px/1 var(--font-ui);opacity:0;border-radius:6px;padding:4px 8px;animation:.3s 2.55s forwards howto-s1in;position:absolute;bottom:32px;right:16px}.howto-s2__swatches{gap:8px;display:flex}.howto-s2__swatch{border:1px solid #00000014;border-radius:6px;width:26px;height:26px}.howto-s2__swatch--pink{background:#f48fb1}.howto-s2__swatch--indigo{background:#5c67d6}.howto-s2__swatch--yellow{background:#ffd93d}.howto-s2__swatch--picked{border-width:2px;animation:.35s .25s forwards howto-s2ring}.howto-s2__q{align-items:center;gap:6px;margin-top:14px;display:flex;overflow:hidden}.howto-s2__q--idle{opacity:.55}.howto-s2__q-mark{font:700 11px var(--font-ui);color:#a79d88}.howto-s2__q-rule{border-bottom:1px dashed var(--line);flex:1;height:1px}.howto-s2__q-typed{white-space:nowrap;width:0;font:500 12px var(--font-ui);color:var(--ink);animation:1s steps(20,end) 1.1s forwards howto-s2type;display:inline-block;overflow:hidden}.howto-s2__pens{gap:7px;margin-top:14px;display:flex}.howto-s2__pens--idle{opacity:.5}.howto-s2__pen{border-radius:50%;width:16px;height:16px}.howto-s2__pen--wine{background:#7a2b45}.howto-s2__pen--green{background:var(--mat-green)}.howto-s2__pen--red{background:var(--color-record-red)}.howto-s2__pen--ink{background:var(--ink)}.howto-s2__pen--picked{animation:.3s 2s forwards howto-s2dot}.howto-s2__sticker{width:26px;height:26px;color:var(--color-record-red);border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;bottom:14px;left:14px}.howto-s2__sticker--idle{border:1px dashed var(--line)}.howto-s2__sticker--stuck{background:#fff3d6;animation:1s 2.3s forwards howto-s2sticker}.howto-s3__viewport{width:150px;height:100px;overflow:hidden}.howto-s3__reel{gap:22px;display:flex}.howto-s3__reel--flipping{animation:1.6s .1s forwards howto-s3reel}.howto-s3__page{border-radius:6px;flex:none;width:150px;height:100px}.howto-s3__page--cream{background:var(--cream)}.howto-s3__page--mint{background:#eef3ec}.howto-s3__page--butter{background:#fff7e6}.howto-s3__done{font:600 11px var(--font-ui);color:#f3ead999;border:1px solid #ffffff4d;border-radius:8px;align-items:center;gap:6px;margin-top:16px;padding:7px 14px;display:inline-flex}.howto-s3__done--filling{color:var(--cream);animation:.3s 2.15s forwards howto-s3fill}.howto-s3__check{opacity:0;animation:.3s 2.3s forwards howto-s3check}.howto-s3__spark{opacity:0;position:absolute}.howto-s3__spark--gold{color:#ffd93d;font-size:11px;animation:.5s 2.35s forwards howto-s3poof;bottom:36px;left:78px}.howto-s3__spark--pink{color:#f48fb1;font-size:9px;animation:.5s 2.45s forwards howto-s3poof;bottom:52px;left:92px}.howto-s4__label{font:600 10px var(--font-ui);color:#a79d88;margin:0 0 4px}.howto-s4__rule{border-bottom:1px dashed var(--line);height:1px;display:block}.howto-s4__line{align-items:center;gap:7px;display:flex}.howto-s4__cue{font:600 10px var(--font-ui);color:#6f6653;white-space:nowrap;margin:0}.howto-s4__typed{white-space:nowrap;width:0;font:500 11px var(--font-ui);color:var(--ink);animation:.8s steps(24,end) .2s forwards howto-s4type;display:inline-block;overflow:hidden}.howto-s4__photo{border-radius:5px;flex:none;width:34px;height:26px;display:block}.howto-s4__photo--empty{border:1px dashed var(--line)}.howto-s4__photo--filled{opacity:0;background:linear-gradient(135deg,#ffd93d,#f48fb1);animation:.35s 1.2s forwards howto-s4in}.howto-s4__wave{align-items:flex-end;gap:3px;height:14px;display:flex}.howto-s4__wave--idle{opacity:.4}.howto-s4__wave span{transform-origin:bottom;background:#a79d88;width:3px}.howto-s4__wave span:first-child{height:40%}.howto-s4__wave span:nth-child(2){height:70%}.howto-s4__wave span:nth-child(3){height:50%}.howto-s4__wave span:nth-child(4){height:90%}.howto-s4__wave span:nth-child(5){height:35%}.howto-s4__wave--live span{background:var(--mat-green);animation:.3s both howto-s4bar}.howto-s4__wave--live span:first-child{animation-delay:2.1s}.howto-s4__wave--live span:nth-child(2){animation-delay:2.2s}.howto-s4__wave--live span:nth-child(3){animation-delay:2.3s}.howto-s4__wave--live span:nth-child(4){animation-delay:2.4s}.howto-s4__wave--live span:nth-child(5){animation-delay:2.5s}.howto-s4__rec{background:var(--color-record-red);opacity:0;border-radius:50%;flex:none;width:6px;height:6px;animation:1s 2.1s 2 howto-s4dot,.2s 2.1s forwards howto-s4in}.howto-s4__who{color:#fff;width:16px;height:16px;font:700 8px/16px var(--font-ui);text-align:center;opacity:0;border-radius:50%;flex:none;animation:.3s forwards howto-s4in}.howto-s4__who--r{background:var(--color-record-red);animation-delay:.3s}.howto-s4__who--m{background:#5c67d6;animation-delay:1.3s}.howto-s4__who--j{background:var(--ink);animation-delay:2.15s}.howto-video{width:100%;height:100%;display:block;position:relative}.howto-video--modal{position:absolute;inset:0}.howto-video__play{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:auto;display:flex;position:absolute;inset:0;box-shadow:0 8px 20px #0000004d}.howto-video--modal .howto-video__play{width:68px;height:68px;box-shadow:0 10px 26px #00000059}.howto-video__tri{border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:14px solid var(--ink);width:0;height:0;margin-left:3px}.howto-video--modal .howto-video__tri{border-top-width:12px;border-bottom-width:12px;border-left-width:18px;margin-left:4px}.howto-video__bubble{background:#8a7a55;border:2px solid #fff;border-radius:50%;width:24px;height:24px;position:absolute;bottom:10px;left:12px}.howto-video--modal .howto-video__bubble{width:40px;height:40px;bottom:16px;left:16px}.howto-video__len{color:#fff;font:600 10px/1 var(--font-ui);background:#0000008c;border-radius:6px;padding:4px 8px;position:absolute;bottom:10px;right:10px}.howto-video--modal .howto-video__len{border-radius:7px;padding:6px 10px;font-size:11px;bottom:16px;right:16px}.howto__player-wrap{justify-content:center;padding:88px 1.5rem 44px;display:flex}.howto-player{background:#111;border-radius:16px;width:680px;max-width:100%;animation:.6s cubic-bezier(.22,.85,.32,1.05) forwards howto-player-drop;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000052}.howto-player__stage{background:linear-gradient(#4a4033 0%,#c9beac 100%);height:400px;position:relative}.howto-player__close{z-index:2;color:#fff;cursor:pointer;background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex;position:absolute;top:14px;right:14px}@keyframes howto-s1type{0%{width:0}to{width:62px}}@keyframes howto-s1blink{0%,to{opacity:1}50%{opacity:0}}@keyframes howto-s1press{0%,to{transform:scale(1)}50%{transform:scale(.9)}}@keyframes howto-s1in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes howto-s1cursor{0%,36%{transform:translate(146px,32px)}46%,56%{transform:translate(52px,80px)}80%,to{transform:translate(204px,118px)}}@keyframes howto-s2ring{0%{border-color:#00000014;box-shadow:0 0 #3d6b5200}to{border-color:#3d6b52;box-shadow:0 0 0 3px #3d6b5273}}@keyframes howto-s2type{0%{width:0}to{width:150px}}@keyframes howto-s2dot{0%{transform:scale(1);box-shadow:0 0 #0000}to{transform:scale(1.22);box-shadow:0 0 0 3px #3d6b5259}}@keyframes howto-s2cursor{0%,20%{transform:translate(28px,9px)}34%,44%{transform:translate(112px,60px)}64%,74%{transform:translate(22px,150px)}to{transform:translate(208px,22px)}}@keyframes howto-s2sticker{0%,72%{transform:translate(0)rotate(-6deg)}88%{transform:translate(198px,-126px)rotate(12deg)}to{transform:translate(202px,-130px)rotate(0)}}@keyframes howto-s3reel{0%,40%{transform:translate(0)}55%,75%{transform:translate(-172px)}90%,to{transform:translate(-344px)}}@keyframes howto-s3cursor{0%,58%{transform:translate(150px,150px)}72%,to{transform:translate(66px,150px)}}@keyframes howto-s3fill{0%{color:#f3ead9;background:0 0;border-color:#ffffff59}to{color:#fff;background:#4c8a68;border-color:#4c8a68}}@keyframes howto-s3check{0%{opacity:0;transform:scale(.4)rotate(-20deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes howto-s3poof{0%{opacity:1;transform:scale(.5)translateY(0)}to{opacity:0;transform:scale(1.5)translateY(-16px)}}@keyframes howto-s4type{0%{width:0}to{width:132px}}@keyframes howto-s4in{0%{opacity:0;transform:translateY(6px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes howto-s4bar{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}@keyframes howto-s4dot{0%,to{opacity:.45}50%{opacity:1}}@keyframes howto-tape-rip{0%{opacity:1;transform:translateX(-50%) rotate(var(--tilt,0deg))}55%{opacity:1;transform:translate(-14%)rotate(38deg)translateY(-10px)}to{opacity:0;transform:translate(28%)rotate(58deg)translateY(-54px)}}@keyframes howto-card-shake{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-3px)rotate(-1.1deg)}40%{transform:translate(3px)rotate(1.1deg)}60%{transform:translate(-2px)rotate(-.6deg)}80%{transform:translate(2px)rotate(.6deg)}}@keyframes howto-poster-spill{0%,35%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(18px)}}@keyframes howto-player-drop{0%{opacity:0;transform:translateY(-70px)rotate(-4deg)scale(.92)}55%{opacity:1;transform:translateY(14px)rotate(2deg)scale(1.02)}78%{transform:translateY(-5px)rotate(-1deg)scale(.99)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@media (width<=720px){.howto{padding:4rem 0 2rem}.howto__title{font-size:28px}.howto__hint{font-size:16px}.howto__scroller{padding:40px 0 22px}}@media (prefers-reduced-motion:reduce){.howto__demo,.howto__demo *,.howto__card--ripping,.howto__card--ripping .howto-video,.howto__tape--rip,.howto-player{animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.howto__cursor{display:none}.howto__card,.howto__card:hover{transition:none;transform:none}}.faq__list{flex-direction:column;gap:.9rem;max-width:720px;margin:0 auto;display:flex}.faq__item{background:#f7f2e6;border-radius:8px;overflow:hidden}.faq__item--open{border-color:#a49a86}.faq__row{width:100%;font-family:var(--font-ui);color:#000;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-size:1rem;display:flex}.faq__chevron{font-family:var(--font-display);color:#000;margin-left:1rem}.faq__answer{font-family:var(--font-serif);color:#413a3a;border-top:1px dashed #d8d0c0;padding:.9rem 1.25rem 1.1rem;font-size:1rem}.hero-track{height:380vh;position:relative}.hero{top:var(--navbar-h);justify-content:center;align-items:flex-start;height:100vh;min-height:100vh;display:flex;position:sticky;overflow:hidden}.hero__content{text-align:center;color:var(--cream);max-width:64rem;padding-top:8vh;padding-left:1rem}.hero__title{font-family:var(--font-display);letter-spacing:.02em;white-space:nowrap;text-shadow:0 1px #00000026;margin:0;font-size:clamp(1.5rem,2.9vw,2.4rem);font-weight:400;line-height:1}.hero__tagline{opacity:.95;max-width:64rem;margin:1.1rem auto 0}.hero__tagline-line{white-space:nowrap;font-family:var(--font-hand);letter-spacing:.03em;font-size:clamp(.95rem,1.6vw,1.25rem);display:block}.hero__tagline-line+.hero__tagline-line{margin-top:.5rem}@media (width<=900px){.hero__title,.hero__tagline-line{white-space:normal}}.hero__actions{z-index:6;justify-content:center;gap:1rem;margin-top:1.75rem;display:flex;position:relative}.hero-cta{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:.85rem 1.7rem;font-size:.98rem;text-decoration:none;transition:transform .2s;display:inline-flex}.hero-cta:hover{transform:translateY(-2px)}.hero-cta--primary{background:var(--cream);color:var(--ink);border:2px solid var(--ink);box-shadow:0 4px #00000040}.hero-cta--ghost{color:var(--cream);border:2px solid var(--cream);background:0 0}@media (width<=720px){.hero__actions{flex-direction:column;align-items:center}}.hero__record{z-index:1;filter:drop-shadow(0 4px 6px #00000040);transition:transform .25s;position:absolute;top:-3%;left:-2%;transform:rotate(-4deg)}.hero__record:hover{transform:rotate(-2deg)}@media (width<=1100px){.hero__record{transform:scale(.75)rotate(-4deg)}}@media (width<=720px){.hero__record{display:none}}.hero__pins{z-index:1;pointer-events:none;width:360px;position:absolute;top:44%;left:4%;transform:rotate(-2deg)}.hero__pins img{filter:drop-shadow(3px 5px 6px #00000040);width:100%;height:auto;display:block}@media (width<=1100px){.hero__pins{width:170px}}@media (width<=720px){.hero__pins{display:none}}.hero__poppins{z-index:1;pointer-events:none;width:280px;position:absolute;bottom:-4%;left:2%;transform:rotate(4deg)}.hero__poppins img{filter:drop-shadow(3px 5px 6px #00000040);width:100%;height:auto;display:block}@media (width<=1100px){.hero__poppins{width:130px}}@media (width<=720px){.hero__poppins{display:none}}.hero__washi-fish{z-index:1;pointer-events:none;position:absolute;bottom:-4%;right:-3%}@media (width<=1100px){.hero__washi-fish{transform-origin:100% 100%;transform:scale(.75)}}@media (width<=720px){.hero__washi-fish{display:none}}.hero__glitter-pens{z-index:1;pointer-events:none;transform-origin:100% 100%;position:absolute;bottom:40%;right:-8%;transform:rotate(-25deg)}@media (width<=1100px){.hero__glitter-pens{transform-origin:100% 100%;transform:scale(.75)rotate(-25deg)}}@media (width<=720px){.hero__glitter-pens{display:none}}.hero__polaroids{z-index:1;pointer-events:none;width:400px;position:absolute;top:-1%;right:-1%;transform:rotate(8deg)}.hero__polaroids img{filter:drop-shadow(4px 6px 8px #00000040);width:100%;height:auto;display:block}@media (width<=1100px){.hero__polaroids{width:260px}}@media (width<=720px){.hero__polaroids{display:none}}.wireframe-section{padding:5rem 4.5rem 5rem 2.5rem}.wireframe-section--alt{padding-bottom:7rem}.wireframe-tag{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:#f3ead98c;text-align:center;margin:0 0 .5rem;font-size:.75rem}.wireframe-heading{font-family:var(--font-display);text-align:center;color:var(--cream);margin:0 0 3rem;font-size:2.25rem}.name-step__card{flex-direction:column;gap:1.25rem;max-width:520px;margin:0 auto;display:flex}.name-step__label{font-family:var(--font-ui);color:var(--ink-45);flex-direction:column;gap:.4rem;font-size:.78rem;font-weight:600;display:flex}.name-step__input{font-family:var(--font-display);border:2px dashed var(--paper-line);color:var(--ink);background:#faf6ec;border-radius:8px;padding:.65rem .9rem;font-size:1.1rem}.name-step__input:focus{border-color:var(--ink);outline:none}.name-step__linkbox{border:2px dashed var(--ink);background:#faf6ec;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.name-step__link{font-family:var(--font-mono);word-break:break-all;color:var(--ink);flex:1;font-size:.8rem}.name-step__copy{font-family:var(--font-ui);background:var(--ink);color:var(--cream);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;padding:.6rem 1.1rem;font-size:.8rem;font-weight:600}.name-step__copy:hover{background:#453b2b}.name-step__warning{font-family:var(--font-ui);color:var(--ink-70);margin:0;font-size:.85rem}.name-step__error{max-width:520px;font-family:var(--font-ui);color:#b23a48;text-align:center;margin:.75rem auto 0;font-size:.85rem}.tracker{font-family:var(--font-ui);white-space:nowrap;align-items:center;gap:8px;font-size:.75rem;font-weight:600;display:flex}.tracker__item-wrap{align-items:center;gap:8px;display:flex}.tracker__connector{background:var(--line);flex-shrink:0;width:16px;height:1px}.tracker__item{align-items:center;gap:6px;display:flex}.tracker__dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:.68rem;display:flex}.tracker__item--done{color:var(--ink-45)}.tracker__item--done .tracker__dot{background:var(--line);color:var(--cream)}.tracker__item--current{color:var(--ink)}.tracker__item--current .tracker__dot{background:var(--ink);color:var(--cream)}.tracker__item--future{color:var(--ink-45)}.tracker__item--future .tracker__dot{border:1.5px solid var(--line)}.static-page{background:#fdfaf2;width:100%;height:100%;position:relative;overflow:hidden}.static-page__wash{background-color:var(--intro-bg);pointer-events:none;background-image:radial-gradient(120% 90% at 20% 0,#ffffff24,#0000 60%);position:absolute;inset:0}.static-page__bg{object-fit:fill;pointer-events:none;width:112%;height:112%;position:absolute;inset:-6%}.static-page__el{padding:2px;position:absolute}.static-page__text{font-family:var(--font-display);color:var(--ink);white-space:pre-wrap;line-height:1.2;display:block}.static-page__el--image img{border-radius:4px;display:block;box-shadow:0 2px 8px #00000040}.static-page__image-frame{border-radius:4px;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000040}.static-page__image--fill{object-fit:cover;width:112%;height:112%;display:block;position:absolute;inset:-6%}.static-page__prompt{font-family:var(--font-display);color:var(--ink);text-align:center;font-size:1rem;position:absolute;top:8%;left:10%;right:10%}.static-page__placeholder{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:#b8b0a0;text-align:center;font-size:.65rem;position:absolute;top:50%;left:10%;right:10%;transform:translateY(-50%)}.inspo-card{flex-direction:column;gap:.5rem;display:flex}.inspo-card__section-label{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-45);font-size:.65rem;font-weight:600}.inspo-card__meta{flex-direction:column;gap:.15rem;display:flex}.inspo-card__name{font-family:var(--font-display);color:var(--ink);font-size:.95rem}.inspo-card__blurb{font-family:var(--font-ui);color:var(--ink-45);font-size:.72rem}.inspo-preview{border-radius:8px;position:relative;overflow:hidden}.inspo-card--row .inspo-preview{height:84px}.inspo-card--panel .inspo-preview{height:150px}.inspo-preview--cover,.inspo-preview--intro{aspect-ratio:3/4;margin:0 auto}.inspo-scaled-page{width:100%;height:100%;position:relative;overflow:hidden}.inspo-scaled-page__native{transform-origin:0 0;width:420px;height:560px}.inspo-preview--page{background:var(--color-surface);flex-direction:column;justify-content:center;gap:.35rem;padding:.7rem;display:flex}.inspo-preview__q{font-family:var(--font-ui);color:var(--ink);margin:0;font-size:.7rem;font-weight:600}.inspo-preview__a{font-family:var(--font-ui);color:var(--ink);opacity:.75;margin:.15rem 0 0;font-size:.68rem;font-style:italic}.inspo-panel{background:var(--cream);border-left:1px solid var(--line);z-index:45;flex-direction:column;width:334px;max-width:90vw;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-14px 0 34px #00000029}.inspo-panel__header{border-bottom:1px dashed var(--line);padding:1rem 1.1rem .85rem}.inspo-panel__title-row{justify-content:space-between;align-items:center;display:flex}.inspo-panel__title{font-family:var(--font-display);color:var(--ink);font-size:1rem}.inspo-panel__close{color:var(--ink-45);cursor:pointer;background:0 0;border:none;padding:.3rem;font-size:.9rem;line-height:1}.inspo-panel__close:hover{color:var(--ink)}.inspo-panel__hint{font-family:var(--font-ui);color:var(--ink-45);margin:.5rem 0 0;font-size:.72rem;line-height:1.4}.inspo-panel__ctx{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);margin-top:.6rem;font-size:.65rem;font-weight:600;display:inline-block}.inspo-panel__list{flex-direction:column;flex:1;gap:1rem;padding:1rem 1.1rem;display:flex;overflow-y:auto}.inspo-panel__footer{border-top:1px dashed var(--line);padding:.85rem 1.1rem}.inspo-panel__done-btn{width:100%;font-family:var(--font-ui);border:1px solid var(--line);background:var(--color-surface);color:var(--ink);cursor:pointer;border-radius:999px;padding:.65rem 1rem;font-size:.78rem;font-weight:600}.inspo-panel__done-btn:hover{background:var(--cream-dark,var(--color-surface))}.inspo-section__note{font-family:var(--font-ui);color:#f3ead9bf;text-align:center;max-width:32rem;margin:-2rem auto 2.5rem;font-size:.8rem}.inspo-section__grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;max-width:960px;margin:0 auto;display:grid}.inspo-section__tile{border:2px dashed var(--line);background:var(--cream);cursor:pointer;text-align:left;font:inherit;border-radius:12px;flex-direction:column;gap:.4rem;padding:1rem;display:flex}.inspo-section__tile:hover{border-color:var(--color-accent)}.inspo-section__tile-count{font-family:var(--font-ui);color:var(--ink-45);font-size:.68rem}.inspo-flip-overlay{z-index:100;background:#1418128c;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.inspo-flip-modal{background:var(--cream);border-radius:16px;width:100%;max-width:900px;max-height:92vh;padding:1.25rem;overflow:auto;box-shadow:0 20px 50px #00000059}.inspo-flip-modal__header{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem;padding-bottom:.85rem;display:flex}.inspo-detail__eyebrow{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-45);margin:0 0 .2rem;font-size:.65rem;font-weight:600}.inspo-detail__title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:1.3rem}.inspo-flip-modal__hint{font-family:var(--font-ui);color:var(--ink-45);text-align:center;margin:0 0 1rem;font-size:.75rem}.inspo-card__flip-btn{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);cursor:pointer;background:0 0;border:none;margin-top:.4rem;padding:0;font-size:.7rem;font-weight:600;display:block}.inspo-card__flip-btn:hover{text-decoration:underline}@media (width<=720px){.inspo-panel{width:100%}}.color-picker{flex-direction:column;gap:8px;width:168px;display:flex}.color-picker__area{cursor:crosshair;touch-action:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);border-radius:6px;width:100%;height:110px;position:relative}.color-picker__area-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0006}.color-picker__hue{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:6px;width:100%;height:12px;position:relative}.color-picker__hue-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0006}.color-picker__hex-row{align-items:center;gap:6px;display:flex}.color-picker__hex-swatch{border:1px solid #00000040;border-radius:50%;flex-shrink:0;width:20px;height:20px}.color-picker__hex-input{min-width:0;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.02em;border:1px solid var(--line);background:var(--cream);color:var(--ink);border-radius:5px;flex:1;padding:4px 6px;font-size:.72rem}.color-picker__eyedropper{border:1px solid var(--line);background:var(--cream);width:26px;height:26px;color:var(--ink);cursor:pointer;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.color-picker__eyedropper:hover{background:#eef3ec}.text-toolbar{background:var(--cream);border:1px solid var(--line);white-space:nowrap;border-radius:12px;align-items:center;gap:5px;padding:6px 8px;display:flex;box-shadow:0 8px 20px #0000004d}.text-toolbar__font-wrap{position:relative}.text-toolbar__font-btn{border:1px solid var(--line);background:var(--color-surface);font-family:var(--font-ui);color:var(--ink-45);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:4px 8px;font-size:.7rem;font-weight:500;display:flex}.text-toolbar__font-glyph{font-family:var(--font-display);color:var(--ink);font-size:.85rem}.text-toolbar__caret{font-size:.55rem}.text-toolbar__font-popover{background:var(--cream);border:1px solid var(--line);z-index:600;border-radius:8px;flex-direction:column;min-width:130px;padding:4px;display:flex;position:fixed;box-shadow:0 6px 16px #00000038}.text-toolbar__font-option{text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.4rem .5rem;font-size:.8rem}.text-toolbar__font-option:hover{background:var(--color-surface)}.text-toolbar__font-option--active{background:#f0e9d6}.text-toolbar__stepper{border:1px solid var(--line);background:var(--color-surface);border-radius:8px;align-items:center;display:flex;overflow:hidden}.text-toolbar__stepper button{width:20px;height:24px;color:var(--ink-45);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:.8rem;display:flex}.text-toolbar__stepper button:last-child{color:var(--ink)}.text-toolbar__stepper button:hover{background:var(--cream-dark)}.text-toolbar__stepper-value{text-align:center;width:22px;min-width:20px;font-family:var(--font-ui);color:var(--ink);background:0 0;border:none;padding:0;font-size:.7rem;font-weight:600}.text-toolbar__stepper-value:focus{background:var(--cream-dark);border-radius:3px;outline:none}.text-toolbar__bold{border:1px solid var(--line);background:var(--color-surface);width:26px;height:26px;color:var(--ink);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-family:Georgia,serif;font-size:.75rem;font-weight:700;display:flex}.text-toolbar__bold:hover{border-color:var(--ink)}.text-toolbar__bold--active{border-color:var(--ink);background:#f0e9d6}.text-toolbar__align{border:1px solid var(--line);border-radius:8px;display:flex;overflow:hidden}.text-toolbar__align-btn{background:var(--color-surface);width:24px;height:24px;color:var(--ink-45);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex}.text-toolbar__align-btn:hover{color:var(--ink)}.text-toolbar__align-btn--active{background:var(--ink);color:var(--cream)}.text-toolbar__color-wrap{flex-shrink:0;position:relative}.text-toolbar__color-btn{cursor:pointer;border:2.5px solid #00000040;border-radius:50%;width:18px;height:18px;padding:1px}.text-toolbar__color-popover{background:var(--cream);border:1px solid var(--line);z-index:600;border-radius:8px;flex-direction:column;gap:8px;padding:5px 6px;display:flex;position:fixed;box-shadow:0 6px 16px #00000038}.text-toolbar__color-row{align-items:center;gap:5px;display:flex}.text-toolbar__swatch{cursor:pointer;border:1px solid #00000040;border-radius:50%;flex-shrink:0;width:14px;height:14px;padding:0}.text-toolbar__swatch--active{outline:2px solid var(--ink);outline-offset:1px}.text-toolbar__color-divider{background:var(--line);flex-shrink:0;width:1px;height:14px}.text-toolbar__custom-swatch{border:1px dashed var(--ink-45);cursor:pointer;border-radius:50%;flex-shrink:0;width:14px;height:14px;padding:0}.text-toolbar__custom-swatch--open{outline:2px solid var(--ink);outline-offset:1px}.text-toolbar__divider{background:var(--line);flex-shrink:0;width:1px;height:18px}.answer{cursor:pointer;border:1px dashed #0000;border-radius:8px;flex-direction:column;flex:1 1 0;gap:.35rem;min-height:56px;margin:-.4rem -.5rem;padding:.4rem .5rem;display:flex;position:relative}.answer:not(.answer--readonly):hover{border-color:var(--line)}.answer--selected{border-color:var(--ink);background:#faf6ec99}.answer--readonly{cursor:default}.answer--design{cursor:default;border-color:var(--line);background:#faf6ec66}.answer__placeholder{height:100%;font-family:var(--font-ui);color:#b8b0a0;margin:0;padding:.15rem .1rem;font-size:.8rem;font-style:italic}.answer--focus-mode .answer__textarea{cursor:pointer}.answer__question{font-family:var(--prompt-font,var(--font-display));font-style:var(--prompt-font-style,normal);font-size:calc(.9rem * var(--prompt-font-scale,1));letter-spacing:var(--prompt-font-tracking,normal);color:var(--ink);margin:0}.answer--one-line{flex-direction:row;align-items:baseline;gap:.4rem;min-height:0}.answer--one-line .answer__question{white-space:nowrap;flex-shrink:0}.answer--one-line .answer__body{flex:1;min-width:0;min-height:0}.answer--one-line .answer__textarea{white-space:pre;height:1.5em;overflow:hidden}.answer--one-line .answer__placeholder{height:auto}.answer--pin-bottom{margin-top:auto}.answer__toolbar{margin-bottom:.3rem}.answer__body{flex:1;min-height:26px;overflow:hidden}.answer__resize{cursor:ns-resize;touch-action:none;z-index:2;justify-content:center;align-items:center;height:12px;display:flex;position:absolute;bottom:-6px;left:0;right:0}.answer__resize-grip{background:var(--line);border-radius:2px;width:32px;height:4px}.answer__resize:hover .answer__resize-grip{background:var(--ink)}.answer__textarea{resize:none;border:none;border-bottom:1px dashed var(--paper-line);width:100%;height:100%;font-family:var(--font-ui);color:var(--ink);background:0 0;padding:.15rem .1rem;font-size:.82rem;line-height:1.55;overflow:hidden}.answer__textarea:focus{border-bottom-color:var(--ink);outline:none}.answer__textarea::placeholder{color:var(--paper-line);font-style:italic}.canvas-el{cursor:grab;-webkit-user-select:none;user-select:none;z-index:1;border:1px dashed #0000;padding:2px;position:absolute}.canvas-el--selected{border-color:var(--color-accent);z-index:100}.canvas-el--pinned-back.canvas-el--selected{z-index:1}.canvas-el--readonly{cursor:default}.canvas-el__handle{background:var(--cream);border:2px solid var(--color-accent);z-index:6;touch-action:none;border-radius:50%;width:12px;height:12px;position:absolute}.canvas-el__handle--tl{cursor:nwse-resize;top:-6px;left:-6px}.canvas-el__handle--tr{cursor:nesw-resize;top:-6px;right:-6px}.canvas-el__handle--bl{cursor:nesw-resize;bottom:-6px;left:-6px}.canvas-el__handle--br{cursor:nwse-resize;bottom:-6px;right:-6px}.canvas-el__delete-btn{background:var(--ink);color:#f0a3a3;cursor:pointer;z-index:6;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;display:flex;position:absolute;top:-28px;right:-6px}.canvas-el__delete-btn:hover{background:#453b2b}.canvas-el__rotate-line{background:var(--color-accent);z-index:5;pointer-events:none;width:1px;height:18px;position:absolute;bottom:-26px;left:50%;transform:translate(-50%)}.canvas-el__rotate-handle{background:var(--cream);border:1px solid var(--color-accent);color:#4a6350;cursor:grab;z-index:6;touch-action:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-44px;left:50%;transform:translate(-50%)}.canvas-el__rotate-handle:active{cursor:grabbing}.canvas-el__positions-handle{background:var(--cream);border:1px solid var(--color-accent);color:#4a6350;cursor:pointer;z-index:6;touch-action:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-44px;left:calc(50% + 26px)}.canvas-el__positions-menu{background:var(--cream);border:2px solid var(--color-accent);white-space:nowrap;z-index:7;border-radius:8px;flex-direction:column;gap:2px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 6px 16px #00000040}.canvas-el__positions-menu button{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:.35rem .5rem;font-size:.62rem}.canvas-el__positions-menu button:hover{background:#eef3ec}.canvas-el__toolbar--portal{z-index:500;position:fixed}.canvas-el__text{font-family:var(--font-display);color:var(--ink);white-space:pre-wrap;line-height:1.2;display:block}.canvas-el__textarea{font-family:var(--font-display);color:var(--ink);border:1px solid var(--color-accent);resize:none;background:#ffffffb3;border-radius:4px;min-width:160px;min-height:60px;line-height:1.2;display:block;overflow:hidden}.canvas-el__sticker{line-height:1;display:block}.canvas-el__sticker-img{pointer-events:none;display:block}.canvas-el__image{pointer-events:none;border-radius:4px;display:block;box-shadow:0 2px 8px #00000040}.canvas-el__image-frame{border-radius:4px;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000040}.canvas-el__image--fill{object-fit:cover;width:112%;height:112%;box-shadow:none;border-radius:0;position:absolute;inset:-6%}.canvas-el__audio-wrap{flex-direction:column;min-width:160px;display:flex}.canvas-el__audio-handle{letter-spacing:1px;height:16px;color:var(--ink-45);border:1px solid var(--line);cursor:grab;touch-action:none;background:#efe6d2;border-bottom:none;border-radius:5px 5px 0 0;justify-content:center;align-items:center;font-size:.6rem;line-height:1;display:flex}.canvas-el__audio{width:100%;height:32px;display:block}.canvas-el__link{white-space:nowrap;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;background:var(--ink);color:var(--cream);border-radius:999px;align-items:center;gap:.35em;text-decoration:none;display:inline-flex;box-shadow:0 3px 8px #00000040}.bookflip{margin:0 auto}.bookflip-font-wrap{display:contents}.bookflip-stage{position:relative}.bookflip__page{border-radius:3px;position:relative;overflow:hidden;box-shadow:inset 0 0 12px #00000014}.bookflip__spread-side{flex-direction:column;height:100%;padding:1.5rem 1.25rem;display:flex;position:relative;overflow:hidden}.bookflip__spread-side--bordered{padding:2.4rem 2.2rem}.bookflip__tint{opacity:.2;pointer-events:none;position:absolute;inset:0}.bookflip__border{top:-1px;left:-1px;right:-1px;bottom:calc(-1px - var(--border-bleed,3%));width:calc(100% + 2px);height:calc(100% + 1px + var(--border-bleed,3%));object-fit:fill;pointer-events:none;position:absolute}.bookflip__prompts{flex-direction:column;flex:1;gap:1rem;min-height:0;display:flex}.bookflip__prompt{flex-direction:column;flex:1;min-height:0;display:flex}.bookflip__prompt .bookflip__question{font-family:var(--prompt-font,var(--font-display));font-style:var(--prompt-font-style,normal);font-size:calc(.9rem * var(--prompt-font-scale,1));letter-spacing:var(--prompt-font-tracking,normal);color:var(--ink);margin:0 0 .5rem}.bookflip__answer-space{border-bottom:1px dashed var(--paper-line);flex:1;min-height:1.4rem}.bookflip__answers{flex-direction:column;flex:1;gap:.9rem;min-height:0;display:flex;overflow:hidden}.bookflip__spread-side--dimmed{filter:blur(3px);opacity:.55}.bookflip__invite{z-index:3;background:var(--cream);border:2px dashed var(--ink);text-align:center;border-radius:14px;width:min(78vw,300px);padding:1.5rem 1.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 40px #0006}.bookflip__invite-tag{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-45);font-size:.62rem;font-weight:600}.bookflip__invite-text{font-family:var(--font-display);color:var(--ink);margin:.5rem 0 1rem;font-size:1.15rem}.bookflip__invite-btn{font-family:var(--font-ui);background:var(--mat-green);color:var(--cream);cursor:pointer;border:none;border-radius:999px;padding:.6rem 1.3rem;font-size:.8rem;font-weight:600}.bookflip__invite-btn:hover{background:var(--mat-green-dark)}.bookflip__invite-status{font-family:var(--font-ui);color:var(--ink-45);margin:.8rem 0 0;font-size:.75rem}.editor-shell{background:var(--cream);flex-direction:column;height:100vh;display:flex;overflow:hidden}.editor-shell__topbar{flex-shrink:0}.editor-shell--fullscreen{background:var(--mat-green)}.editor-shell__topbar{background:var(--cream);border-bottom:2px dashed var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem 1.25rem;display:flex;position:relative}.editor-shell__topbar-group{align-items:center;gap:.6rem;min-width:0;display:flex}.editor-shell__title-block{align-items:baseline;gap:.5rem;min-width:0;display:flex}.editor-shell__eyebrow{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-45);white-space:nowrap;margin:0;font-size:.68rem;font-weight:600}.editor-shell__title{font-family:var(--font-display);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:clamp(160px,34vw,420px);padding:.25rem .4rem;font-size:1.15rem;display:inline-block;overflow:hidden}.editor-shell__title-input{font-family:var(--font-display);color:var(--ink);background:0 0;border:none;border-radius:6px;width:clamp(160px,34vw,420px);min-width:0;padding:.25rem .4rem;font-size:1.15rem}.editor-shell__title-input:hover{background:var(--cream-dark)}.editor-shell__title-input:focus{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--paper-line);outline:none}.editor-shell__status{white-space:nowrap}.editor-shell__saved{font-family:var(--font-ui);color:var(--ink-45);align-items:center;gap:5px;font-size:.72rem;font-weight:500;display:flex}.editor-shell__saved-dot{background:var(--color-accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.editor-shell__countdown-chip{font-family:var(--font-ui);color:var(--ink);border:1px solid var(--line);background:var(--color-surface);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.editor-shell__floating-controls{z-index:40;background:var(--cream);border:1px solid var(--line);border-radius:12px;align-items:center;gap:2px;padding:5px;display:flex;position:fixed;bottom:1.25rem;right:1.25rem;box-shadow:0 8px 22px #00000038}.editor-shell__divider{background:var(--line);flex-shrink:0;width:1px;height:18px;margin:0 2px}.editor-shell__zoom-label{font-family:var(--font-mono);color:var(--ink);cursor:pointer;background:0 0;border:none;min-width:38px;padding:0 .35rem;font-size:.62rem}.editor-shell__iconbtn{width:30px;height:30px;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.editor-shell__iconbtn:hover:not(:disabled){background:var(--color-surface)}.editor-shell__iconbtn--active{background:var(--color-surface);box-shadow:0 1px 3px #0000001f}.editor-shell__iconbtn--inspo-active{background:var(--color-accent);color:var(--cream)}.editor-shell__iconbtn--inspo-active:hover{background:var(--color-accent)}.editor-shell__iconbtn:disabled{opacity:.3;cursor:default}.editor-shell__primary-btn{font-family:var(--font-ui);background:var(--ink);color:var(--cream);cursor:pointer;white-space:nowrap;border:none;border-radius:999px;padding:.8rem 1.5rem;font-size:.85rem;font-weight:600}.editor-shell__primary-btn:hover:not(:disabled){background:#453b2b}.editor-shell__primary-btn:disabled{opacity:.4;cursor:default}.editor-shell__primary-btn--disabled-look{color:#7a7161;cursor:not-allowed;background:#c9c1ad}.editor-shell__primary-btn--disabled-look:hover{background:#c9c1ad}.editor-shell__primary-btn--green{background:var(--mat-green)}.editor-shell__primary-btn--green:hover:not(:disabled){background:var(--mat-green-dark)}.editor-shell__ghost-btn{font-family:var(--font-ui);border:2px solid var(--ink);color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:.78rem 1.4rem;font-size:.85rem;font-weight:600;display:inline-flex}.editor-shell__ghost-btn:hover{background:var(--cream-dark)}.editor-shell__ghost-btn--icon{padding:.6rem 1.1rem;font-size:.8rem}.editor-shell__body{flex:1;min-height:0;display:flex;position:relative}.editor-shell__sidebar{background:var(--cream);border-right:1px solid var(--line);flex-shrink:0;width:368px;padding:1.1rem 1.15rem 2rem;overflow-y:auto}.editor-shell__workspace{flex:1;justify-content:center;align-items:center;min-width:0;padding:2.5rem;display:flex;overflow:auto}.editor-shell__zoom-wrap{transform-origin:50%;justify-content:center;align-items:center;gap:4px;height:100%;display:flex}@media (width<=860px){.editor-shell{height:auto;min-height:100vh;overflow:visible}.editor-shell__body{flex-direction:column}.editor-shell__sidebar{border-right:none;border-bottom:1px solid var(--line);width:100%}.editor-shell__workspace{padding:1.5rem}.editor-shell__floating-controls{bottom:.75rem;right:.75rem}}.editor-shell__badge{flex-shrink:0}@media (width<=960px){.editor-shell__badge{display:none}}.studio__tabs{background:var(--cream-dark);border-radius:11px;gap:4px;margin-bottom:8px;padding:4px;display:flex}.studio__tab{font-family:var(--font-ui);color:var(--ink-45);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:.56rem 0;font-size:.75rem;font-weight:600;display:flex}.studio__tab--active{background:var(--color-surface);color:var(--ink);box-shadow:0 1px 3px #0000001f}.studio__tab-dot{background:var(--color-record-red,#c8323a);vertical-align:middle;border-radius:50%;width:7px;height:7px;display:inline-block}.studio__tab-dot--done{background:var(--color-accent)}.studio__tab-legend{font-family:var(--font-ui);color:var(--ink-45);align-items:center;gap:12px;margin:0 0 1.4rem;font-size:.68rem;display:flex}.studio__tab-legend span{align-items:center;gap:5px;display:flex}.studio__publish-wrap{align-items:center;display:flex;position:relative}.studio__publish-notice{width:max-content;max-width:240px;font-family:var(--font-ui);background:var(--color-record-red,#c8323a);color:var(--cream);border-radius:8px;margin-right:.6rem;padding:.5rem .7rem;font-size:.72rem;line-height:1.4}.studio__section{margin-bottom:1.6rem}.studio__label{font-family:var(--font-ui);color:var(--ink);margin:0 0 .7rem;font-size:.75rem;font-weight:700}.studio__label-count{color:var(--ink-45);font-weight:500}.studio__upload-error{font-family:var(--font-ui);color:#b23a48;margin:.5rem 0 0;font-size:.75rem}.studio__element-grid{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.studio__element-grid--3{grid-template-columns:1fr 1fr 1fr}.studio__element{border:1px solid var(--line);background:var(--color-surface);font-family:var(--font-ui);color:var(--ink);cursor:pointer;border-radius:11px;flex-direction:column;align-items:center;gap:.3rem;padding:.8rem .5rem;font-size:.68rem;font-weight:600;display:flex}.studio__element:hover:not(:disabled){border-color:var(--ink)}.studio__element--active{border-color:var(--ink);background:#f0e9d6}.studio__element:disabled{opacity:.4;cursor:default}.studio__element-icon{font-size:1.15rem;font-family:var(--font-serif)}.studio__swatch-row{flex-wrap:wrap;gap:.6rem;display:flex}.studio__page-swatch{border:1px solid var(--line);cursor:pointer;background-color:#fdfaf2;border-radius:6px;width:48px;height:62px;padding:0}.studio__page-swatch--active{outline:2px solid var(--ink);outline-offset:2px}.studio__label-row{justify-content:space-between;align-items:center;margin:0 0 .7rem;display:flex}.studio__label-row .studio__label{margin:0}.studio__font-pill-wrap{position:relative}.studio__font-pill{border:1px solid var(--line);background:var(--color-surface);font-family:var(--font-ui);color:var(--ink);cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:4px 8px;font-size:.68rem;font-weight:500;display:flex}.studio__font-pill-label{color:var(--ink-45)}.studio__font-pill-caret{color:var(--ink-45);font-size:.55rem}.studio__font-pill-popover{z-index:1;background:var(--cream);border:1px solid var(--line);border-radius:8px;flex-direction:column;min-width:130px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 6px 16px #00000038}.studio__font-pill-option{text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.4rem .5rem;font-size:.8rem}.studio__font-pill-option:hover{background:var(--color-surface)}.studio__font-pill-option--active{background:#f0e9d6}.studio__sticker-nav{gap:.3rem;display:flex}.studio__sticker-nav-btn{border:1px solid var(--paper-line);background:var(--color-surface);width:20px;height:20px;color:var(--ink);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:.85rem;line-height:1;display:flex}.studio__sticker-nav-btn:hover:not(:disabled){border-color:var(--ink)}.studio__sticker-nav-btn:disabled{opacity:.35;cursor:default}.studio__sticker-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:84px;gap:.5rem;display:grid}.studio__sticker{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:.35rem;font-size:2.2rem;display:flex}.studio__sticker:hover{border-color:var(--paper-line);background:var(--color-surface)}.studio__sticker img{object-fit:contain;width:100%;height:100%;margin:0 auto;display:block}.studio__page-swatch--picture{justify-content:center;align-items:center;padding:3px;display:flex}.studio__page-swatch--picture img{object-fit:contain;width:100%;height:100%;display:block}.studio__prompts{flex-direction:column;gap:.5rem;display:flex}.studio__prompt-row{align-items:center;gap:.4rem;display:flex}.studio__prompt-num{font-family:var(--font-ui);color:var(--ink-45);text-align:right;flex-shrink:0;width:1.1rem;font-size:.7rem;font-weight:600}.studio__prompt-input{min-width:0;font-family:var(--font-ui);border:none;border-bottom:1px dashed var(--paper-line);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;background:0 0;flex:1;padding:.3rem .1rem;font-size:.8rem;overflow:hidden}.studio__prompt-input:focus{border-bottom-color:var(--ink);outline:none}.studio__prompt-row--locked .studio__prompt-input{color:var(--ink-45);cursor:default}.studio__prompt-fixed{font-family:var(--font-ui);letter-spacing:.03em;text-transform:uppercase;color:var(--ink-45);flex-shrink:0;padding:.2rem .5rem;font-size:.65rem;font-weight:600}.studio__prompt-oneline{font-family:var(--font-ui);color:var(--ink-45);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;flex-shrink:0;padding:.2rem .5rem;font-size:.68rem;font-weight:600}.studio__prompt-oneline--active{color:var(--cream);background:var(--mat-green);border-color:var(--mat-green)}.studio__prompt-remove{color:#a4552e;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.2rem;font-size:.75rem}.studio__add-prompt{width:100%;font-family:var(--font-ui);border:1px dashed var(--ink);color:var(--ink);cursor:pointer;background:0 0;border-radius:9px;margin-top:.8rem;padding:.55rem 0;font-size:.78rem;font-weight:600}.studio__add-prompt:hover{background:var(--color-surface)}.studio__add-prompt:disabled{opacity:.4;cursor:default}.studio__suggestions{flex-direction:column;gap:.35rem;margin-top:.9rem;display:flex}.studio__suggestion{text-align:left;font-family:var(--font-ui);color:var(--ink-70);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.3rem .5rem;font-size:.75rem;font-style:italic}.studio__suggestion:hover{background:var(--cream-dark);color:var(--ink)}.studio__bg-row{flex-wrap:wrap;gap:.6rem;display:flex}.studio__bg-swatch{cursor:pointer;border:1px solid #0003;border-radius:50%;width:38px;height:38px;padding:0}.studio__bg-swatch--active{outline:2px solid var(--ink);outline-offset:2px}.studio__tint-row .studio__bg-swatch{width:24px;height:24px}.studio__tint-swatch--none{background:#fdfaf2;background-image:linear-gradient(45deg, transparent 46%, var(--paper-line) 48%, var(--paper-line) 52%, transparent 54%)}.studio__bg-divider{background:var(--line);align-self:stretch;width:1px;margin:0 2px}.studio__custom-swatch{border:1px dashed var(--ink-45);cursor:pointer;background:conic-gradient(#e63946,#ff9f45,#ffd93d,#5bbf6a,#2fa6a0,#4d9de0,#5c67d6,#a86fe0,#f48fb1,#e63946);border-radius:50%;width:38px;height:38px;padding:0}.studio__custom-swatch--active{outline:2px solid var(--ink);outline-offset:2px}.studio__custom-color{align-items:center;gap:8px;margin-top:.7rem;display:flex}.studio__custom-color input[type=color]{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;width:34px;height:34px;padding:0}.studio__custom-color-hex{min-width:0;font-family:var(--font-mono);border:1px solid var(--line);background:var(--color-surface);color:var(--ink);border-radius:8px;flex:1;padding:.45rem .6rem;font-size:.75rem}.studio__custom-color-hex:focus{border-color:var(--ink);outline:none}.studio__intro-wash{background-color:var(--intro-bg);border-radius:inherit;pointer-events:none;background-image:radial-gradient(120% 90% at 20% 0,#ffffff24,#0000 60%);position:absolute;inset:0}.studio__canvas{aspect-ratio:3/4;touch-action:none;background:#fdfaf2;border-radius:4px;flex-shrink:0;width:420px;height:560px;position:relative;overflow:visible;box-shadow:0 18px 44px #00000059}.studio__canvas-hint{text-align:center;font-family:var(--font-ui);color:var(--intro-ink,#c3b89f);pointer-events:none;justify-content:center;align-items:center;margin:0;padding:2rem;font-size:.85rem;font-style:italic;display:flex;position:absolute;inset:0}.spread{filter:drop-shadow(0 14px 28px #00000059);flex-shrink:0;gap:4px;display:flex}.spread__page{touch-action:none;flex-direction:column;flex-shrink:0;gap:1rem;width:420px;height:560px;padding:1.75rem 1.5rem;display:flex;position:relative;overflow:hidden}.spread__page--left{border-radius:6px 1px 1px 6px;box-shadow:inset -12px 0 16px -12px #00000059}.spread__page--right{border-radius:1px 6px 6px 1px;box-shadow:inset 12px 0 16px -12px #00000059}.spread__page--bordered{padding:2.75rem 2.5rem}.spread__tint{opacity:.2;pointer-events:none;position:absolute;inset:0}.spread__border{top:-1px;left:-1px;right:-1px;bottom:calc(-1px - var(--border-bleed,3%));width:calc(100% + 2px);height:calc(100% + 1px + var(--border-bleed,3%));object-fit:fill;pointer-events:none;position:absolute}.spread__empty{font-family:var(--font-ui);color:#b8b0a0;text-align:center;margin:auto;font-size:.82rem;font-style:italic}.studio__preview{z-index:100;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0;overflow:hidden}.studio__preview-close{z-index:101;border:2px solid var(--cream);width:40px;height:40px;color:var(--cream);cursor:pointer;background:#00000040;border-radius:50%;font-size:1rem;position:absolute;top:1.1rem;right:1.25rem}.studio__preview-close:hover{background:#00000073}@media (width<=860px){.spread{flex-direction:column}}.intro-modal__backdrop{z-index:200;background:#14120c99;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.intro-modal__card{background:var(--cream);border:2px solid var(--ink);border-radius:16px;width:100%;max-width:560px;max-height:88vh;padding:2rem 2rem 2.25rem;position:relative;overflow-y:auto;box-shadow:0 24px 60px #0006}.intro-modal__skip{width:30px;height:30px;color:var(--ink-45);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:flex;position:absolute;top:.9rem;right:.9rem}.intro-modal__skip:hover{background:var(--cream-dark);color:var(--ink)}.intro-modal__eyebrow{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-45);margin:0 0 .6rem;font-size:.68rem;font-weight:600}.intro-modal__title{font-family:var(--font-display);color:var(--ink);margin:0 0 .9rem;font-size:1.6rem;line-height:1.25}.intro-modal__body{font-family:var(--font-ui);color:var(--ink);margin:0 0 .8rem;font-size:.92rem;line-height:1.55}.intro-modal__heading{font-family:var(--font-display);color:var(--ink);margin:1.6rem 0 1rem;font-size:1.1rem}.intro-modal__steps{flex-direction:column;gap:1rem;margin:0 0 .4rem;padding:0;list-style:none;display:flex}.intro-modal__step{gap:.8rem;display:flex}.intro-modal__step-num{border:1.5px solid var(--paper-line);width:24px;height:24px;font-family:var(--font-ui);color:var(--ink-45);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:600;display:flex}.intro-modal__step-title{font-family:var(--font-ui);color:var(--ink);margin:0 0 .2rem;font-size:.88rem;font-weight:600}.intro-modal__step-text{font-family:var(--font-ui);color:var(--ink-70);margin:0;font-size:.82rem;line-height:1.5}.intro-modal__tips{flex-direction:column;gap:.5rem;margin:0 0 .4rem;padding:0;list-style:none;display:flex}.intro-modal__tips li{font-family:var(--font-ui);color:var(--ink-70);padding-left:1.1rem;font-size:.86rem;line-height:1.5;position:relative}.intro-modal__tips li:before{content:"•";color:var(--ink);position:absolute;left:0}.intro-modal__closing{font-family:var(--font-display);color:var(--ink);text-align:center;margin:1.6rem 0 1.2rem;font-size:1rem}.intro-modal__cta{width:100%;font-family:var(--font-ui);background:var(--ink);color:var(--cream);cursor:pointer;border:none;border-radius:999px;padding:.85rem 1rem;font-size:.9rem;font-weight:600;display:block}.intro-modal__cta:hover{background:#453b2b}.intro-modal__footer-note{font-family:var(--font-ui);color:var(--ink-45);text-align:center;margin:1.1rem 0 0;font-size:.78rem;line-height:1.5}.intro-modal__footer-note a{color:var(--ink);text-decoration:underline}.desktop-only{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2.5rem 1.75rem;display:flex}.desktop-only__sticker{margin-bottom:1rem;font-size:2.75rem}.desktop-only__title{font-family:var(--font-display);color:var(--cream);text-shadow:0 2px #00000026;margin:0 0 .75rem;font-size:clamp(1.6rem,6vw,2.2rem)}.desktop-only__text{font-family:var(--font-serif);color:#f3ead9e6;max-width:420px;margin:0;font-size:1.02rem}.desktop-only__home{font-family:var(--font-ui);border:2px solid var(--cream);color:var(--cream);border-radius:999px;margin-top:2rem;padding:.75rem 1.75rem;font-size:.9rem;font-weight:600;text-decoration:none}.desktop-only__home:hover{background:#f3ead91f}.create{flex-direction:column;min-height:100vh;display:flex}.create__topbar{background:var(--cream);border-bottom:2px dashed var(--ink);align-items:center;padding:.9rem 2rem;display:flex;position:relative}.create__step{position:absolute;left:50%;transform:translate(-50%)}.create__logo{font-family:var(--font-display);color:var(--ink);font-size:1.4rem;text-decoration:none}.create__body{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:980px;margin:0 auto;padding:2rem;display:flex}.create__heading{font-family:var(--font-display);color:var(--cream);text-align:center;margin:0 0 .5rem;font-size:1.7rem}.create__subheading{font-family:var(--font-ui);text-align:center;color:#f3ead9cc;margin:0 0 2.5rem}.create__actions{justify-content:center;margin-top:2.5rem;display:flex}.create__next{font-family:var(--font-ui);background:var(--ink);color:var(--cream);cursor:pointer;border:none;border-radius:999px;padding:.8rem 2.25rem;font-size:.95rem;font-weight:600}.create__next:hover:not(:disabled){background:#453b2b}.create__next:disabled{color:#7a7161;cursor:not-allowed;background:#c9c1ad}.create__card{background:var(--cream);border-radius:16px;padding:2rem;box-shadow:0 12px 32px #0000004d}.wordmark-menu{flex-shrink:0;position:relative}.wordmark-menu__trigger{font-family:var(--font-display);color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:.25rem .4rem;font-size:1.2rem;display:flex}.wordmark-menu__trigger:hover{background:var(--cream-dark)}.wordmark-menu__caret{font-family:var(--font-ui);color:var(--ink-45);font-size:.6rem}.wordmark-menu__popover{z-index:20;background:var(--cream);border:1px solid var(--line);border-radius:10px;flex-direction:column;min-width:180px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 28px #00000040}.wordmark-menu__item{text-align:left;width:100%;font-family:var(--font-ui);color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:.55rem .65rem;font-size:.85rem;font-weight:500;text-decoration:none;display:block}.wordmark-menu__item:hover{background:#faf6ec}.bookview{flex-direction:column;min-height:100vh;display:flex}.bookview__topbar{background:var(--cream);border-bottom:2px dashed var(--ink);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1.25rem;display:flex}.bookview__topbar-group{align-items:center;gap:12px;min-width:0;display:flex}.bookview__title{font-family:var(--font-display);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;max-width:clamp(160px,34vw,420px);font-size:1.35rem;overflow:hidden}.bookview__banner{font-family:var(--font-ui);color:var(--ink-70);text-align:center;background:#d9b64e;flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding:.6rem 1.25rem;font-size:.85rem;display:flex}.bookview__banner-copy{font-family:var(--font-ui);border:1px solid var(--ink);color:var(--ink);cursor:pointer;background:#faf6ec;border-radius:999px;flex-shrink:0;padding:.45rem .9rem;font-size:.78rem;font-weight:600}.bookview__banner-copy:hover{background:var(--cream-dark)}.bookview__stage{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:1.25rem;padding:2rem 1rem 2.5rem;display:flex;overflow:auto}.bookview__share-note{text-align:center;font-family:var(--font-ui);color:#e4dcc9;max-width:620px;margin:0;padding:0 1rem;font-size:.92rem;line-height:1.55}.bookview__share-note strong{color:#faf6ec}.bookview__missing{min-height:100vh;color:var(--cream);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.bookview__missing h1{font-family:var(--font-display)}.bookview__missing a{color:#ffcf7a}.focus-composer{z-index:30;background:#1e161080;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.focus-composer__card{background:var(--cream);border-radius:18px;width:100%;max-width:540px;max-height:100%;padding:1.75rem 1.75rem 1.5rem;overflow-y:auto;box-shadow:0 24px 60px #0006}.focus-composer__head{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.focus-composer__eyebrow{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-45);margin:0;font-size:.68rem;font-weight:600}.focus-composer__close{width:26px;height:26px;color:var(--ink-45);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;display:flex}.focus-composer__close:hover{background:var(--cream-dark);color:var(--ink)}.focus-composer__prompt{font-family:var(--font-display);color:var(--ink);margin:0 0 1rem;font-size:1.4rem;line-height:1.25}.focus-composer__textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:140px;font-family:var(--font-ui);color:var(--ink);background:#faf8f2;border-radius:10px;padding:.9rem 1rem;font-size:.95rem;line-height:1.55}.focus-composer__textarea:focus{border-color:var(--ink);background:#fff;outline:none}.focus-composer__textarea::placeholder{color:var(--paper-line);font-style:italic}.focus-composer__toolbar-row{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;align-items:center;gap:8px;margin-top:.9rem;padding-bottom:1.1rem;display:flex}.focus-composer__footer{justify-content:space-between;align-items:center;gap:12px;margin-top:1.1rem;display:flex}.focus-composer__nav{flex-shrink:0;padding:.6rem 1.1rem;font-size:.78rem}.focus-composer__dots{align-items:center;gap:6px;display:flex}.focus-composer__dot{background:var(--line);cursor:pointer;border:none;border-radius:50%;width:7px;height:7px;padding:0}.focus-composer__dot--done{background:var(--color-accent)}.focus-composer__dot--current{background:var(--ink);width:9px;height:9px}@media (width<=640px){.focus-composer{padding:1rem}.focus-composer__footer{flex-wrap:wrap}.focus-composer__dots{order:3;justify-content:center;width:100%;margin-top:.5rem}}.element-modal__backdrop{z-index:210;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.element-modal__card{border:1px solid var(--line);background:#f2efe8;border-radius:16px;width:100%;max-width:460px;padding:1.8rem 2rem 2rem;box-shadow:0 24px 56px #0000004d}.element-modal__head{justify-content:space-between;align-items:center;margin-bottom:1.1rem;display:flex}.element-modal__title{font-family:var(--font-serif);color:var(--ink);margin:0;font-size:1.3rem;font-weight:400}.element-modal__close{width:26px;height:26px;color:var(--ink-45);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;display:flex}.element-modal__close:hover{color:var(--ink);background:#e5e0d3}.element-modal__field{margin-bottom:1rem;display:block}.element-modal__field:last-of-type{margin-bottom:1.2rem}.element-modal__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-45);margin-bottom:.4rem;font-size:.62rem;display:block}.element-modal__label-row{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.element-modal__label-row .element-modal__label{margin-bottom:0}.element-modal__count{font-family:var(--font-mono);color:#b0a894;font-size:.6rem}.element-modal__input{width:100%;font-family:var(--font-serif);color:var(--ink);border:1px solid var(--line);background:#faf8f2;border-radius:8px;padding:.6rem .7rem;font-size:.88rem}.element-modal__input:focus{border-color:var(--ink);outline:none}.element-modal__footer{justify-content:flex-end;display:flex}.element-modal__add{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;background:var(--ink);color:var(--cream);cursor:pointer;border:none;border-radius:999px;padding:.55rem 1.4rem;font-size:.68rem}.element-modal__add:hover{background:#453b2b}.element-modal__add:disabled{color:#f2efe8;cursor:default;background:#cfc8b6}.element-modal__drop{border:1px dashed var(--paper-line);cursor:pointer;text-align:center;background:#faf8f2;border-radius:10px;flex-direction:column;align-items:center;gap:.4rem;padding:2.8rem 1rem;display:flex}.element-modal__drop--over{border-color:var(--ink);background:#efe9da}.element-modal__drop-icon{color:#b0a894;font-size:1.6rem}.element-modal__drop-text{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-45);margin:.3rem 0 0;font-size:.66rem}.element-modal__drop-hint{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:#b0a894;text-align:center;margin:.7rem 0 0;font-size:.6rem}.element-modal__drop-hint--error{color:#b23a48}.element-modal__audio-grid{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.element-modal__audio-option{border:1px dashed var(--paper-line);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);cursor:pointer;background:#faf8f2;border-radius:10px;flex-direction:column;align-items:center;gap:.5rem;padding:1.8rem .6rem;font-size:.64rem;display:flex}.element-modal__audio-option:hover{border-color:var(--ink)}.element-modal__audio-option--active{color:#a4552e;border-style:solid;border-color:#a4552e}.element-modal__audio-icon{font-size:1.3rem}.filleditor__subnav{background:var(--color-grape);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:.55rem 1.25rem;display:flex}.filleditor__subnav-text{font-family:var(--font-ui);color:var(--cream);align-items:center;gap:7px;margin:0;font-size:.78rem;display:flex}.filleditor__subnav-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.filleditor__subnav-btn{font-family:var(--font-ui);border:1.5px solid var(--cream);color:var(--cream);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:.45rem .95rem;font-size:.78rem;font-weight:600}.filleditor__subnav-btn:hover{background:#ffffff26}.filleditor__subnav-btn--primary{background:var(--cream);color:var(--color-grape);border-color:var(--cream)}.filleditor__subnav-btn--primary:hover{background:var(--color-soft-lilac);border-color:var(--color-soft-lilac)}.spread--focus-dim{filter:blur(2px);opacity:.5;pointer-events:none}.fill-sidebar__hint{font-family:var(--font-ui);color:var(--ink-45);margin:0 0 .8rem;font-size:.75rem;font-style:italic}.filled-success{flex-direction:column;min-height:100vh;display:flex}.filled-success__topbar{background:var(--cream);border-bottom:2px dashed var(--ink);align-items:center;gap:1rem;padding:.8rem 1.25rem;display:flex}.filled-success__stage{flex-direction:column;flex:1;align-items:center;gap:1.5rem;padding:2.75rem 1.5rem 3.5rem;display:flex}.filled-success__banner{text-align:center;flex-direction:column;align-items:center;gap:.5rem;max-width:560px;display:flex}.filled-success__chip{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:#e9dfc9;align-items:center;gap:7px;font-size:.7rem;font-weight:600;display:flex}.filled-success__chip-dot{background:var(--color-honey-gold);width:20px;height:20px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:.68rem;display:flex}.filled-success__title{font-family:var(--font-display);color:#faf6ec;margin:4px 0 0;font-size:clamp(1.8rem,4vw,2.2rem);font-weight:400;line-height:1.1}.filled-success__text{font-family:var(--font-ui);color:#e4dcc9;margin:6px 0 0;font-size:.95rem;line-height:1.55}.filled-success__thumb{background:#fdf4e0;border-radius:5px;width:150px;height:196px;padding:20px 14px 14px;position:relative;overflow:hidden;box-shadow:0 14px 30px #00000059}.filled-success__thumb-strip{background:#f7b7cd;height:11px;position:absolute;top:0;left:0;right:0}.filled-success__thumb-line{margin-bottom:8px}.filled-success__thumb-q{font-family:var(--font-display);color:var(--ink);margin:0 0 3px;font-size:.56rem}.filled-success__thumb-a{font-family:var(--font-ui);color:var(--ink-70);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.5rem;line-height:1.4;display:-webkit-box;overflow:hidden}.filled-success__thumb-sign{font-family:var(--font-display);color:var(--color-grape);font-size:.56rem;position:absolute;bottom:10px;right:12px}.filled-success__cta{border:2px solid var(--ink);text-align:center;background:#faf6ec;border-radius:16px;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:520px;padding:1.6rem 1.6rem 1.75rem;display:flex;box-shadow:0 16px 40px #0000004d}.filled-success__cta-title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:1.35rem}.filled-success__cta-text{font-family:var(--font-ui);color:var(--ink-70);max-width:400px;margin:2px 0 1rem;font-size:.88rem}.filled-success__cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.fill{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.fill__sticker{margin-bottom:1rem;font-size:3rem}.fill__title{font-family:var(--font-display);color:var(--cream);text-shadow:0 2px #00000026;margin:0 0 .75rem;font-size:clamp(1.8rem,4vw,2.8rem)}.fill__text{font-family:var(--font-serif);color:#f3ead9e6;max-width:480px;margin:0;font-size:1.05rem}.fill__soon{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:#f3ead980;margin-top:2.5rem;font-size:.7rem}.keepsake{flex-direction:column;min-height:100vh;display:flex}.keepsake__topbar{background:var(--cream);border-bottom:2px dashed var(--ink);flex-shrink:0;align-items:center;gap:12px;padding:.7rem 1.25rem;display:flex}.keepsake__title{font-family:var(--font-display);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:1.35rem;overflow:hidden}.keepsake__stage{flex:1;justify-content:center;align-items:center;padding:2rem 1rem 2.5rem;display:flex;overflow:auto}.keepsake__missing{min-height:100vh;color:var(--cream);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.keepsake__missing h1{font-family:var(--font-display)}.about-mat{min-height:100vh}.about-page{flex-direction:column;align-items:center;padding:4.5rem 1.5rem 6rem;display:flex}.about-letter{border:2px dashed var(--ink);background:#fdfaf2;border-radius:6px;width:100%;max-width:640px;padding:3.5rem 3rem 2.75rem;position:relative;transform:rotate(-.6deg);box-shadow:0 18px 0 -8px #0000002e,0 20px 30px #00000040}.about-letter__clip{pointer-events:none;width:64px;height:auto;position:absolute;top:-34px;left:50%;transform:translate(-50%)rotate(-4deg)}.about-letter__heading{font-family:var(--font-display);color:var(--ink);text-align:center;margin:.5rem 0 .4rem;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:400}.about-letter__sub{font-family:var(--font-serif);color:var(--ink-70);text-align:center;margin:0 0 2.25rem;font-size:1rem}.about-letter__body{font-family:var(--font-serif);font-align:center;color:var(--ink);font-size:1.05rem;line-height:1.75}.about-letter__body p+p{margin-top:1.15rem}.about-letter__link{color:var(--ink);text-underline-offset:3px;text-decoration-thickness:1.5px}.about-letter__signoff{font-family:var(--font-serif);color:var(--ink);margin:2rem 0 .25rem;font-size:1.05rem}.about-letter__signature{font-family:var(--font-display);color:var(--ink);margin:0;font-size:1.75rem}.about-page__back{font-family:var(--font-display);color:var(--cream);margin-top:2.5rem;font-size:.95rem;text-decoration:none}.about-page__back:hover{text-underline-offset:4px;text-decoration:underline}@media (width<=640px){.about-letter{padding:3rem 1.5rem 2.25rem}}