:root{--site-bg-pattern:url(/1124.jpg);--bg:#fbeed1;--bg-soft:#fff5dc;--text:#5b4327;--text-h:#3a2a14;--accent:#d97706;--accent-h:#b45309;--border:#5b43272e;--shadow:0 12px 30px -12px #5b432759;--sans:ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Consolas, monospace;--brand:"Sniglet", system-ui, sans-serif;--spring-easing:linear(0, .009, .037 1.8%, .15 3.8%, .767 10.9%, .99, 1.131 17%, 1.174, 1.199 20.2%, 1.205 21.1%, 1.206, 1.202, 1.191 24.4%, 1.159 26.7%, 1.055 32.3%, 1.011 35.1%, .976, .96 41.7%, .957 43.8%, .96 46.2%, .997 56.8%, 1.008 62.9% 67.9%, .999 83.6%, 1);--spring-duration:1.667s;font:18px/1.5 var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}*{box-sizing:border-box}html{background:var(--bg);height:100%;min-height:100svh;margin:0;padding:0;overflow:hidden}body{background:var(--bg);height:100%;min-height:100svh;margin:0;padding:0;position:relative;overflow:hidden}body:before{content:"";z-index:0;background-image:var(--site-bg-pattern);opacity:.1;mix-blend-mode:multiply;pointer-events:none;background-repeat:repeat;background-size:1000px;position:fixed;inset:0}#app{z-index:1;flex-direction:column;min-height:100svh;display:flex;position:relative}.home{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;padding:32px;display:flex}.brand-block{flex-direction:column;align-items:center;gap:14px;display:flex}.brand{font-family:var(--brand);letter-spacing:-.02em;color:var(--text-h);margin:0;font-size:clamp(48px,9vw,96px);font-weight:400}.brand-tagline{letter-spacing:.01em;max-width:22em;color:var(--text);opacity:.72;margin:-16px 0 0;font-size:clamp(16px,2.7vw,20px);font-weight:400;line-height:1.35}.logo-interaction{-webkit-user-select:none;user-select:none;cursor:pointer}.logo-interaction__char{cursor:pointer;transition:color .2s;display:inline-block}.logo-interaction__char--instant{transition:none}.brand-link{font-family:var(--brand);color:var(--text-h);font-size:22px;font-weight:400;text-decoration:none}.brand-link:hover:not(.logo-interaction){color:var(--accent-h)}.brand-link.logo-interaction:hover{color:var(--text-h)}.primary-btn{font:inherit;border:2px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;box-shadow:var(--shadow);border-radius:999px;padding:12px 24px;font-size:18px;font-weight:600;transition:transform .15s,background .15s,box-shadow .15s}.primary-btn:hover:not(:disabled){background:var(--accent-h);border-color:var(--accent-h);transform:translateY(-1px)}.primary-btn:disabled{opacity:.6;cursor:progress}.paper-page{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.paper-header{z-index:2;pointer-events:none;align-items:baseline;gap:16px;padding:16px clamp(16px,4vw,48px);display:flex;position:absolute;top:0;left:0}.paper-header .brand-link,.paper-header .paper-id{pointer-events:auto}.paper-id{font-family:var(--mono);color:var(--text);opacity:.7;font-size:14px}.paper-stage{position:absolute;inset:0;overflow:hidden}.play-paper-surface{position:absolute;inset:0}.play-paper-surface__inner{transform-origin:50%;width:100%;height:100%;position:relative}.play-good-job{z-index:0;pointer-events:none;line-height:1.2;font-family:var(--brand);text-shadow:0 1px #ffffff80;white-space:nowrap;--play-good-rot:0deg;transform:translateX(-50%) translateY(calc(-100% + 18px)) rotate(var(--play-good-rot,0deg)) scale(.98);opacity:0;transition:transform var(--spring-duration) var(--spring-easing), opacity .45s ease 60ms;margin:0;padding:0;font-size:clamp(1.32rem,4.1vw,1.8rem);font-weight:400;position:absolute}.play-good-job--in{transform:translateX(-50%) translateY(-100%) rotate(var(--play-good-rot,0deg)) scale(1);opacity:1}.play-good-job--reduced{transform:translateX(-50%) translateY(-100%) rotate(var(--play-good-rot,0deg)) scale(1);opacity:0;transition:opacity .3s}.play-good-job--reduced.play-good-job--in{opacity:1}.paper-viewport-canvas{z-index:1;width:100%;height:100%;image-rendering:pixelated;cursor:crosshair;touch-action:none;display:block;position:relative}.palette{left:50%;bottom:max(12px, env(safe-area-inset-bottom,0px));z-index:100;width:max-content;max-width:calc(100vw - 32px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));background:color-mix(in srgb, var(--bg-soft) 92%, transparent);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;flex-flow:wrap;justify-content:center;align-items:center;gap:8px 10px;margin:0;padding:10px 14px;display:flex;position:fixed;transform:translate(-50%)}.swatch{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.swatch.selected .swatch-color{outline:3px solid var(--accent-h);outline-offset:2px;box-shadow:0 4px 12px -4px #b453098c}.swatch-color{border:1px solid var(--border);border-radius:8px;width:40px;height:40px;box-shadow:0 2px 6px -3px #5b432766}.loading,.error{font-family:var(--mono);opacity:.7;font-size:16px}.error{color:#b91c1c;opacity:1}.muted{color:var(--text);opacity:.7;max-width:28em}.text-link,a.text-link{color:var(--accent);font-weight:600;text-decoration:none}.text-link:hover{color:var(--accent-h);text-decoration:underline}.text-links{flex-wrap:wrap;justify-content:center;gap:10px 18px;display:flex}.home{flex:1;justify-content:center;min-height:0;padding-top:0}.home-top{z-index:2;pointer-events:auto;padding:12px 16px;position:fixed;top:0;right:0}.home .brand-block{margin-top:1rem}.secondary-btn{font:inherit;border:2px solid var(--border);background:var(--bg-soft);color:var(--text);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:15px;font-weight:600;transition:background .15s,border-color .15s;box-shadow:0 2px 8px -4px #5b432733}.secondary-btn:hover:not(:disabled){border-color:var(--accent);color:var(--text-h);background:#fff8eb}.secondary-btn:disabled{opacity:.5;cursor:not-allowed}.paper-page--readonly .paper-viewport-canvas{cursor:default}.play-page .paper-header,.share-header,.play-header{box-sizing:border-box;pointer-events:auto;flex-wrap:wrap;align-items:center;gap:8px 16px;width:100%;max-width:100%;right:0}.play-nav{flex-wrap:wrap;gap:10px 16px;font-size:15px;display:flex}.play-header .play-nav{margin-left:auto}.error-toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom,0px));z-index:1000;max-width:min(420px,100vw - 32px);color:var(--text-h);background:color-mix(in srgb, #fff 96%, var(--accent) 4%);border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));box-shadow:var(--shadow);opacity:0;pointer-events:none;border-radius:12px;padding:12px 18px;font-size:15px;line-height:1.4;transition:opacity .25s,transform .25s;position:fixed;transform:translate(-50%)translateY(8px)}.error-toast--visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.paper-stage .play-transient-status{z-index:2;text-align:center;margin:0;padding:8px 16px;position:relative}.page-shell{box-sizing:border-box;flex-direction:column;flex:1;max-width:100%;min-height:0;padding:24px clamp(16px,4vw,40px) 32px;display:flex;overflow:auto}.page-header{flex-flow:column wrap;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.page-header .play-nav,.page-header .text-links{justify-content:flex-start;width:100%}.page-title{font-family:var(--brand);color:var(--text-h);width:100%;margin:0;font-size:clamp(1.4rem,3vw,1.8rem);font-weight:400}.me-title,.gallery-page .page-title{margin:0 0 12px}.me-banner{border:1px solid var(--border);background:var(--bg-soft);border-radius:12px;flex-direction:column;gap:10px;max-width:32rem;margin-bottom:20px;padding:12px 16px;display:flex}.me-banner p{margin:0;font-size:15px;line-height:1.4}.me-grid,.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));align-items:start;gap:20px;width:100%;display:grid}.me-card,.gallery-card{border:1px solid var(--border);color:inherit;box-shadow:var(--shadow);background:#fff8ef;border-radius:12px;flex-direction:column;gap:10px;padding:12px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex}.me-card:hover,.gallery-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px -20px #5b432773}.paper-thumb__canvas,.me-card__canvas,.gallery-card__canvas{max-width:100%;height:auto;image-rendering:pixelated;border:1px solid var(--border);border-radius:6px;margin:0 auto;display:block}.me-card--empty,.gallery-card--empty{background:repeating-linear-gradient(45deg, var(--bg-soft), var(--bg-soft) 4px, #fff0e0 4px, #fff0e0 8px);min-height:80px}.me-card__info,.gallery-card__info{font-size:13px;font-family:var(--mono);opacity:.8;flex-direction:column;gap:4px;display:flex}.me-card__id{word-break:break-all;font-size:12px}.gallery-lead{margin:0 0 20px;font-size:16px}.gallery-more-wrap{justify-content:center;margin-top:28px;padding-bottom:24px;display:flex}.timelapse-ui{z-index:3;left:50%;bottom:max(12px, env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--bg-soft) 94%, transparent);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;flex-direction:column;align-items:stretch;gap:10px;min-width:min(92vw,360px);padding:10px 14px;display:flex;position:fixed;transform:translate(-50%)}.tl-play{padding:8px 16px;font-size:15px}.tl-slider{font-size:13px;font-family:var(--mono);flex-direction:column;gap:6px;display:flex}.tl-slider input[type=range]{width:100%}.share-meta{font-family:var(--mono);color:var(--text);opacity:.85;max-width:min(90vw,42em);font-size:12px;line-height:1.4}