@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&family=Patrick+Hand&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;min-height:100%}html,body{background:radial-gradient(circle at 50% 16%,rgba(255,247,230,.95),rgba(255,247,230,.15) 38%,transparent 58%),linear-gradient(180deg,#f8efe4,#ead8c5 48%,#ddc6ae)}body{min-height:100vh;overflow:hidden;font-family:Outfit,sans-serif;color:#3c2d24}#root{min-height:100vh;overflow:hidden}button,input,textarea{font:inherit}.sketchbook-viewer{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;min-height:100svh;overflow:hidden;overscroll-behavior:none;background:radial-gradient(circle at 50% 14%,var(--sketchbook-bg-glow),var(--sketchbook-bg-glow-soft) 34%,transparent 56%),linear-gradient(180deg,var(--sketchbook-bg-top) 0%,var(--sketchbook-bg-mid) 50%,var(--sketchbook-bg-bottom) 100%)}.sketchbook-viewer :global(canvas){display:block;width:100%!important;height:100%!important;touch-action:none;user-select:none;-webkit-user-select:none}.sketchbook-ui-container{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;padding:40px;z-index:10}.sketchbook-controls{display:flex;justify-content:space-between;align-items:center;width:100%;pointer-events:none}.sketchbook-nav-button{pointer-events:auto;background:var(--sketchbook-ui-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--sketchbook-ui-border);color:var(--sketchbook-ui-color);width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.sketchbook-nav-button:hover:not(:disabled){background:var(--sketchbook-ui-bg-hover);transform:scale(1.1) translateY(-2px);box-shadow:0 12px 26px var(--sketchbook-ui-shadow);border-color:var(--sketchbook-ui-border-hover)}.sketchbook-nav-button:disabled{opacity:.2;cursor:not-allowed}.sketchbook-nav-button svg,.sketchbook-page-indicator svg{flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sketchbook-page-indicator{min-width:0;font-weight:400;font-size:.9rem;background:var(--sketchbook-ui-bg);padding:10px 20px;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--sketchbook-ui-border);display:flex;align-items:center;justify-content:center;letter-spacing:1px;white-space:nowrap;color:var(--sketchbook-ui-color)}.sketchbook-page-icon{margin-right:8px;opacity:.7}.polaroid-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:22px;opacity:0;pointer-events:auto;background:#18120e00;-webkit-backdrop-filter:blur(.01px);backdrop-filter:blur(.01px);transition:opacity .32s ease,background-color .32s ease,backdrop-filter .42s ease}.polaroid-overlay.is-visible{opacity:1;background:#18120e5c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.polaroid-overlay.is-closing{pointer-events:none}.polaroid-frame{width:min(440px,calc(100vw - 44px));max-height:calc(100svh - 44px);display:flex;flex-direction:column;padding:18px 18px 30px;border-radius:3px;color:#171310;background:#fffae6;box-shadow:0 34px 54px #00000070,0 14px 24px #0000003d,inset 0 0 0 1px #ffffffc7;transform:translateY(18px) scale(.96) rotate(-1.4deg);opacity:0;transition:opacity .32s ease,transform .42s cubic-bezier(.16,1,.3,1)}.polaroid-overlay.is-visible .polaroid-frame{opacity:1;transform:translateY(0) scale(1) rotate(-.4deg)}.polaroid-image-wrap{position:relative;width:100%;min-height:0;overflow:hidden;background:transparent;border:1px solid rgba(58,46,36,.2)}.polaroid-image-wrap img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;pointer-events:auto}.polaroid-caption{min-height:112px;max-height:24svh;overflow:auto;padding:22px 16px 0;font-family:Patrick Hand,Segoe Print,Bradley Hand,cursive;font-size:clamp(1.25rem,3.2vw,1.72rem);line-height:1.18;letter-spacing:0;text-align:left;color:#1d1814;scrollbar-width:thin;scrollbar-color:rgba(29,24,20,.25) transparent}.polaroid-caption::-webkit-scrollbar{width:4px;height:4px}.polaroid-caption::-webkit-scrollbar-track{background:transparent}.polaroid-caption::-webkit-scrollbar-thumb{background:#1d181440;border-radius:4px}.polaroid-caption::-webkit-scrollbar-thumb:hover{background:#1d181466}.polaroid-caption p,.polaroid-caption ul{margin:0}.polaroid-caption p+p,.polaroid-caption ul+p,.polaroid-caption p+ul{margin-top:.55em}.polaroid-caption ul{display:inline-block;padding-left:1.1em;text-align:left}.polaroid-caption h3,.polaroid-caption h4,.polaroid-caption h5{margin:0 0 .3em;font:inherit;font-size:1.12em}.polaroid-caption code{font-family:Outfit,sans-serif;font-size:.68em;padding:.08em .28em;border-radius:4px;background:#1d181414}@media(max-width:540px){.polaroid-overlay{padding:14px}.polaroid-frame{width:min(360px,calc(100vw - 28px));padding:14px 14px 24px}.polaroid-caption{min-height:92px;padding:18px 10px 0}.sketchbook-ui-container{padding:16px max(18px,env(safe-area-inset-right)) max(92px,calc(env(safe-area-inset-bottom) + 78px)) max(18px,env(safe-area-inset-left))}.sketchbook-controls{display:grid;grid-template-columns:48px minmax(116px,1fr) 48px;gap:12px;align-items:center}.sketchbook-nav-button{width:48px;height:48px}.sketchbook-page-indicator{justify-self:center;width:min(150px,100%);padding:9px 12px;font-size:.82rem;letter-spacing:.4px}}@media(max-width:380px)and (orientation:portrait){.sketchbook-ui-container{padding:14px max(14px,env(safe-area-inset-right)) max(86px,calc(env(safe-area-inset-bottom) + 72px)) max(14px,env(safe-area-inset-left))}.sketchbook-controls{grid-template-columns:44px minmax(104px,1fr) 44px;gap:10px}.sketchbook-nav-button{width:44px;height:44px}.sketchbook-page-indicator{width:min(132px,100%);padding-inline:10px;font-size:.78rem}}@media(max-height:720px){.polaroid-frame{width:min(330px,calc(100vw - 28px));padding-bottom:22px}.polaroid-caption{min-height:78px;max-height:20svh;padding-top:14px;font-size:1.22rem}}