:root{--ek-paper:#f8efd8;--ek-paper-2:#f0dfb4;--ek-ink:#1f1a14;--ek-ink-2:#5c4f3a;--ek-ink-3:#8a7a5b;--ek-ink-4:#c2b083;--ek-kraft:#e0c884;--ek-shu:#dc2a2a;--ek-deep-red:#7a2e2a;--ek-ai:#1f3d7a;--ek-sage:#6fb04a;--ek-mustard:#f5b921;--ek-sky:#4ea3d9;--ek-plum:#d0568d;--ek-asagi:#3a8e9e;--ek-font-primary:"Klee One", -apple-system, system-ui, "Hiragino Maru Gothic ProN", sans-serif;--ek-font-accent:"Shippori Mincho", "Hiragino Mincho ProN", serif;--ek-sp-xs:4px;--ek-sp-sm:8px;--ek-sp-md:14px;--ek-sp-lg:22px;--ek-sp-xl:28px;--ek-sp-2xl:44px;--ek-sp-3xl:64px;--ek-r-none:0;--ek-r-sm:4px;--ek-r-md:8px;--ek-r-lg:14px;--ek-r-pill:999px;--ek-shadow-kraft:3px 3px 0 var(--ek-kraft);--ek-shadow-kraft-lg:5px 5px 0 var(--ek-kraft);--ek-shadow-ink:3px 3px 0 var(--ek-ink);--ek-shadow-soft:0 18px 30px -16px #00000059;--ek-ease-paper:cubic-bezier(.22, .9, .32, 1);--ek-ease-stamp:cubic-bezier(.5, 1.6, .5, 1);--ek-dur-fast:.15s;--ek-dur-base:.35s;--ek-dur-slow:.55s;font-family:var(--ek-font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:16px}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}body{background:var(--ek-paper);color:var(--ek-ink);margin:0}#root{min-height:100svh}button{cursor:pointer;font-family:inherit}@keyframes ek-pop-in{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes ek-stamp{0%{opacity:0;transform:scale(.4)rotate(-12deg)}50%{opacity:1;transform:scale(1.18)rotate(-4deg)}to{opacity:1;transform:scale(1)rotate(-6deg)}}@keyframes ek-bounce{0%,to{transform:rotate(var(--r,0)) translateY(0)}50%{transform:rotate(var(--r,0)) translateY(-6px)}}@keyframes ek-wiggle{0%,to{transform:rotate(var(--r,0))}25%{transform:rotate(calc(var(--r,0deg) - 3deg))}75%{transform:rotate(calc(var(--r,0deg) + 3deg))}}@keyframes ek-pulse-ai{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}@keyframes ek-ray{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}@keyframes ek-blink{0%,88%,to{transform:scaleY(1)}92%,96%{transform:scaleY(.08)}}@keyframes ek-dot{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}@keyframes ek-shutter-flash{0%{opacity:0}50%{opacity:.6}to{opacity:0}}@keyframes ek-screen-in{0%{opacity:0;transform:translate(8%)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes ek-confetti-fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(60px)rotate(180deg)}}.app{background:var(--ek-paper);min-height:100svh;color:var(--ek-ink);flex-direction:column;display:flex;position:relative;overflow-x:hidden}.paper-grain{pointer-events:none;mix-blend-mode:multiply;z-index:0;background-image:radial-gradient(#503c1e0f 1px,#0000 1px),radial-gradient(#503c1e0a 1px,#0000 1px);background-position:0 0,2px 3px;background-size:5px 5px,11px 11px;position:fixed;inset:0}.app>*{z-index:1;position:relative}.blob{filter:blur(2px);z-index:0;pointer-events:none;border-radius:50%;position:absolute}.screen{padding:var(--ek-sp-md) var(--ek-sp-lg) var(--ek-sp-xl);gap:var(--ek-sp-md);width:100%;max-width:480px;animation:ek-screen-in var(--ek-dur-slow) var(--ek-ease-paper);flex-direction:column;flex:1;margin:0 auto;display:flex}.screen-top-spacer{height:24px}.lead-display{font-family:var(--ek-font-primary);letter-spacing:.02em;color:var(--ek-ink);margin:0;font-size:56px;font-weight:600;line-height:.95}.lead-sub{margin-top:var(--ek-sp-md);font-family:var(--ek-font-primary);color:var(--ek-ink-2);font-size:18px;font-weight:400;line-height:1.6}.caption{font-family:var(--ek-font-primary);color:var(--ek-ink);text-align:center;letter-spacing:.01em;padding:var(--ek-sp-sm) var(--ek-sp-lg) 0;margin:0;font-size:22px;font-weight:600;line-height:1.45}.h-success{font-family:var(--ek-font-primary);color:var(--ek-ink);margin:0;font-size:26px;font-weight:600;line-height:1.3}.note{font-family:var(--ek-font-primary);color:var(--ek-ink-3);text-align:center;margin:var(--ek-sp-xs) 0 0;font-size:12px;font-weight:400;line-height:1.55}.paper-frame{border:1.5px solid var(--ek-ink);box-shadow:7px 8px 0 var(--ek-kraft);aspect-ratio:3/4;background:#fffdf2;width:100%;position:relative}.paper-frame.tilt-left{transform:rotate(-2deg)}.paper-frame.tilt-right{transform:rotate(2deg)}.paper-frame.tilt-slight{transform:rotate(-1deg)}.paper-frame:after{content:"";border:1px dashed var(--ek-kraft);pointer-events:none;position:absolute;inset:8px}.paper-frame-inner{position:absolute;inset:8px;overflow:hidden}.washi-tape{opacity:.9;z-index:3;background-image:repeating-linear-gradient(90deg,#ffffff38 0 2px,#0000 2px 7px);height:20px;position:absolute;top:-10px;box-shadow:0 1px 2px #0000001f}.washi-tape.mustard{background-color:var(--ek-mustard)}.washi-tape.sage{background-color:var(--ek-sage)}.washi-tape.sky{background-color:var(--ek-sky)}.washi-tape.plum{background-color:var(--ek-plum)}.video{object-fit:cover;background:#000;width:100%;height:100%;display:block}.video.mirrored{transform:scaleX(-1)}.overlay{pointer-events:none;-webkit-user-select:none;user-select:none;width:60%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stage-interactive{touch-action:none}.mark-canvas{object-fit:contain;touch-action:none;background-color:#e8ddc4;background-image:repeating-conic-gradient(#e8ddc4 0% 25%,#d4c5a5 0% 50%);background-size:22px 22px;width:100%;height:100%;display:block}.hint-pop{pointer-events:none;z-index:4;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.hint-pop-dot{background:var(--ek-ai);border-radius:50%;width:44px;height:44px;margin-top:-22px;margin-left:-22px;animation:1.4s ease-out infinite ek-pulse-ai;position:absolute;top:50%;left:50%}.hint-pop-rays{width:80px;height:80px;margin-top:-40px;margin-left:-40px;animation:1.4s ease-in-out infinite ek-ray;position:absolute;top:50%;left:50%}.hint-pop-badge{font-family:var(--ek-font-primary);color:var(--ek-ai);border:2.5px solid var(--ek-ai);box-shadow:3px 3px 0 var(--ek-ai);--r:-6deg;transform:rotate(var(--r));background:#fffdf2;border-radius:18px;padding:6px 16px;font-size:22px;font-weight:600;animation:1.1s ease-in-out infinite ek-bounce;position:absolute;top:60%;left:70%}.hint-pinch{font-family:var(--ek-font-primary);color:var(--ek-ink);border:2px solid var(--ek-ink);box-shadow:3px 3px 0 var(--ek-ink);--r:4deg;transform:rotate(var(--r));z-index:4;pointer-events:none;background:#fffdf2;border-radius:4px;align-items:center;gap:10px;padding:8px 14px 8px 10px;font-size:17px;font-weight:600;animation:1.8s ease-in-out infinite ek-wiggle;display:flex;position:absolute;bottom:22px;right:-16px}.hint-pinch-bar{background:var(--ek-asagi);border-radius:1px;width:4px;height:28px}.hint-pinch-text{line-height:1.25}.shutter-row{padding:var(--ek-sp-xs) var(--ek-sp-sm);justify-content:space-between;align-items:center;display:flex}.shutter-side{width:50px;font-family:var(--ek-font-primary);color:var(--ek-ink-2);justify-content:flex-start;align-items:center;font-size:15px;font-weight:600;display:flex}.shutter-side.right{justify-content:flex-end}.shutter-side-spacer{width:50px}.shutter-link{color:var(--ek-ink-2);background:0 0;border:none;padding:0;font-family:inherit;font-size:15px;font-weight:600}.shutter{border:4px solid var(--ek-ink);background:var(--ek-paper);width:84px;height:84px;box-shadow:0 4px 0 var(--ek-kraft), 0 8px 18px #0000002e;cursor:pointer;transition:transform var(--ek-dur-fast) var(--ek-ease-paper);border-radius:50%;justify-content:center;align-items:center;padding:5px;display:flex}.shutter:active{transform:scale(.9)}.shutter-inner{background:var(--ek-shu);border-radius:50%;width:100%;height:100%;box-shadow:inset 0 0 0 4px #ffffff40}.btn{height:60px;font-family:var(--ek-font-primary);letter-spacing:.04em;border-radius:var(--ek-r-lg);cursor:pointer;transition:transform var(--ek-dur-fast) var(--ek-ease-paper);border:none;justify-content:center;align-items:center;min-width:140px;padding:0 28px;font-size:22px;font-weight:600;display:flex}.btn:active{transform:scale(.97)}.btn.primary{background:var(--ek-ink);color:var(--ek-paper);box-shadow:0 5px 0 var(--ek-kraft), 0 10px 18px -8px #0000004d}.btn.ghost{color:var(--ek-ink);border:2px solid var(--ek-ink);background:0 0;padding:0 22px;font-size:20px}.btn.full{width:100%}.btn-link{font-family:var(--ek-font-primary);color:var(--ek-ink-3);text-underline-offset:4px;text-align:center;padding:var(--ek-sp-sm) var(--ek-sp-md);cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:600;text-decoration:underline}.btn-row{gap:12px;width:100%;display:flex}.btn-row .btn{flex:1;min-width:0}.captured-frame-wrap{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.captured-image{object-fit:cover;width:calc(100% - 16px);height:calc(100% - 16px);display:block;position:absolute;inset:8px}.captured-stamp{z-index:3;animation:ek-stamp .9s var(--ek-ease-stamp) .15s both;position:absolute;top:-10px;right:-14px}.captured-caption{font-family:var(--ek-font-primary);color:var(--ek-paper);letter-spacing:.04em;z-index:2;background:#1f1a14bd;border-radius:4px;padding:5px 10px;font-size:13px;font-weight:600;position:absolute;bottom:14px;left:12px;right:12px}.number-mark{font-family:var(--ek-font-primary);color:var(--ek-deep-red);flex-direction:column;align-items:flex-start;display:inline-flex;transform:rotate(-6deg)}.number-mark .no{letter-spacing:.16em;font-size:12px;font-weight:600;line-height:1}.number-mark .digits{margin-top:2px;font-size:36px;font-weight:600;line-height:.95}.number-mark .underline{background:var(--ek-deep-red);width:42px;height:2px;margin-top:5px}.header{text-align:center;padding:18px 20px 0}.header h1{font-family:var(--ek-font-accent);letter-spacing:.12em;color:var(--ek-ink);margin:0;font-size:18px;font-weight:700}.idle-screen{padding:var(--ek-sp-2xl) var(--ek-sp-xl) var(--ek-sp-xl);gap:var(--ek-sp-xl);flex-direction:column;max-width:480px;min-height:100svh;margin:0 auto;display:flex;position:relative}.idle-frame-wrap{justify-content:center;align-items:center;display:flex}.idle-frame{flex-shrink:0;width:220px;height:280px}.idle-bottom{gap:var(--ek-sp-md);flex-direction:column;margin-top:auto;display:flex}.footer{padding:var(--ek-sp-md) var(--ek-sp-lg) var(--ek-sp-xl);text-align:center;font-family:var(--ek-font-primary);color:var(--ek-ink-3);font-size:12px;line-height:1.8}.footer p{margin:0}.footer a{color:var(--ek-ink-2);text-decoration:underline;-webkit-text-decoration-color:var(--ek-ink-4);text-decoration-color:var(--ek-ink-4)}.error{color:var(--ek-shu);margin:var(--ek-sp-md) 0 0;text-align:center;font-size:14px;line-height:1.6;font-family:var(--ek-font-primary)}.result-img{width:100%;box-shadow:var(--ek-shadow-soft);border-radius:4px;display:block}.camera-warmup{z-index:5;pointer-events:auto;background:#1f1a14eb;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.camera-warmup-eye{border:2px solid var(--ek-kraft);background:radial-gradient(circle,#4a3a28 0%,#1a1612 70%);border-radius:50%;width:64px;height:64px;position:relative}.camera-warmup-pupil{background:#1a1612;border-radius:50%;width:18px;height:18px;margin-top:-9px;margin-left:-9px;animation:1.6s ease-in-out infinite ek-blink;position:absolute;top:50%;left:50%}.camera-warmup-text{font-family:var(--ek-font-primary);color:var(--ek-paper);letter-spacing:.04em;text-align:center;font-size:20px;font-weight:600;line-height:1.5}.camera-warmup-dots{gap:6px;margin-top:4px;display:flex}.camera-warmup-dot{background:var(--ek-kraft);border-radius:50%;width:8px;height:8px}.camera-warmup-dot:first-child{animation:1.2s ease-in-out infinite ek-dot}.camera-warmup-dot:nth-child(2){animation:1.2s ease-in-out .18s infinite ek-dot}.camera-warmup-dot:nth-child(3){animation:1.2s ease-in-out .36s infinite ek-dot}.shutter-flash{z-index:100;pointer-events:none;background:#fff;animation:.25s ease-out ek-shutter-flash;position:fixed;inset:0}.idle-frame-content{justify-content:center;align-items:center;display:flex;position:absolute;inset:14px;overflow:hidden}.idle-frame-glyph{font-family:var(--ek-font-accent);color:var(--ek-deep-red);opacity:.6;font-size:80px;font-weight:700}.idle-frame-thumb{object-fit:cover;width:100%;height:100%}.history-strip{cursor:pointer;gap:var(--ek-sp-sm);text-align:left;background:0 0;border:none;flex-direction:column;width:100%;padding:0;display:flex}.history-strip-label{font-family:var(--ek-font-primary);color:var(--ek-ink-3);letter-spacing:.06em;font-size:11px;font-weight:400}.history-strip-row{align-items:center;gap:10px;padding-bottom:6px;display:flex}.history-card{border:1px solid var(--ek-kraft);background:#fffdf2;flex-shrink:0;width:60px;height:76px;position:relative;overflow:hidden;box-shadow:2px 3px #0000000f}.history-card-tape{opacity:.85;z-index:2;width:18px;height:7px;position:absolute;top:-5px;left:12px;transform:rotate(-6deg)}.history-card-tape.mustard{background:var(--ek-mustard)}.history-card-tape.sage{background:var(--ek-sage)}.history-card-tape.sky{background:var(--ek-sky)}.history-card-tape.plum{background:var(--ek-plum)}.history-card-img{object-fit:cover;width:100%;height:100%;display:block}.history-card-no{font-family:var(--ek-font-primary);color:var(--ek-deep-red);letter-spacing:.04em;z-index:3;background:#fffdf2d9;border-radius:2px;padding:1px 3px;font-size:10px;font-weight:600;position:absolute;bottom:4px;left:4px}.history-strip-more{font-family:var(--ek-font-primary);color:var(--ek-ink-3);opacity:.6;margin-left:4px;font-size:14px}.number-mark-animate .no{animation:.4s .1s both ek-pop-in}.number-mark-animate .digits{animation:.5s .35s both ek-pop-in}.number-mark-animate .underline{transform-origin:0;animation:.5s cubic-bezier(.6,.1,.4,1) .85s forwards number-underline;transform:scaleX(0)}@keyframes number-underline{to{transform:scaleX(1)}}.success-screen{text-align:center;justify-content:center;align-items:center;gap:var(--ek-sp-lg);position:relative}.success-card-wrap{width:60%;max-width:240px;animation:ek-pop-in .5s var(--ek-ease-stamp);justify-content:center;display:flex}.success-title{text-align:center;font-size:38px;line-height:1.2}.confetti-bit{opacity:.85;z-index:0;border-radius:1px;animation:1.4s ease-out forwards ek-confetti-fall;position:absolute}.album-screen{padding-bottom:80px}.album-head{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.album-empty{align-items:center;gap:var(--ek-sp-lg);margin-top:var(--ek-sp-xl);flex-direction:column;display:flex}.album-empty .paper-frame{width:220px;height:280px}.album-empty-content{justify-content:center;align-items:center;display:flex;position:absolute;inset:14px}.album-empty-text{font-family:var(--ek-font-primary);color:var(--ek-ink-3);text-align:center;font-size:20px;font-weight:400;line-height:1.5}.album-grid{grid-template-columns:1fr 1fr;gap:18px;padding:6px 4px;display:grid}.album-card{border:1.5px solid var(--ek-ink);box-shadow:4px 5px 0 var(--ek-kraft);cursor:pointer;background:#fffdf2;flex-direction:column;gap:4px;padding:8px 8px 6px;display:flex;position:relative}.album-card-img{aspect-ratio:3/4;object-fit:cover;background:var(--ek-paper-2);width:100%;display:block}.album-card-meta{font-family:var(--ek-font-primary);justify-content:space-between;align-items:baseline;padding:4px 4px 2px;display:flex}.album-card-no{color:var(--ek-deep-red);letter-spacing:.06em;font-size:13px;font-weight:600}.album-card-date{color:var(--ek-ink-3);font-size:10px;font-weight:400}.modal-overlay{z-index:50;background:#1f1a148c;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out ek-pop-in;display:flex;position:fixed;inset:0}.modal-card{background:var(--ek-paper);border:1.5px solid var(--ek-ink);box-shadow:var(--ek-shadow-soft), var(--ek-shadow-kraft-lg);gap:var(--ek-sp-md);text-align:center;width:100%;max-width:340px;animation:ek-pop-in .35s var(--ek-ease-stamp);flex-direction:column;padding:28px 22px 22px;display:flex}.modal-title{font-family:var(--ek-font-primary);color:var(--ek-ink);margin:0;font-size:24px;font-weight:600;line-height:1.4}.modal-sub{font-family:var(--ek-font-primary);color:var(--ek-ink-3);margin:0;font-size:13px;font-weight:400;line-height:1.6}.modal-btns{margin-top:var(--ek-sp-sm);flex-direction:column;gap:8px;display:flex}.btn.danger{background:var(--ek-shu);color:var(--ek-paper);box-shadow:0 5px 0 var(--ek-deep-red), 0 10px 18px -8px #0000004d}.onboarding-screen{padding:var(--ek-sp-2xl) var(--ek-sp-xl) var(--ek-sp-xl);align-items:center;gap:var(--ek-sp-lg);width:100%;max-width:480px;min-height:100svh;animation:ek-screen-in var(--ek-dur-slow) var(--ek-ease-paper);flex-direction:column;flex:1;margin:0 auto;display:flex;position:relative}.onboarding-dots{margin-top:var(--ek-sp-sm);gap:8px;display:flex}.onboarding-dot{background:var(--ek-ink-4);width:8px;height:8px;transition:all var(--ek-dur-base) var(--ek-ease-paper);border-radius:50%}.onboarding-dot.active{background:var(--ek-shu);border-radius:999px;width:24px}.onboarding-card-wrap{justify-content:center;align-items:center;width:220px;height:240px;display:flex}.onboarding-glyph-wrap{justify-content:center;align-items:center;display:flex;position:absolute;inset:14px}.onboarding-glyph{font-family:var(--ek-font-accent);font-size:120px;font-weight:700;line-height:1}.onboarding-text{text-align:center;gap:var(--ek-sp-md);flex-direction:column;margin-top:auto;display:flex}.onboarding-title{font-family:var(--ek-font-primary);letter-spacing:.02em;color:var(--ek-ink);margin:0;font-size:32px;font-weight:600;line-height:1.3}.onboarding-body{font-family:var(--ek-font-primary);color:var(--ek-ink-2);margin:0;font-size:18px;font-weight:400;line-height:1.7}.parent-note{background:var(--ek-paper-2);border-radius:var(--ek-r-md);margin-top:var(--ek-sp-sm);flex-direction:column;align-items:center;gap:6px;padding:12px 14px;display:flex}.parent-tag{letter-spacing:.08em;background:var(--ek-kraft);color:var(--ek-ink);border-radius:2px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500}.parent-note-text{font-family:var(--ek-font-primary);color:var(--ek-ink-2);text-align:center;font-size:13px;font-weight:400;line-height:1.6}.splash{justify-content:center;align-items:center;gap:var(--ek-sp-md);background:var(--ek-paper);min-height:100svh;animation:ek-screen-in var(--ek-dur-base) var(--ek-ease-paper);flex-direction:column;flex:1;display:flex}.splash-glyph{border:1.5px solid var(--ek-ink);width:96px;height:96px;box-shadow:5px 6px 0 var(--ek-kraft);animation:ek-pop-in .5s var(--ek-ease-stamp);background:#fffdf2;justify-content:center;align-items:center;display:flex;transform:rotate(-3deg)}.splash-e{font-family:var(--ek-font-accent);color:var(--ek-shu);font-size:64px;font-weight:700;line-height:1;display:block;transform:rotate(3deg)}.splash-title{font-family:var(--ek-font-primary);letter-spacing:.08em;color:var(--ek-ink);margin-top:var(--ek-sp-md);font-size:28px;font-weight:600;animation:.5s .2s both ek-pop-in}.saving-screen{text-align:center;justify-content:center;align-items:center;gap:var(--ek-sp-2xl);min-height:100svh}.saving-stage{width:220px;height:280px;margin:0 auto;position:relative}.saving-paper{border:1.5px solid var(--ek-ink);width:140px;height:180px;box-shadow:4px 5px 0 var(--ek-kraft);background:#fffdf2;margin-left:-70px;animation:1.2s cubic-bezier(.55,.05,.85,.7) forwards ek-paper-fall;position:absolute;top:0;left:50%}.saving-paper-inner{border:1px dashed var(--ek-kraft);position:absolute;inset:8px}.saving-box{width:180px;height:90px;margin-left:-90px;position:absolute;bottom:0;left:50%}.saving-box-flap{background:var(--ek-kraft);border:1.5px solid var(--ek-ink);transform-origin:bottom;height:12px;animation:ek-box-flap 1.2s var(--ek-ease-paper) forwards;border-bottom:0;position:absolute;bottom:70px;left:0;right:0}.saving-box-body{border:1.5px solid var(--ek-ink);background-color:#d4b270;background-image:linear-gradient(#0000000a 0%,#0000 30%),repeating-linear-gradient(0deg,#00000008 0 2px,#0000 2px 6px);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;height:80px;position:absolute;bottom:0;left:0;right:0}@keyframes ek-paper-fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}60%{opacity:1;transform:translateY(110px)rotate(15deg)}85%{opacity:.9;transform:translateY(150px)rotate(-3deg)scale(.9)}to{opacity:0;transform:translateY(160px)rotate(0)scale(.7)}}@keyframes ek-box-flap{0%,50%{transform:rotate(0)}70%{transform:rotate(-105deg)}to{transform:rotate(-105deg)}}.saving-text{font-family:var(--ek-font-primary);letter-spacing:.06em;color:var(--ek-ink-2);margin:0;font-size:20px;font-weight:600}.error-screen{text-align:center;justify-content:center;align-items:center;gap:var(--ek-sp-lg);padding:var(--ek-sp-xl) var(--ek-sp-xl);flex-direction:column;flex:1;min-height:100svh;display:flex}.error-eye-wrap{margin-bottom:var(--ek-sp-md);justify-content:center;align-items:center;display:flex}.error-eye{width:140px;height:auto;overflow:visible}.success-screen.first-work .success-card-wrap{animation:ek-pop-in .7s var(--ek-ease-stamp) .1s both}.success-rays{z-index:0;opacity:.65;pointer-events:none;width:360px;height:360px;margin-top:-180px;margin-left:-180px;animation:8s linear infinite ek-rays-spin;position:absolute;top:50%;left:50%}@keyframes ek-rays-spin{to{transform:rotate(360deg)}}.first-work-badge{font-family:var(--ek-font-accent);letter-spacing:.12em;color:var(--ek-paper);background:var(--ek-shu);box-shadow:3px 3px 0 var(--ek-deep-red);animation:ek-pop-in .5s var(--ek-ease-stamp) .8s both;border-radius:999px;padding:6px 16px;font-size:14px;font-weight:700;display:inline-block;transform:rotate(-4deg)}.parent-entry{background:var(--ek-paper-2);border:1px solid var(--ek-kraft);border-radius:var(--ek-r-md);font-family:var(--ek-font-primary);color:var(--ek-ink-2);cursor:pointer;margin-bottom:var(--ek-sp-md);align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.parent-entry .parent-tag{flex-shrink:0}.parent-screen{padding-bottom:80px}.parent-note.compact{margin:0 0 var(--ek-sp-md);text-align:left;flex-direction:row;align-items:flex-start;gap:10px;padding:10px 12px}.parent-note.compact .parent-note-text{text-align:left;flex:1}.family-list{margin:var(--ek-sp-md) 0;flex-direction:column;gap:12px;display:flex}.family-row{border:1.5px solid var(--ek-ink);box-shadow:3px 4px 0 var(--ek-kraft);cursor:pointer;text-align:left;font-family:var(--ek-font-primary);background:#fffdf2;align-items:center;gap:14px;padding:14px 16px;display:flex}.family-row-edit{cursor:default}.family-avatar{border:2px solid var(--ek-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.family-avatar-large{border-width:3px;width:96px;height:96px}.family-avatar.avatar-ai{background:var(--ek-ai);color:#fffdf2}.family-avatar.avatar-sage{background:var(--ek-sage);color:#fffdf2}.family-avatar.avatar-mustard{background:var(--ek-mustard);color:var(--ek-ink)}.family-avatar.avatar-plum{background:var(--ek-plum);color:#fffdf2}.family-avatar-tag{font-family:var(--ek-font-accent);font-size:20px;font-weight:700}.family-avatar-large .family-avatar-tag{font-size:40px}.family-row-text{flex-direction:column;flex:1;gap:2px;display:flex}.family-row-name{color:var(--ek-ink);font-size:18px;font-weight:600}.family-row-last{color:var(--ek-ink-3);font-size:11px;font-weight:400}.family-row-chevron{font-family:var(--ek-font-primary);color:var(--ek-ink-3);font-size:22px;font-weight:600}.family-delete{border:1.5px solid var(--ek-ink-4);width:32px;height:32px;font-family:var(--ek-font-primary);color:var(--ek-ink-3);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;font-size:18px;font-weight:600;line-height:1}.family-empty{padding:var(--ek-sp-xl) 0;text-align:center}.form-field{flex-direction:column;gap:8px;display:flex}.form-label{font-family:var(--ek-font-primary);color:var(--ek-ink-2);font-size:14px;font-weight:600}.form-input{font-family:var(--ek-font-primary);color:var(--ek-ink);border:1.5px solid var(--ek-ink);border-radius:var(--ek-r-md);background:#fffdf2;outline:none;width:100%;padding:12px 14px;font-size:18px;font-weight:500}.form-input::placeholder{color:var(--ek-ink-4);font-weight:400}.tag-grid{flex-wrap:wrap;gap:8px;display:flex}.tag-chip{border:1.5px solid var(--ek-ink-4);width:48px;height:48px;font-family:var(--ek-font-accent);color:var(--ek-ink-2);cursor:pointer;background:#fffdf2;border-radius:50%;font-size:20px;font-weight:700}.tag-chip.active{background:var(--ek-ink);color:var(--ek-paper);border-color:var(--ek-ink)}.color-grid{gap:12px;display:flex}.color-chip{border:2px solid var(--ek-ink-4);cursor:pointer;border-radius:50%;width:48px;height:48px;position:relative}.color-chip.avatar-ai{background:var(--ek-ai)}.color-chip.avatar-sage{background:var(--ek-sage)}.color-chip.avatar-mustard{background:var(--ek-mustard)}.color-chip.avatar-plum{background:var(--ek-plum)}.color-chip.active{border-color:var(--ek-ink);box-shadow:0 0 0 3px var(--ek-paper), 0 0 0 5px var(--ek-ink);border-width:3px}.sharing-screen{text-align:center;justify-content:center;align-items:center;gap:var(--ek-sp-lg);min-height:100svh}.paper-plane{width:140px;height:140px;animation:1.3s ease-in-out infinite ek-plane-fly}@keyframes ek-plane-fly{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(20px,-20px)rotate(-6deg)}}.sharing-text{font-family:var(--ek-font-primary);letter-spacing:.04em;color:var(--ek-ink-2);margin:0;font-size:20px;font-weight:600;line-height:1.6}.success-screen.milestone .success-card-wrap{animation:ek-pop-in .7s var(--ek-ease-stamp) .1s both}.milestone-num{margin-top:var(--ek-sp-sm);animation:ek-pop-in .6s var(--ek-ease-stamp) .5s both;justify-content:center;align-items:baseline;gap:8px;display:flex}.milestone-digits{font-family:var(--ek-font-accent);color:var(--ek-shu);letter-spacing:-.04em;font-size:96px;font-weight:700;line-height:1}.milestone-suffix{font-family:var(--ek-font-primary);color:var(--ek-ink);letter-spacing:.04em;font-size:24px;font-weight:600}.caption-edit{margin-top:var(--ek-sp-sm)}.caption-display{background:var(--ek-paper-2);border:1px dashed var(--ek-kraft);border-radius:var(--ek-r-md);width:100%;font-family:var(--ek-font-primary);color:var(--ek-ink-2);cursor:pointer;text-align:center;letter-spacing:.02em;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:16px;font-weight:500;display:flex}.caption-text{color:var(--ek-ink);font-weight:600}.caption-edit-hint{color:var(--ek-ink-3);margin-left:6px;font-size:12px}.caption-add-icon{font-family:var(--ek-font-accent);color:var(--ek-ink-3);font-size:18px;font-weight:700}.caption-edit-row{align-items:center;gap:8px;display:flex}.caption-input{flex:1;padding:10px 14px;font-size:16px}.btn-icon{background:var(--ek-ink);width:44px;height:44px;color:var(--ek-paper);font-family:var(--ek-font-primary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:600;line-height:1;display:flex}.btn-icon.ghost{color:var(--ek-ink);border:1.5px solid var(--ek-ink);background:0 0}.parent-section{background:var(--ek-paper-2);border:1px solid var(--ek-kraft);border-radius:var(--ek-r-md);margin-bottom:var(--ek-sp-md);flex-direction:column;padding:12px 14px;display:flex}.parent-section-head{margin-bottom:6px}.parent-link{font-family:var(--ek-font-primary);color:var(--ek-ink-2);cursor:pointer;text-align:left;border:none;border-bottom:1px dashed var(--ek-kraft);background:0 0;justify-content:space-between;align-items:center;padding:12px 4px;font-size:14px;font-weight:500;display:flex}.parent-link:last-child{border-bottom:0}.parent-link-chev{color:var(--ek-ink-3);font-weight:600}.footer-credit{margin:var(--ek-sp-md) 0 0}.legal-screen{padding:var(--ek-sp-md) var(--ek-sp-lg) var(--ek-sp-3xl);background:var(--ek-paper-2);gap:var(--ek-sp-md);min-height:100svh}.legal-head{padding:var(--ek-sp-sm) 0 var(--ek-sp-md);border-bottom:1px solid var(--ek-kraft);justify-content:space-between;align-items:center;display:flex}.legal-title{font-family:var(--ek-font-accent);letter-spacing:.02em;color:var(--ek-ink);margin:var(--ek-sp-md) 0 4px;font-size:28px;font-weight:700;line-height:1.3}.legal-meta{color:var(--ek-ink-3);letter-spacing:.08em;margin:0 0 var(--ek-sp-lg);font-family:JetBrains Mono,monospace;font-size:10px}.legal-lede{font-family:var(--ek-font-primary);color:var(--ek-ink);border-left:3px solid var(--ek-shu);margin:0 0 var(--ek-sp-lg);background:#fffdf2;padding:16px 18px;font-size:15px;font-weight:500;line-height:1.85}.legal-poetic{font-family:var(--ek-font-accent);color:var(--ek-ink);text-align:center;margin:var(--ek-sp-lg) 0 var(--ek-sp-2xl);letter-spacing:.04em;font-size:22px;font-weight:500;line-height:1.8}.legal-section{margin:0 0 var(--ek-sp-lg)}.legal-h2{font-family:var(--ek-font-primary);letter-spacing:.02em;color:var(--ek-ink);margin:0 0 var(--ek-sp-sm);border-bottom:1px dashed var(--ek-kraft);padding-bottom:6px;font-size:16px;font-weight:600}.legal-list{font-family:var(--ek-font-primary);color:var(--ek-ink-2);margin:0 0 var(--ek-sp-sm);padding-left:1.4em;font-size:14px;font-weight:400;line-height:1.85}.legal-list li{margin-bottom:4px}.legal-p{font-family:var(--ek-font-primary);color:var(--ek-ink-2);margin:0;font-size:14px;font-weight:400;line-height:1.85}.legal-link{color:var(--ek-ink);text-decoration:underline;-webkit-text-decoration-color:var(--ek-kraft);text-decoration-color:var(--ek-kraft);text-underline-offset:3px}.mode-toggle{background:var(--ek-paper-2);border:1px solid var(--ek-kraft);border-radius:var(--ek-r-pill);gap:8px;width:max-content;margin:0 auto;padding:6px;display:flex}.mode-pill{font-family:var(--ek-font-primary);letter-spacing:.08em;color:var(--ek-ink-3);border-radius:var(--ek-r-pill);cursor:pointer;transition:background var(--ek-dur-fast) var(--ek-ease-paper), color var(--ek-dur-fast) var(--ek-ease-paper);background:0 0;border:none;padding:8px 22px;font-size:16px;font-weight:600}.mode-pill.active{background:var(--ek-ink);color:var(--ek-paper);box-shadow:0 2px 0 var(--ek-kraft)}.mark-secondary-row{justify-content:center;gap:var(--ek-sp-md);display:flex}.mark-secondary-row .btn-link{font-size:13px}.btn:disabled,.btn[disabled]{opacity:.4;cursor:not-allowed;pointer-events:none}.voice-memo{margin-top:var(--ek-sp-sm);flex-direction:column;gap:6px;display:flex}.voice-memo-row{background:var(--ek-paper-2);border:1px solid var(--ek-kraft);border-radius:var(--ek-r-md);align-items:center;gap:10px;padding:10px 14px;display:flex}.voice-memo-row.recording{border-color:var(--ek-shu);background:#dc2a2a0f}.voice-play,.voice-record{font-family:var(--ek-font-primary);color:var(--ek-ink);cursor:pointer;border-radius:var(--ek-r-md);background:0 0;background:var(--ek-paper-2);border:none;border:1px dashed var(--ek-kraft);flex:1;align-items:center;gap:12px;padding:12px 14px;font-size:16px;font-weight:600;display:flex}.voice-play{background:0 0;border:none;padding:0}.voice-icon{background:var(--ek-shu);width:32px;height:32px;color:var(--ek-paper);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.voice-record .voice-icon{color:var(--ek-shu);background:0 0;font-size:20px}.voice-label{font-family:var(--ek-font-primary);color:var(--ek-ink-2);letter-spacing:.02em;font-size:15px;font-weight:500}.voice-delete{border:1.5px solid var(--ek-ink-4);width:32px;height:32px;font-family:var(--ek-font-primary);color:var(--ek-ink-3);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;font-size:18px;font-weight:600;line-height:1}.voice-progress-wrap{background:var(--ek-paper);border:1px solid var(--ek-kraft);border-radius:3px;flex:1;height:6px;overflow:hidden}.voice-progress{background:var(--ek-shu);height:100%;transition:width .1s linear}.voice-time{font-family:var(--ek-font-primary);color:var(--ek-shu);text-align:right;min-width:56px;font-size:14px;font-weight:600}.voice-stop{background:var(--ek-shu);border:2px solid var(--ek-deep-red);width:44px;height:44px;color:var(--ek-paper);cursor:pointer;border-radius:50%;flex-shrink:0;font-size:20px;animation:1.4s ease-out infinite ek-pulse-ai}.voice-note{font-family:var(--ek-font-primary);color:var(--ek-ink-3);text-align:center;letter-spacing:.04em;margin:0;font-size:11px;font-weight:400}.voice-error{margin-top:4px;font-size:13px}.voice-memo-captured{margin-top:4px}.voice-memo-captured .voice-record{padding:10px 14px}.voice-memo-captured .voice-record .voice-label{font-size:14px}.inapp-overlay{z-index:200;background:#1f1a14b3;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out ek-pop-in;display:flex;position:fixed;inset:0}.inapp-card{background:var(--ek-paper);border:1.5px solid var(--ek-ink);box-shadow:var(--ek-shadow-soft), 5px 5px 0 var(--ek-kraft);gap:var(--ek-sp-md);text-align:center;width:100%;max-width:380px;max-height:calc(100vh - 40px);animation:ek-pop-in .4s var(--ek-ease-stamp);flex-direction:column;padding:28px 22px 22px;display:flex;overflow-y:auto}.inapp-icon{justify-content:center;display:flex}.inapp-title{font-family:var(--ek-font-primary);color:var(--ek-ink);letter-spacing:.02em;margin:0;font-size:26px;font-weight:600;line-height:1.3}.inapp-body{font-family:var(--ek-font-primary);color:var(--ek-ink-2);margin:0;font-size:15px;font-weight:400;line-height:1.75}.inapp-instructions{background:var(--ek-paper-2);border-radius:var(--ek-r-md);text-align:left;padding:14px 16px}.inapp-instructions-title{font-family:var(--ek-font-primary);color:var(--ek-ink);letter-spacing:.04em;margin-bottom:6px;font-size:13px;font-weight:600}.inapp-instructions-list{font-family:var(--ek-font-primary);color:var(--ek-ink-2);margin:0;padding-left:1.4em;font-size:14px;font-weight:400;line-height:1.85}.inapp-instructions-list li{margin-bottom:4px}.inapp-instructions-text{font-family:var(--ek-font-primary);color:var(--ek-ink-2);margin:0;font-size:14px;font-weight:400;line-height:1.85}.inapp-note{margin-top:var(--ek-sp-sm);text-align:left}.inapp-note .parent-note-text{text-align:left;font-size:12px}