.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.profile-card{position:relative}.profile-badge{align-items:center;gap:4px;font-size:13px;font-weight:800;line-height:1.2;display:inline-flex}.profile-badge.synced{background:var(--blue-soft);border:2px solid var(--blue);border-radius:50%;justify-content:center;width:34px;height:34px;font-size:17px;position:absolute;top:10px;right:10px}.profile-badge.waiting{background:var(--highlight);color:var(--ink);text-align:center;border-radius:999px;padding:3px 10px}.profile-account-btn.profile-other-device{border:2px solid var(--line);background:var(--card);width:min(460px,100%);min-height:64px;box-shadow:0 4px 0 var(--line);text-align:left;border-radius:20px;align-items:center;gap:12px;padding:10px 16px;transition:transform .12s;display:flex}.profile-account-btn.profile-other-device:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.profile-account-btn[disabled]{opacity:.45;cursor:default}.profile-account-icon{flex:none;font-size:30px}.profile-account-text{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-account-text strong{font-size:17px;font-weight:800}.profile-account-text span{color:var(--ink-soft);font-size:14px}.profile-link-device,.profile-linked{text-align:center;max-width:100%;min-height:44px;margin:0}.profile-linked{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:14px;display:flex}.profile-linked .link-btn,.profile-notice .link-btn{min-height:44px;text-decoration:underline}.profile-notice{background:var(--blue-soft);border:2px solid var(--line);text-align:left;border-radius:20px;width:100%;padding:12px 16px}.profile-notice strong{font-family:var(--display);font-size:19px;font-weight:600}.profile-notice p{margin:4px 0 8px;font-size:15px;line-height:1.4}.profile-notice-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.profile-notice-actions .btn{min-height:44px}.kid-screen{z-index:20;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));background:radial-gradient(circle at 50% 120%, #9fd7c6 0%, transparent 55%), radial-gradient(circle at 20% 10%, #fff6df 0%, transparent 40%), linear-gradient(180deg, #cfeef0 0%, var(--sky) 100%);place-items:center;display:grid;position:absolute;inset:0;overflow-y:auto}.kid-panel{background:var(--paper);width:min(560px,100%);box-shadow:var(--shadow);border-radius:32px;padding:16px 22px 24px;animation:.35s ease-out pop-in;position:relative}.kid-back{align-items:center;gap:6px;min-height:44px;display:inline-flex}.kid-back[hidden]{display:none}.kid-body{text-align:center;flex-direction:column;align-items:center;gap:12px;padding-top:4px;display:flex}.kid-icon{margin:0;font-size:52px;line-height:1}.kid-title{outline:none;margin:0;font-size:clamp(24px,6vw,30px);line-height:1.15}.kid-help{max-width:44ch;color:var(--ink);margin:0;font-size:17px;line-height:1.45}.kid-aside{max-width:44ch;color:var(--ink-soft);margin:4px 0 0;font-size:14px;line-height:1.4}.kid-note{min-height:1.4em;color:var(--terracotta-ink);margin:0;font-size:17px;font-weight:800}.kid-note:empty{min-height:0}.kid-note.kid-busy{color:var(--ink-soft)}.kid-field{text-align:left;flex-direction:column;align-items:stretch;gap:6px;width:min(420px,100%);display:flex}.kid-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:13px;font-weight:800}.kid-name-input{border:3px solid var(--line-strong);background:var(--card);width:100%;min-height:64px;font-family:var(--font);letter-spacing:.01em;-webkit-user-select:text;user-select:text;border-radius:18px;padding:10px 16px;font-size:clamp(22px,6vw,28px);font-weight:800}.kid-name-input:focus{border-color:var(--blue);outline:none}.kid-next{width:min(420px,100%)}.kid-secondary{min-height:48px}.kid-who{color:var(--ink-soft);overflow-wrap:anywhere;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;margin:0;font-size:15px;display:flex}.kid-who .link-btn{min-height:44px;text-decoration:underline}.picture-pad{flex-direction:column;gap:14px;width:min(420px,100%);display:flex}.picture-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.picture-slots{gap:10px;display:flex}.picture-slots.shake{animation:.4s shake}.picture-slot{border:3px dashed var(--line-strong);background:var(--paper-2);border-radius:18px;place-items:center;width:64px;height:64px;display:grid}.picture-slot.filled{border-style:solid;border-color:var(--sage);background:var(--sage-soft)}.picture-slot.fresh{animation:.25s ease-out pop-in}.picture-art{place-items:center;display:inline-grid}.picture-art-svg{width:1.15em;height:1.15em;display:block}.picture-slot .picture-art{font-size:38px}.picture-slot-n{color:var(--ink-soft);font-size:20px;font-weight:900}.picture-undo{align-items:center;gap:6px;min-height:48px;display:inline-flex}.picture-undo[disabled]{opacity:.45}.picture-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.picture-btn{aspect-ratio:1;border:2px solid var(--line);background:var(--card);min-height:72px;box-shadow:0 5px 0 var(--line);border-radius:22px;place-items:center;transition:transform 80ms,box-shadow 80ms;display:grid}.picture-btn:active{box-shadow:0 2px 0 var(--line);transform:translateY(3px)}.picture-btn[disabled]{cursor:default;opacity:.6}.picture-btn .picture-art{font-size:clamp(40px,12vw,60px);line-height:1}.link-show{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 24px;display:flex}.link-qr{background:var(--card);border:2px solid var(--line);border-radius:20px;width:176px;height:176px;padding:8px}.link-qr-svg{width:100%;height:100%;display:block}.link-code-box{flex-direction:column;align-items:center;gap:6px;display:flex}.link-code{font-family:var(--font);letter-spacing:.08em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(38px,11vw,52px);font-weight:900}.link-left{color:var(--ink-soft);font-size:14px}.link-children{flex-direction:column;align-items:center;gap:6px;display:flex}.link-children-list{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.link-children-list li{background:var(--sage-soft);color:var(--sage-ink);overflow-wrap:anywhere;border-radius:999px;gap:6px;padding:6px 14px;font-weight:800;display:inline-flex}.kid-panel .confetti{opacity:.55;border-radius:32px 32px 0 0;height:96px;inset:0 0 auto}.hud-stop-visit{top:calc(var(--under-bar) + var(--safe-top));right:calc(12px + var(--safe-right));background:var(--paper);height:54px;box-shadow:var(--shadow);pointer-events:auto;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 18px;font-size:17px;font-weight:800;display:inline-flex;position:absolute}.hud-stop-visit:active{transform:translateY(2px)}.hud.visiting>.post-bag-chip{top:calc(140px + var(--safe-top))}.hud.busy .hud-stop-visit{opacity:.85}@media (width<=400px){.hud-stop-visit{justify-content:center;width:54px;padding:0}.hud-stop-visit .hud-stop-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.visit-backdrop{z-index:40}.visit-card{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:22px 22px 24px;display:flex}.visit-actions{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.visit-actions .btn{flex:160px;min-height:48px}.visit-spinner{border:4px solid var(--line);border-top-color:var(--sage);border-radius:50%;width:36px;height:36px;animation:.9s linear infinite visit-spin}@keyframes visit-spin{to{rotate:360deg}}.visit-soon{z-index:30;top:calc(var(--under-bar) + var(--safe-top));background:var(--highlight);max-width:calc(100% - 32px);box-shadow:var(--shadow);text-align:center;pointer-events:none;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:16px;font-weight:800;animation:.3s ease-out fade-in;display:flex;position:absolute;left:50%;translate:-50%}.visit-soon[hidden]{display:none}.unlink-device .modal .kid-help{margin:0 0 16px}@media (width<=420px){.kid-panel{border-radius:26px;padding:12px 14px 20px}.picture-grid{gap:10px}.picture-slot{width:56px;height:56px}.picture-slot .picture-art{font-size:32px}.link-qr{width:150px;height:150px}}@media (prefers-reduced-motion:reduce){.kid-panel,.picture-slots.shake,.picture-slot.fresh,.visit-soon,.visit-spinner{animation:none}.picture-btn,.profile-account-btn{transition:none}}
