@font-face{font-family:DiaryStory;src:url(/assets/fonts/DiaryStory.otf);font-display:swap}@font-face{font-family:Oliver;src:url(/assets/fonts/Oliver.ttf);font-display:swap}@font-face{font-family:Handwriting;src:url(/assets/fonts/Handwriting.otf);font-display:swap}@font-face{font-family:Lefty;src:url(/assets/fonts/Lefty.ttf);font-display:swap}@font-face{font-family:Pecita;src:url(/assets/fonts/Pecita.otf);font-display:swap}@font-face{font-family:Winkle;src:url(/assets/fonts/Winkle.ttf);font-display:swap}:root{--ink:#3a342a;--ink-soft:#5b5446;--silver:#8a8170;--accent:#c8651b;--f-title:"DiaryStory",cursive;--f-head:"Oliver",cursive;--f-body:"Handwriting",cursive;--f-list:"Lefty",cursive;--f-note:"Pecita",cursive;--f-index:"Winkle",cursive;--rule:18px}*{box-sizing:border-box}html{overflow:hidden}body{margin:0;background:transparent;overflow:hidden;font-family:var(--f-body);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:8px}.tag{font-family:var(--f-note);font-size:1.4rem;color:var(--silver)}.stage{position:relative;width:min(1000px,95vw);aspect-ratio:1035/734;perspective:2800px;perspective-origin:50% 45%}.book{position:absolute;inset:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:translate(-19%);transition:transform 1.05s cubic-bezier(.62,.04,.34,1);opacity:1;pointer-events:auto}body.editmode .book{opacity:1}.stage.open .book{transform:translate(0)}.full{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.sheet{position:absolute;inset:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-origin:50% 50%;transform:translateZ(var(--tz,0px)) rotateY(0);transition:transform 1.05s cubic-bezier(.62,.04,.34,1);will-change:transform}.sheet.flipped{transform:translateZ(var(--tz,0px)) rotateY(-180deg)}.sheet .face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.sheet .face.back{transform:rotateY(180deg)}.spiral{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1000;pointer-events:none}.content{position:absolute;inset:13.6% 11.8% 4% 53.6%;display:flex;flex-direction:column;overflow:hidden;opacity:0;transition:opacity .3s ease}.jw{display:inline-block}.eyebrow{font-family:var(--f-note);color:var(--silver);font-size:calc(var(--rule)*.95);line-height:var(--rule);transform:rotate(-1.3deg);margin:0 0 var(--rule)}.title{font-family:var(--f-title);font-size:calc(var(--rule)*1.7);line-height:calc(var(--rule)*2);margin:0 0 var(--rule);color:var(--ink);transform:rotate(-.6deg);overflow-wrap:break-word}.pitch{font-family:var(--f-body);font-size:calc(var(--rule)*.92);line-height:var(--rule);max-width:22ch;margin:0 0 var(--rule)}.pts{list-style:none;margin:0;padding:0}.pts li{font-family:var(--f-list);font-size:calc(var(--rule)*.9);line-height:var(--rule);color:var(--ink-soft);padding-left:1.3em;position:relative}.pts li:nth-child(odd){transform:rotate(-.35deg)}.pts li:nth-child(2n){transform:rotate(.35deg)}.pts li:before{content:"+";position:absolute;left:0;color:var(--accent)}.link{font-family:var(--f-note);color:var(--accent);font-size:calc(var(--rule)*1.05);line-height:var(--rule);text-decoration:none;border-bottom:2px solid rgba(200,101,27,.45);margin-top:var(--rule);align-self:flex-start;transform:rotate(-1deg)}.note{font-family:var(--f-note);color:var(--silver);font-size:calc(var(--rule)*1.05);line-height:var(--rule);margin-top:var(--rule);transform:rotate(-1deg)}.verso{position:absolute;inset:13% 53.3% 12.3% 11.7%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4%;overflow:hidden}.shot{position:relative;background:transparent;padding:0;margin:0;flex:0 0 auto}.verso.one .shot{width:72%}.verso.two .shot{width:54%}.shot img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.cap{font-family:var(--f-note);color:var(--silver);font-size:calc(var(--rule)*.8);line-height:1.1;text-align:center;margin-top:.45em}.nb-logo-mark{width:32%;align-self:flex-start;margin-left:6%;opacity:.95;mix-blend-mode:multiply;flex:0 0 auto}.nb-aside{position:absolute;color:#6f6452;line-height:1.18;transform-origin:top left;pointer-events:none;opacity:.9}body.editmode .book,body.editmode .sheet,body.editmode .face,body.editmode .spiral{pointer-events:none}body.editmode .nb-aside{pointer-events:auto;cursor:move}body.editmode .nb-aside:hover{outline:1px dashed rgba(120,110,90,.5);outline-offset:3px}.nb-aside.sel{outline:1.5px dashed rgba(200,101,27,.9)!important;outline-offset:4px;background:#ffeecd4d}#npanel{position:fixed;left:14px;bottom:14px;z-index:99999;background:#1c1812ed;color:#f3ead6;font:12px/1.45 ui-monospace,monospace;padding:10px 12px;border-radius:10px;max-width:320px;box-shadow:0 12px 34px -12px #0009}#npanel b{color:#e0a96a}#npanel button{font:11px ui-monospace,monospace;margin:6px 5px 0 0;padding:4px 9px;background:#f3ead6;color:#1c1812;border:none;border-radius:20px;cursor:pointer}#npanel button:hover{background:#fff}#npanel textarea{width:100%;height:64px;margin-top:8px;font:10px ui-monospace,monospace;display:none;border-radius:6px;border:none;padding:6px}.idx-head{font-family:var(--f-note);color:var(--silver);font-size:calc(var(--rule)*.95);line-height:var(--rule);margin:0 0 var(--rule);transform:rotate(-1deg)}.idx-title{font-family:var(--f-head);font-size:calc(var(--rule)*1.7);line-height:calc(var(--rule)*2);margin:0 0 var(--rule);color:var(--ink)}.idx-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(var(--rule)*.14);overflow:visible;flex:0 0 auto}.idx-item{font-family:var(--f-index);display:flex;justify-content:space-between;align-items:baseline;gap:.8em;font-size:calc(var(--rule)*.92);line-height:var(--rule);color:var(--ink);cursor:pointer;padding:.05em .15em;border-radius:4px;pointer-events:auto}.idx-item:hover{background:#c8651b1a;color:var(--accent)}.idx-item .n{font-family:var(--f-note);color:var(--silver)}.idx-item .c{font-family:var(--f-note);font-size:.9em;color:var(--silver)}.controls{display:flex;gap:12px;align-items:center}button{font-family:var(--f-list);font-size:1.05rem;background:#fff;border:1.5px solid #cdbfa0;border-radius:40px;padding:.28em 1.05em;cursor:pointer;transition:opacity .2s}button:disabled{opacity:.35;cursor:default}.prog{font-family:var(--f-note);color:var(--silver);min-width:3.6em;text-align:center}.mobile-book{display:none;position:absolute;inset:0;z-index:20;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform}.mobile-static,.mobile-stationary,.mobile-turn,.mobile-spread,.mobile-closed,.mobile-face{position:absolute;inset:0}.mobile-static{z-index:10}.mobile-book .content{opacity:1;transition:none}.mobile-book .nb-aside{opacity:.9}.mobile-stationary{z-index:35;pointer-events:none;will-change:opacity}.mobile-stationary.forward{clip-path:inset(0 49% 0 0)}.mobile-stationary.back{clip-path:inset(0 0 0 49%)}.mobile-turn{z-index:60;pointer-events:none;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-origin:50% 50%;will-change:transform}.mobile-cover-turn{position:absolute;inset:0;z-index:62;pointer-events:none;will-change:transform,opacity}.mobile-cover-front,.mobile-cover-back{position:absolute;inset:0;will-change:transform,opacity}.mobile-face{overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.mobile-face.front{transform:translateZ(.2px)}.mobile-face.back{transform:rotateY(180deg) translateZ(.2px)}body.editmode .mobile-book{display:none}@media(max-width:760px){body{padding:0;gap:10px}.stage{width:100vw}body:not(.editmode) .book{display:none}body:not(.editmode) .mobile-book{display:block}.controls{gap:8px;flex-wrap:wrap;justify-content:center;padding:0 6px}button{font-size:1rem;padding:.3em .8em}.prog{min-width:2.6em}}html.embedded-desktop body:not(.editmode) .book{display:block}html.embedded-desktop body:not(.editmode) .mobile-book{display:none}