*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#app{height:100%}body{min-height:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:contain;background:var(--bg);color:var(--ink);font-family:var(--font-body)}img,picture,svg,canvas{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:inherit}:focus-visible{outline:2px solid var(--ribbon);outline-offset:2px;border-radius:2px}::selection{background:color-mix(in oklab,var(--accent) 30%,transparent)}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/caveat-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/caveat-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alice;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/alice-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alice;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/alice-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bg: #fbf6ee;--bg-soft: #f4ecf8;--ink: #3a2640;--ink-soft: #6b5470;--accent: #d96a9f;--ribbon: #aac7e8;--peach: #f3b27a;--paper: #fffaf0;--line: color-mix(in oklab, var(--ink) 14%, transparent);--font-body: "Alice", "Iowan Old Style", "Hoefler Text", Cambria, Georgia, serif;--font-hand: "Caveat", "Bradley Hand", "Brush Script MT", cursive;--radius-pin: 999px;--gap: clamp(.75rem, 2vw, 1.25rem);--page-pad: clamp(1rem, 4vw, 2rem)}#app{position:relative;display:grid;grid-template-rows:1fr auto;min-height:100dvh;overflow:hidden}.miwa-page{position:relative;width:100%;min-height:100dvh;padding:var(--page-pad);padding-bottom:calc(var(--page-pad) + 5.5rem);display:flex;flex-direction:column;align-items:center;justify-content:center}.miwa-nav{position:fixed;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:.6rem;padding:.55rem;background:color-mix(in oklab,var(--paper) 92%,transparent);border:1px solid var(--line);border-radius:var(--radius-pin);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10}.miwa-nav__pin{width:2.4rem;height:2.4rem;border-radius:var(--radius-pin);display:grid;place-items:center;color:var(--ink-soft);transition:color .16s ease,background .16s ease}.miwa-nav__pin:hover{color:var(--ink)}.miwa-nav__pin[aria-current=page]{color:var(--ink);background:color-mix(in oklab,var(--ribbon) 55%,transparent)}.miwa-nav__pin svg{width:1.15rem;height:1.15rem}@media(min-width:900px){.miwa-nav{left:auto;right:1.5rem;bottom:1.5rem;transform:none;flex-direction:column}}.miwa-heart{display:flex;flex-direction:column;align-items:center;gap:clamp(1.4rem,4vh,2.4rem);text-align:center}.miwa-heart__button{position:relative;display:block;background:transparent;border-radius:1rem;padding:0;perspective:1600px;perspective-origin:50% 55%}.miwa-heart__button:focus-visible{outline-offset:8px}.miwa-locket{position:relative;width:min(78vw,26rem);aspect-ratio:200 / 165;transform-style:preserve-3d}.miwa-locket__body{position:absolute;inset:0;z-index:1;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background:radial-gradient(120% 110% at 35% 30%,#ec90b9,#d96a9f 35%,#b53d76 80%,#7a1f4a)}.miwa-locket__rim{position:absolute;inset:4%;border-radius:50%;background:radial-gradient(closest-side,transparent 64%,rgba(255,240,248,.4) 80%,transparent 100%)}.miwa-locket__well{position:absolute;inset:6%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background:var(--paper);overflow:hidden}.miwa-locket__well>*{width:100%;height:100%;display:block}.miwa-locket__lid{position:absolute;inset:0;z-index:2;transform-style:preserve-3d;transform-origin:0% 50%;will-change:auto}.miwa-locket__face{position:absolute;inset:0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.miwa-locket__face--front{background:radial-gradient(58% 42% at 30% 22%,#fff0f88c,#fff0f800 60%),radial-gradient(80% 70% at 70% 80%,#8b2658 0%,transparent 60%),radial-gradient(120% 110% at 35% 30%,#ec90b9,#d96a9f 35%,#b53d76 80%,#7a1f4a);display:flex;align-items:center;justify-content:center}.miwa-locket__face--back{transform:translateZ(-1.5px) rotateY(180deg);background:radial-gradient(120% 100% at 50% 0%,color-mix(in oklab,var(--accent) 18%,var(--paper)) 0%,var(--paper) 75%);display:flex;align-items:center;justify-content:center;padding:18% 16% 22%;text-align:center}.miwa-locket__note{display:flex;flex-direction:column;align-items:center;gap:.2rem;margin:0;user-select:none;text-align:center}.miwa-locket__note-kicker{font-family:var(--font-body);font-size:clamp(.62rem,2.2vw,.78rem);letter-spacing:.22em;text-transform:uppercase;color:color-mix(in oklab,var(--accent) 60%,var(--ink-soft))}.miwa-locket__note-line{font-family:var(--font-hand);font-size:clamp(1.6rem,5.6vw,2.2rem);line-height:1;letter-spacing:.01em;color:color-mix(in oklab,var(--accent) 85%,var(--ink))}.miwa-locket__shine{position:absolute;top:6%;left:12%;width:36%;height:28%;background:radial-gradient(50% 50% at 50% 50%,#ffffff8c,#fff0 70%);border-radius:50%;pointer-events:none;filter:blur(.5px)}.miwa-locket__word{font-family:var(--font-hand);font-size:clamp(1.6rem,6vw,2.4rem);color:#fff7ecd9;letter-spacing:.01em;transform:translateY(8%);user-select:none;text-shadow:0 1px 0 rgba(0,0,0,.06)}.miwa-heart__title{font-family:var(--font-body);font-weight:400;font-style:normal;font-size:clamp(1.7rem,6.8vw,2.4rem);line-height:1.2;letter-spacing:0;color:var(--ink);max-width:20ch;margin:0 auto}.miwa-heart__tagline{font-family:var(--font-hand);font-size:clamp(2rem,7vw,2.8rem);line-height:1;color:var(--accent);letter-spacing:.01em;margin-top:-.4rem}.miwa-heart__hint{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)}.miwa-slideshow{position:relative;width:100%;height:100%;color:var(--ink-soft)}.miwa-slideshow__slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:50% 50%}.miwa-slideshow__placeholder{display:grid;place-items:center;gap:.6rem;padding:1.2rem;text-align:center;height:100%;font-size:.78rem;color:var(--ink-soft)}.miwa-slideshow__placeholder svg{width:2.4rem;height:2.4rem;opacity:.65}.miwa-slideshow__placeholder span{font-family:var(--font-hand);font-size:1.1rem;letter-spacing:.02em}@media(prefers-reduced-motion:reduce){.miwa-locket{animation:none!important}}.miwa-letter{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.miwa-letter__sky{position:absolute;inset:0;pointer-events:none;overflow:hidden}.miwa-letter__heart{position:absolute;display:block;filter:saturate(1.05)}.miwa-letter__paper{position:relative;z-index:1;width:min(92vw,38rem);padding:clamp(1.4rem,4vw,2.4rem);background:var(--paper);border:1px solid var(--line);border-radius:4px;display:flex;flex-direction:column;gap:.9rem;overflow:hidden}.miwa-letter__word{display:inline-block;white-space:nowrap}.miwa-letter__char{display:inline-block;will-change:opacity}.miwa-letter__line{font-family:var(--font-hand);font-size:clamp(1.15rem,4vw,1.45rem);line-height:1.5;color:var(--ink);margin:0;word-break:break-word}.miwa-letter__line--coda{font-size:clamp(1.25rem,4.4vw,1.6rem);margin-top:.2rem}.miwa-letter__sign{font-family:var(--font-hand);font-size:clamp(1.4rem,5vw,1.8rem);align-self:flex-end;margin:.4rem 0 0;color:var(--accent);max-width:100%}@media(prefers-reduced-motion:reduce){.miwa-letter__heart{transform:none!important}.miwa-letter__char{opacity:1!important}}.miwa-board{position:fixed;inset:0;background:radial-gradient(circle at 1px 1px,color-mix(in oklab,var(--ink) 8%,transparent) 1px,transparent 1.5px) 0 0 / 24px 24px,var(--paper)}.miwa-board__paper{position:absolute;overflow:hidden;background:transparent}.miwa-board__canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.miwa-board__canvas--commit{pointer-events:none}.miwa-board__canvas--live{cursor:crosshair}.miwa-board__overlay{position:absolute;inset:0;pointer-events:none;z-index:5}.miwa-board__overlay>*{pointer-events:auto}.miwa-board__tools{position:absolute;left:50%;bottom:calc(max(1rem,env(safe-area-inset-bottom)) + 4.6rem);transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;background:color-mix(in oklab,var(--paper) 92%,transparent);border:1px solid var(--line);border-radius:999px;box-shadow:0 10px 32px -18px #32193c38;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex-wrap:nowrap;max-width:calc(100vw - 1.5rem);overflow:visible}.miwa-board__group{display:flex;align-items:center;gap:.25rem;padding-left:.45rem;margin-left:.05rem;border-left:1px solid color-mix(in oklab,var(--line) 80%,transparent)}.miwa-board__swatch{position:relative;width:2.1rem;height:2.1rem;display:grid;place-items:center;border-radius:999px;background:color-mix(in oklab,var(--paper) 60%,transparent);border:1px solid var(--line);flex-shrink:0;cursor:pointer;transition:background .14s ease,border-color .14s ease}.miwa-board__swatch:hover{background:color-mix(in oklab,var(--ink) 5%,var(--paper));border-color:color-mix(in oklab,var(--ink) 22%,var(--line))}.miwa-board__swatch-inner{display:block;width:1.4rem;height:1.4rem;border-radius:999px;border:1px solid color-mix(in oklab,var(--ink) 14%,transparent);transition:background .14s ease}.miwa-board__size{display:flex;align-items:center;gap:.55rem;padding:0 .45rem 0 .55rem;border-left:1px solid color-mix(in oklab,var(--line) 80%,transparent);height:2.1rem}.miwa-board__size-preview{display:block;border-radius:999px;background:var(--ink);border:1.5px solid transparent;transition:width .12s ease,height .12s ease,background .14s ease,border-color .14s ease;flex-shrink:0}.miwa-board__size-slider{-webkit-appearance:none;appearance:none;width:6.5rem;height:1.2rem;background:transparent;cursor:pointer}.miwa-board__size-slider::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:color-mix(in oklab,var(--ink) 14%,transparent)}.miwa-board__size-slider::-moz-range-track{height:4px;border-radius:999px;background:color-mix(in oklab,var(--ink) 14%,transparent)}.miwa-board__size-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:999px;background:var(--ink);border:2px solid var(--paper);box-shadow:0 1px 4px #0003;margin-top:-5px;cursor:grab;transition:transform .14s ease}.miwa-board__size-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15)}.miwa-board__size-slider::-moz-range-thumb{width:14px;height:14px;border-radius:999px;background:var(--ink);border:2px solid var(--paper);box-shadow:0 1px 4px #0003;cursor:grab}.miwa-board__tool{width:2rem;height:2rem;display:grid;place-items:center;border-radius:999px;color:var(--ink);flex-shrink:0;transition:background .14s ease,color .14s ease,transform .14s ease;background:transparent}.miwa-board__tool:hover{background:color-mix(in oklab,var(--ink) 6%,transparent)}.miwa-board__tool:active{transform:scale(.94)}.miwa-board__tool svg{width:1.05rem;height:1.05rem}.miwa-board__tool.is-active{background:color-mix(in oklab,var(--ink) 12%,transparent)}.miwa-board__tool--danger{color:color-mix(in oklab,var(--accent) 75%,var(--ink))}.miwa-board__tool--danger:hover{background:color-mix(in oklab,var(--accent) 14%,transparent)}.miwa-board .picker_wrapper.popup{background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px -20px #28143259;padding:.7rem;font-family:var(--font-body);color:var(--ink)}.miwa-board .picker_wrapper.popup .picker_arrow{display:none}.miwa-board .picker_hue,.miwa-board .picker_sl,.miwa-board .picker_alpha,.miwa-board .picker_sample,.miwa-board .picker_editor input{border-radius:8px;overflow:hidden}.miwa-board .picker_selector{box-shadow:0 0 0 2px #ffffffe6,0 0 0 3px #00000040}.miwa-board .picker_editor input{background:color-mix(in oklab,var(--paper) 70%,transparent);border:1px solid var(--line);color:var(--ink)}.miwa-board .picker_done button,.miwa-board .picker_cancel button{background:var(--ink);color:var(--paper);border-radius:999px;padding:.35rem .9rem;border:0;cursor:pointer}.miwa-board .picker_cancel button{background:transparent;color:var(--ink-soft)}.miwa-board__cursors{position:absolute;inset:0;pointer-events:none;z-index:6}.miwa-board__cursor{position:absolute;top:0;left:0;display:flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--ink);transform:translate(-50%,-50%)}.miwa-board__cursor-dot{width:.6rem;height:.6rem;border-radius:999px;background:currentColor}.miwa-board__cursor-tag{background:color-mix(in oklab,var(--paper) 90%,transparent);border:1px solid var(--line);border-radius:999px;padding:.05rem .4rem}.miwa-board__cursor.is-self{opacity:0}