.arr-root{position:fixed;inset:0;z-index:45;overflow:hidden;background:#1d2a33;color:var(--ink);font-family:var(--font);-webkit-user-select:none;user-select:none}.arr-root.through{background:transparent;pointer-events:none}.arr-root.through .arr-canvas{display:none}.arr-root.through .arr-chrome,.arr-root.through .arr-layer>*{pointer-events:auto}.arr-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.arr-layer{position:absolute;inset:0;pointer-events:none}.arr-layer>*{pointer-events:auto}.arr-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.arr-fade{animation:arr-in .6s ease both}@keyframes arr-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.arr-fade{animation-duration:.01s}}.arr-chrome{position:absolute;top:calc(14px + var(--safe-t, 0px));right:calc(12px + var(--safe-r, 0px));display:flex;gap:8px;z-index:3}.arr-chrome[hidden]{display:none}.arr-pill{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:7px 13px;border-radius:999px;background:color-mix(in srgb,var(--cream-2) 92%,transparent);color:var(--ink);font-weight:700;font-size:13px;box-shadow:0 6px 18px #141e282e}.arr-pill:focus-visible,.arr-link:focus-visible,.arr-chip:focus-visible{outline:3px solid var(--coral);outline-offset:2px}@media(min-width:640px){.arr-chrome{top:calc(22px + var(--safe-t, 0px));right:calc(24px + var(--safe-r, 0px))}.arr-pill{font-size:14px;padding:8px 15px}}.arr-primary{display:block;width:100%;font-weight:800;font-size:16px;padding:13px;border-radius:14px;background:var(--coral);color:#fff;box-shadow:6px 6px #2e4a5a73;transition:transform .08s,box-shadow .08s}.arr-primary:active{transform:translate(3px,3px);box-shadow:3px 3px #2e4a5a73}.arr-primary:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.arr-primary:disabled{opacity:.75;cursor:default}.arr-carton0{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:calc(60px + var(--safe-t, 0px)) 24px 210px;text-align:center;color:#2c3e48;overflow-y:auto}.arr-brand b{display:block;font-size:52px;font-weight:800;letter-spacing:-.03em;line-height:1}.arr-brand span{display:block;font-size:18px;font-weight:600;color:#5b6d76;margin-top:8px}@media(min-width:640px){.arr-brand b{font-size:68px}.arr-carton0{padding-bottom:190px}}.arr-carton0 .arr-primary{width:100%;max-width:300px}.arr-links{display:flex;gap:8px 18px;flex-wrap:wrap;justify-content:center}.arr-link{font-size:14px;font-weight:700;color:#3f525c;text-decoration:underline;text-underline-offset:3px;padding:6px 2px}.arr-lang{position:absolute;top:calc(14px + var(--safe-t, 0px));right:calc(14px + var(--safe-r, 0px));z-index:2}.arr-install{display:flex;gap:10px;align-items:flex-start;max-width:330px;padding:12px 14px;border-radius:14px;background:#fff;color:#2c3e48;font-size:13px;line-height:1.45;text-align:start;box-shadow:0 10px 26px #14222c29}.arr-install svg{flex:none;width:22px;height:22px;color:#2f6fb0;margin-top:1px}.arr-install p{margin:0}.arr-recover{width:100%;max-width:360px;display:flex;flex-direction:column;gap:8px;text-align:start;padding:14px;border-radius:16px;background:#f6f2e7;color:#2c3e48;box-shadow:inset 0 0 0 1px #2c3e4824}.arr-recover label{font-size:12px;font-weight:700}.arr-inrow{display:flex;gap:8px}.arr-inrow input{flex:1;min-width:0;font:inherit;font-size:15px;padding:10px;border-radius:12px;border:2px solid rgba(44,62,72,.18);background:#fff;color:#2c3e48;outline:none;letter-spacing:.02em}.arr-inrow input:focus{border-color:#f2796b}.arr-inrow button{flex:none;padding:0 14px;border-radius:12px;background:#2c3e48;color:#efe9da;font-weight:800;font-size:14px}.arr-hint{margin:0;font-size:13px;line-height:1.45;color:#3f525c}.arr-err{margin:0;font-size:13px;font-weight:700;color:#a63f35}.arr-letter-wrap{position:absolute;left:16px;right:16px;top:calc(96px + var(--safe-t, 0px));bottom:16px;display:flex;flex-direction:column;gap:16px;align-items:stretch;overflow-y:auto}@media(min-width:640px){.arr-letter-wrap{left:50%;right:auto;width:min(560px,calc(100% - 48px));transform:translate(-50%);top:56px}}.arr-letter{position:relative;background:#f6f2e7;color:#2c3e48;border-radius:6px;box-shadow:0 24px 50px #00000073;padding:24px 24px 20px;transform:rotate(-.6deg);font-size:15px;line-height:1.5;font-weight:500;transform-origin:50% 0;animation:arr-unfold .7s ease both}@keyframes arr-unfold{0%{opacity:0;transform:rotate(-.6deg) scaleY(.2) translateY(30px)}to{opacity:1;transform:rotate(-.6deg) scaleY(1)}}@media(prefers-reduced-motion:reduce){.arr-letter{animation:none}}@media(min-width:640px){.arr-letter{font-size:16.5px;padding:34px 36px 28px;line-height:1.55}}.arr-letter p{margin:0 0 8px;transition:opacity .5s ease}.arr-letter p.hide{opacity:0}.arr-letter .sig{text-align:end;font-weight:800;margin:12px 0 10px}.arr-letter .ps{margin:0;color:#3f525c}.arr-letter:before{content:"";position:absolute;right:18px;top:16px;width:26px;height:26px;border-radius:999px;border:3px solid rgba(217,100,90,.55)}.arr-letter-wrap .arr-primary{flex:none}@media(min-width:640px){.arr-letter-wrap .arr-primary{align-self:center;width:300px}}.arr-carton{position:absolute;left:50%;top:calc(80px + var(--safe-t, 0px));transform:translate(-50%);max-width:calc(100% - 32px);padding:12px 26px 14px;border-radius:18px;background:var(--cream);color:var(--ink);text-align:center;box-shadow:0 18px 40px #14222c52}.arr-carton span{display:block;font-size:15px;font-weight:700;color:var(--ink-soft)}.arr-carton b{display:block;font-size:30px;font-weight:800;letter-spacing:-.01em;line-height:1.15}@media(min-width:640px){.arr-carton{top:56px}.arr-carton b{font-size:38px}}.arr-who{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.arr-face{width:30px;height:30px;border-radius:999px;display:block;background:radial-gradient(circle at 50% 35%,#d8dccf,#b9c3b8 75%)}.arr-say{margin:0;font-size:16px;font-weight:600;line-height:1.45;color:var(--ink)}.arr-saycard{position:absolute;left:16px;right:16px;bottom:calc(24px + var(--safe-b, 0px));display:flex;flex-direction:column;gap:6px;padding:14px 18px 16px;border-radius:20px;background:var(--cream);color:var(--ink);box-shadow:0 18px 40px #14222c52}@media(min-width:640px){.arr-saycard{left:auto;right:40px;bottom:40px;width:380px}.arr-say{font-size:17px}}.arr-sheet{position:absolute;left:0;right:0;bottom:0;max-height:52%;display:flex;flex-direction:column;gap:11px;padding:16px 16px calc(18px + var(--safe-b, 0px));border-radius:24px 24px 0 0;background:var(--cream);color:var(--ink);box-shadow:0 -10px 30px #14222c40;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.arr-root:not(.phone) .arr-sheet{left:auto;right:max(24px,4vw);top:76px;bottom:auto;width:400px;max-height:calc(100% - 100px);padding:22px 22px 24px;border-radius:24px;box-shadow:0 18px 40px #14222c52}.arr-controls{display:flex;flex-direction:column;gap:12px}.arr-controls>label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700}.arr-controls input{font:inherit;font-size:16px;padding:10px 12px;border:2px solid rgba(44,62,72,.15);border-radius:12px;background:#fff;color:#2c3e48;outline:none;-webkit-user-select:text;user-select:text}.arr-controls input:focus{border-color:var(--coral)}body.night .arr-controls input{background:#24323b;color:var(--ink)}.arr-controls .hair-tiles{grid-template-columns:repeat(6,minmax(0,52px))}.arr-sheet .arr-primary{margin-top:2px}.arr-sheet .arr-who{min-height:36px}.arr-back-round{position:relative;flex:none;margin-inline-start:auto;width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:2px solid var(--line);background:var(--cream-2);color:var(--ink);cursor:pointer}.arr-back-round:after{content:"";position:absolute;inset:-4px}.arr-back-round svg{width:18px;height:18px;flex:none}.arr-back-round:focus-visible{outline:3px solid var(--coral);outline-offset:2px}[dir=rtl] .arr-back-round svg{transform:scaleX(-1)}.arr-later{margin:0;font-size:13px;line-height:1.45;color:var(--ink-soft)}.arr-chips{display:flex;flex-wrap:wrap;gap:8px}.arr-chip{padding:7px 12px;border-radius:999px;border:2px solid var(--line);background:var(--cream-2);font-size:14px;font-weight:700;color:var(--ink)}.arr-chip[aria-pressed=true]{border-color:var(--coral);background:#f2796b2e}.arr-pb{margin:0;max-width:90%;padding:10px 14px;border-radius:16px 16px 16px 4px;background:var(--cream-2);font-size:16px;font-weight:600;line-height:1.42;animation:arr-in .35s ease both}.arr-me{margin:0;align-self:flex-end;max-width:80%;padding:10px 14px;border-radius:16px 16px 4px;background:#f9d6cf;color:#2c3e48;font-size:16px;font-weight:700;animation:arr-in .35s ease both}.arr-next{align-self:center;display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;color:var(--ink-soft);border-radius:999px}.arr-tag{position:absolute;transform:translate(-50%,-50%) rotate(-10deg);font-weight:800;color:#2c3e48;white-space:nowrap;pointer-events:none}.arr-root.phone .arr-wait{bottom:calc(196px + var(--safe-b, 0px))}.arr-wait{position:absolute;left:50%;bottom:calc(26px + var(--safe-b, 0px));transform:translate(-50%);padding:8px 16px;border-radius:999px;background:var(--cream);color:var(--ink);font-weight:700;box-shadow:0 10px 24px #141e2847}.arr-bub{position:absolute;max-width:min(300px,calc(100vw - 28px));padding:10px 13px;border-radius:14px;background:var(--cream);color:var(--ink);font-size:15px;font-weight:600;line-height:1.4;box-shadow:0 10px 24px #141e2847;transform:translate(-50%,-100%)}.arr-board{position:fixed;inset:0;z-index:70;overflow:auto;background:#efe9da;color:#2c3e48;padding:16px;display:grid;gap:16px}.arr-board h2{margin:0;font-size:18px}.arr-board .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.arr-board figure{margin:0;display:grid;gap:4px}.arr-board canvas{width:100%;aspect-ratio:200 / 210;border-radius:10px;background:radial-gradient(circle at 50% 30%,#d8dccf,#b9c3b8 75%)}.arr-board figcaption{font-size:11px;font-weight:600;color:#56666d}