@charset "UTF-8";@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/plus-jakarta-sans-latin.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}[data-theme=daylight]{--surface: #eaeff8;--surface-raised: color-mix(in srgb, var(--shadow-light) 38%, var(--surface));--shadow-dark: #c3cede;--shadow-light: #ffffff;--ink: #131c33;--ink-muted: #5a6a86;--ink-faint: #8492ab;--mine: #2f5bff;--mine-ink: #1d3fd6;--mine-fill: #1d3fd6;--theirs: #7b5cf6;--theirs-ink: #5b34d4;--theirs-fill: #5b34d4;--accent-grad: linear-gradient(135deg, #3a66ff 0%, #1e3fe0 100%);--wash: radial-gradient(125% 85% at 50% -10%, rgb(251 252 255 / .3) 0%, rgba(251, 252, 255, 0) 58%), radial-gradient(100% 65% at 108% 106%, #dde7fa 0%, rgba(221, 231, 250, 0) 60%), radial-gradient(90% 55% at -8% 100%, #e6e2fb 0%, rgba(230, 226, 251, 0) 55%)}:root{--surface: #eaeff8;--surface-raised: color-mix(in srgb, var(--shadow-light) 38%, var(--surface));--shadow-dark: #c3cede;--shadow-light: #ffffff;--ink: #131c33;--ink-muted: #5a6a86;--ink-faint: #8492ab;--mine: #2f5bff;--mine-ink: #1d3fd6;--mine-fill: #1d3fd6;--theirs: #7b5cf6;--theirs-ink: #5b34d4;--theirs-fill: #5b34d4;--accent-grad: linear-gradient(135deg, #3a66ff 0%, #1e3fe0 100%);--wash: radial-gradient(125% 85% at 50% -10%, rgb(251 252 255 / .3) 0%, rgba(251, 252, 255, 0) 58%), radial-gradient(100% 65% at 108% 106%, #dde7fa 0%, rgba(221, 231, 250, 0) 60%), radial-gradient(90% 55% at -8% 100%, #e6e2fb 0%, rgba(230, 226, 251, 0) 55%);--bg: color-mix(in srgb, var(--shadow-dark) 30%, var(--surface));--surface-card: color-mix(in srgb, var(--shadow-light) 80%, var(--surface));--card-edge: color-mix(in srgb, var(--shadow-dark) 60%, transparent);--card-highlight: rgb(255 255 255 / .85);--contact: color-mix(in srgb, var(--ink) 9%, transparent);--lift: 0 0 0 1px var(--card-edge), inset 0 1px 0 var(--card-highlight), 0 1px 2px var(--contact), 0 10px 20px -12px var(--contact);--accent: var(--mine);--accent-ink: var(--mine-ink);--accent-fill: var(--mine-fill);--danger: #c22a3f;--success: #0c6b56;--raise: 9px 9px 20px var(--shadow-dark), -9px -9px 20px var(--shadow-light);--raise-sm: 4px 4px 10px var(--shadow-dark), -4px -4px 10px var(--shadow-light);--press: inset 4px 4px 10px var(--shadow-dark), inset -4px -4px 10px var(--shadow-light);--press-sm: inset 3px 3px 7px var(--shadow-dark), inset -3px -3px 7px var(--shadow-light);--glow: 0 10px 22px -8px color-mix(in srgb, var(--accent) 70%, transparent);--radius-card: 28px;--radius-pill: 999px;--radius-control: 18px;--radius-tile: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--tap-target: 44px;--icon: 20px;--fit-gap: clamp(8px, 1.6dvh, 18px);--fit-pad: clamp(13px, 2.2dvh, 22px);--fit-avatar: clamp(46px, 8.4dvh, 76px);--fit-name: clamp(17px, 2.6dvh, 24px);--fit-control: clamp(36px, 5.4dvh, 46px);--fit-text: clamp(13px, 1.9dvh, 16px);--fit-micro: clamp(10px, 1.45dvh, 12px)}[data-theme=cocoa]{--surface: #f0e7dc;--surface-raised: color-mix(in srgb, var(--shadow-light) 38%, var(--surface));--shadow-dark: #d5c4b0;--shadow-light: #fffdf9;--ink: #2f2118;--ink-muted: #6d5747;--ink-faint: #9c8878;--mine: #9a6233;--mine-ink: #5f3819;--mine-fill: #5f3819;--theirs: #b3697f;--theirs-ink: #8a3f57;--theirs-fill: #8a3f57;--accent-grad: linear-gradient(135deg, #8a5228 0%, #5f3819 100%);--wash: radial-gradient(125% 85% at 50% -10%, rgb(255 250 243 / .3) 0%, rgba(255, 250, 243, 0) 58%), radial-gradient(100% 65% at 108% 106%, #eddcc8 0%, rgba(237, 220, 200, 0) 60%), radial-gradient(90% 55% at -8% 100%, #f2ddd9 0%, rgba(242, 221, 217, 0) 55%)}[data-theme=orchid]{--surface: #f4ecf6;--surface-raised: color-mix(in srgb, var(--shadow-light) 38%, var(--surface));--shadow-dark: #dcc9e0;--shadow-light: #ffffff;--ink: #2b1a33;--ink-muted: #6a5273;--ink-faint: #a291ab;--mine: #7c3aed;--mine-ink: #5b21b6;--mine-fill: #5b21b6;--theirs: #d1478a;--theirs-ink: #a3245f;--theirs-fill: #a3245f;--accent-grad: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);--wash: radial-gradient(125% 85% at 50% -10%, rgb(253 249 255 / .3) 0%, rgba(253, 249, 255, 0) 58%), radial-gradient(100% 65% at 108% 106%, #ecd9f2 0%, rgba(236, 217, 242, 0) 60%), radial-gradient(90% 55% at -8% 100%, #fadbe8 0%, rgba(250, 219, 232, 0) 55%)}[data-theme=midnight]{--surface: #191f2e;--surface-raised: color-mix(in srgb, var(--shadow-light) 38%, var(--surface));--shadow-dark: #10141f;--shadow-light: #2c3651;--ink: #eef2fb;--ink-muted: #a7b4cd;--ink-faint: #6f7d99;--mine: #6d8cff;--mine-ink: #9db3ff;--mine-fill: #2f4bbf;--theirs: #a98bff;--theirs-ink: #c4b0ff;--theirs-fill: #5c3fb0;--accent-grad: linear-gradient(135deg, #3a5fd9 0%, #2438a8 100%);--danger: #ff8792;--success: #46d6b3;--surface-card: color-mix(in srgb, var(--shadow-light) 55%, var(--surface));--card-edge: rgb(255 255 255 / .06);--card-highlight: rgb(255 255 255 / .07);--contact: rgb(0 0 0 / .4);--wash: radial-gradient(125% 85% at 50% -10%, rgb(41 51 77 / .45) 0%, rgba(41, 51, 77, 0) 58%), radial-gradient(100% 65% at 108% 106%, #1d2b52 0%, rgba(29, 43, 82, 0) 60%), radial-gradient(90% 55% at -8% 100%, #2a2148 0%, rgba(42, 33, 72, 0) 55%)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;overscroll-behavior:none}body{background:var(--wash),var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.45;letter-spacing:-.006em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}h1,h2,h3{letter-spacing:-.02em}:focus-visible{outline:3px solid var(--accent-ink);outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app-shell{width:100%;max-width:460px;height:100dvh;margin:0 auto;padding:env(safe-area-inset-top) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:hidden}.app-shell--scroll{overflow-y:auto;scrollbar-width:none}.app-shell--scroll::-webkit-scrollbar{display:none}.app-shell--centred{justify-content:center}.panel__mark{display:grid;place-items:center;width:62px;height:62px;border-radius:22px;color:var(--ink-muted);box-shadow:var(--press-sm);--icon: 28px}.panel__mark--accent{color:#fff;background:var(--accent-grad);box-shadow:var(--glow)}.panel__title{margin:0;font-size:21px;font-weight:800}.panel__title--small{font-size:17px}.panel__lead{margin:0;color:var(--ink-muted);font-size:15px}.panel__lead strong{color:var(--accent-ink);letter-spacing:.08em}.toggle{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;text-align:left;padding:var(--space-3);border-radius:var(--radius-control);cursor:pointer;box-shadow:var(--raise-sm)}.toggle input{margin:2px 0 0;width:20px;height:20px;accent-color:var(--accent);flex:0 0 auto}.toggle__text{display:grid;text-align:left}.toggle__name{font-size:15px;font-weight:700}.toggle__blurb{font-size:12px;font-weight:600;color:var(--ink-muted)}.actions{display:grid;grid-template-columns:1fr 1.3fr;gap:var(--space-3);width:100%}.button--sm{min-height:36px;padding:0 var(--space-4);font-size:13px;--icon: 15px}.code{margin:0;padding:var(--space-3) var(--space-5);border-radius:var(--radius-control);color:var(--accent-ink);font-size:26px;font-weight:800;letter-spacing:.2em;font-variant-numeric:tabular-nums;box-shadow:var(--press);-webkit-user-select:all;user-select:all}.panel--centred{justify-items:center;text-align:center}.form{display:grid;gap:var(--space-3);width:100%}.panel{--surface-raised: var(--surface-card);background:linear-gradient(150deg,color-mix(in srgb,var(--shadow-light) 60%,var(--surface-card)) 0%,var(--surface-card) 55%);border-radius:var(--radius-card);box-shadow:var(--lift),var(--raise);padding:var(--space-5) var(--space-4);display:grid;gap:var(--space-4)}.tile{display:inline-grid;place-items:center;width:var(--tap-target);height:var(--tap-target);border-radius:var(--radius-tile);background:var(--surface-raised);color:var(--ink-muted);border:0;text-decoration:none;box-shadow:var(--raise-sm);transition:box-shadow .16s ease,color .16s ease}.tile:active,.tile--on{box-shadow:var(--press-sm)}.tile--on{color:var(--accent-ink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-target);padding:0 var(--space-5);border:0;border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--ink-muted);font-size:15px;font-weight:600;box-shadow:var(--raise-sm);transition:box-shadow .16s ease,transform .16s ease}.button:active{box-shadow:var(--press-sm);transform:translateY(1px)}.button--primary{background:var(--accent-grad);color:#fff;font-weight:700;box-shadow:var(--glow),var(--raise-sm)}.button--primary:active{box-shadow:var(--press-sm)}.button--primary:disabled,.button:disabled{background:var(--surface);color:var(--ink-faint);box-shadow:var(--press-sm);cursor:not-allowed;transform:none}.button--danger{background:linear-gradient(135deg,#ce3b50,#b21f36);color:#fff;font-weight:700;box-shadow:0 10px 22px -8px #c22a3f99,var(--raise-sm)}.button--wide{width:100%}.pill{display:inline-flex;align-items:center;gap:7px;min-height:var(--fit-control, var(--tap-target));padding:0 var(--space-3);border:0;border-radius:var(--radius-pill);background:var(--card-surface, var(--surface-raised));color:var(--ink-muted);font-size:var(--fit-text, 15px);font-weight:600;white-space:nowrap;box-shadow:var(--raise-in, var(--raise-sm));--icon: calc(var(--fit-text, 15px) + 3px);transition:box-shadow .16s ease,color .16s ease}button.pill:active{box-shadow:var(--press-in, var(--press-sm))}.pill--on{background:var(--tone-fill, var(--accent-fill));color:#fff;box-shadow:3px 5px 12px -4px color-mix(in srgb,var(--tone-fill, var(--accent-fill)) 65%,transparent),inset 0 1px #ffffff4d}button.pill--on:active{box-shadow:inset 2px 2px 6px #00000047}button.pill:focus-visible{outline-offset:2px}.react{display:grid;place-items:center;width:clamp(32px,4.7dvh,40px);height:clamp(32px,4.7dvh,40px);padding:0;border:0;border-radius:50%;background:var(--card-surface, var(--surface-raised));color:var(--ink-muted);box-shadow:var(--raise-in, var(--raise-sm));--icon: calc(var(--fit-text, 15px) + 3px);transition:box-shadow .16s ease,color .16s ease,transform .16s ease}button.react:active{transform:scale(.94)}.react--on{color:var(--tone-ink, var(--accent-ink));box-shadow:var(--press-in, var(--press-sm))}.react--said{box-shadow:var(--raise-in, var(--raise-sm)),0 0 0 2px var(--tone, var(--accent))}.react--trigger{cursor:pointer}.pick{position:relative;display:flex;flex:0 0 auto}.pick__scrim{position:fixed;inset:0;z-index:2}.pick__menu{position:absolute;right:0;bottom:calc(100% + 8px);z-index:3;display:flex;gap:4px;padding:6px;border-radius:var(--radius-pill);background:var(--card-surface, var(--surface-raised));box-shadow:5px 5px 14px var(--card-dark, var(--shadow-dark)),-5px -5px 14px var(--shadow-light)}.pick__option{display:grid;place-items:center;width:clamp(30px,4.6dvh,38px);height:clamp(30px,4.6dvh,38px);padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;animation:pop .24s cubic-bezier(.22,1.4,.5,1) backwards;transition:transform .14s ease,background-color .14s ease}.pick__option:hover,.pick__option:focus-visible{transform:scale(1.18)}.pick__option--on{background:var(--tone-pale, color-mix(in srgb, var(--accent) 78%, #fff));box-shadow:var(--press-in, var(--press-sm))}.emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:calc(var(--fit-text, 15px) + 3px);line-height:1}@keyframes pop{0%{opacity:0;transform:scale(.4) translateY(6px)}}.flip{position:relative;height:100%;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.4,.1,.2,1)}.flip--turned{transform:rotateY(180deg)}.face{backface-visibility:hidden;transition:visibility 0s linear .26s}.flip--turned>.face--front,.flip:not(.flip--turned)>.face--back{visibility:hidden}@media(prefers-reduced-motion:reduce){.face{transition-delay:0s}}.face--back{position:absolute;inset:0;transform:rotateY(180deg)}.turn{align-self:flex-start;margin:-5px -5px 0 auto;width:30px;height:30px;color:var(--tone-ink);--icon: 15px}.turn--waiting{box-shadow:var(--raise-in),0 0 0 2px var(--tone)}.turn__count{font-size:var(--fit-text);font-weight:800}.back__head{display:flex;align-items:center;gap:var(--space-2)}.back__title{flex:1 1 auto;min-width:0;margin:0;font-size:var(--fit-text);font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back__count{flex:0 0 auto;font-size:var(--fit-micro);font-weight:700;color:var(--ink-muted)}.back__empty{flex:1 1 auto;display:grid;place-content:center;margin:0;padding:0 var(--space-4);text-align:center;font-size:var(--fit-text);color:var(--ink-muted)}.face--back .button{position:relative;flex:0 0 auto;cursor:pointer}.face--back .button input{position:absolute;inset:0;opacity:0;cursor:pointer}.button--busy app-icon{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field{display:grid;gap:var(--space-2);min-width:0}.field__label{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.field__hint{margin:0;font-size:13px;color:var(--ink-muted)}.field__control{width:100%;min-width:0;min-height:var(--tap-target);padding:0 var(--space-4);border:0;border-radius:var(--radius-control);background:transparent;color:var(--ink);box-shadow:var(--press);outline:none;transition:box-shadow .16s ease}.field__control::placeholder{color:var(--ink-muted)}.field__control:focus{box-shadow:var(--press),0 0 0 2px var(--accent)}.error{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);color:var(--danger);font-size:14px;font-weight:600;text-align:center;box-shadow:var(--press-sm)}.toast{position:fixed;left:50%;bottom:calc(var(--space-5) + env(safe-area-inset-bottom));transform:translate(-50%);z-index:20;margin:0;padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--ink);color:#fff;font-size:14px;font-weight:600;box-shadow:0 14px 30px -12px #131c33cc;animation:toast-rise .16s ease-out}@keyframes toast-rise{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media(prefers-contrast:more){:root{--raise: none;--raise-sm: none;--press: none;--press-sm: none;--glow: none;--lift: none;--surface: #ffffff;--surface-raised: #ffffff;--surface-card: #ffffff;--ink-muted: #384357;--ink-faint: #4b586e}.card,.panel,.pill,.react,.note,.tile,.field__control,.button,.soft,.pick__menu,.pick__option--on{border:2px solid var(--ink)!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}