:root{--sky-top:#bfddf2;--sky-low:#edf6fb;--ink:#1b2333;--muted:#51607a;--surface:#fff;--surface-2:#f1f5f9;--line:#d3dde8;--accent:#d7263d;--accent-deep:#a3172b;--accent-ink:#fff;--kiss:#ffe3ea;--focus:#1b5fd9;--display:"Fredoka","Trebuchet MS","Segoe UI",sans-serif;--body:"Nunito","Segoe UI",system-ui,sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;box-sizing:border-box}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sky-top:#0c1424;--sky-low:#1c2a47;--ink:#eef2f8;--muted:#a5b1c6;--surface:#172033;--surface-2:#202c45;--line:#31405e;--accent:#f2506f;--accent-deep:#b32c48;--accent-ink:#22060c;--kiss:#3a1f33;--focus:#8db8ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--sky-top:#0c1424;--sky-low:#1c2a47;--ink:#eef2f8;--muted:#a5b1c6;--surface:#172033;--surface-2:#202c45;--line:#31405e;--accent:#f2506f;--accent-deep:#b32c48;--accent-ink:#22060c;--kiss:#3a1f33;--focus:#8db8ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:inherit}body{background:linear-gradient(var(--sky-top),var(--sky-low) 70%);background-color:var(--sky-low);height:100%;color:var(--ink);font-family:var(--body);margin:0;font-size:16px;line-height:1.45;position:relative;overflow:hidden}#root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);position:relative}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}#stage{position:absolute;inset:0}#scene{touch-action:none;outline-offset:-4px;cursor:grab;width:100%;height:100%;display:block}#scene:active{cursor:grabbing}#labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.tag{white-space:nowrap;font-family:var(--display);background:var(--surface);color:var(--ink);border:2px solid var(--ink);will-change:transform;opacity:0;border-radius:999px;padding:.1rem .6rem;font-size:.9rem;font-weight:500;transition:opacity .3s;position:absolute;top:0;left:0}#fallback{text-align:center;color:var(--muted);place-items:center;margin:0;padding:2rem;display:grid;position:absolute;inset:0}.top{pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;display:flex;position:absolute;top:0;left:0;right:0}.top>*{pointer-events:auto}.top h1,#since,#status,#note{text-shadow:0 1px 0 var(--sky-low),0 0 12px var(--sky-low)}h1{font-family:var(--display);letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-size:clamp(1.7rem,4.5vw,2.75rem);font-weight:600;line-height:1.05}#status{color:var(--muted);max-width:36ch;margin:.3rem 0 0;font-weight:600}#note{color:var(--muted);max-width:40ch;margin:.2rem 0 0;font-size:.875rem}.tools{flex-wrap:wrap;gap:.5rem;display:flex}.btn{font-family:var(--display);background:var(--surface);color:var(--ink);border:2px solid var(--ink);cursor:pointer;box-shadow:0 3px 0 var(--ink);border-radius:10px;padding:.45rem .9rem;font-size:1rem;font-weight:500;transition:transform 80ms,box-shadow 80ms}.btn:active{box-shadow:0 0 0 var(--ink);transform:translateY(3px)}.btn[aria-pressed=true]{background:var(--ink);color:var(--surface)}.btn.kiss{background:var(--kiss)}.btn.quiet{box-shadow:none;background:0 0;border-color:#0000;padding:.35rem .6rem}.btn.quiet:hover{background:var(--surface-2)}.btn.quiet:active{transform:none}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent-deep);box-shadow:0 4px 0 var(--accent-deep)}.btn.primary:active{box-shadow:0 0 0 var(--accent-deep);transform:translateY(4px)}.btn.danger{color:var(--accent)}.add-wrap,.toast-wrap{pointer-events:none;justify-content:center;display:flex;position:absolute;left:0;right:0}.add-wrap{bottom:calc(1.5rem + env(safe-area-inset-bottom,0px))}.add-wrap>*{pointer-events:auto}#btnAdd{border-radius:14px;padding:.7rem 1.5rem;font-size:1.2rem}#btnAdd:active{box-shadow:0 1px 0 var(--accent-deep)}.btn{justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.btn svg{flex:none;display:block}.btn .ico{color:var(--accent);display:inline-flex}.btn.icon{padding:.45rem .55rem;line-height:1}#since{color:var(--accent);align-items:center;gap:.4rem;margin:.3rem 0 0;font-size:.95rem;font-weight:700;display:flex}#since svg{flex:none}.app-shell{position:absolute;inset:0}.lock{background:radial-gradient(70rem 34rem at 50% 118%, color-mix(in srgb,var(--accent) 30%,transparent), transparent 70%), linear-gradient(var(--sky-top),var(--sky-low));--brick-empty:#f1d2da;--brick-edge:#1b233333;--art-top:#ffe6ec;--art-low:#fff7f9;place-items:center;padding:4.5rem 1rem 2rem;display:grid;position:absolute;inset:0;overflow-y:auto}[data-theme=dark] .lock{--brick-empty:#4a3d66;--brick-edge:#00000073;--art-top:#2b1d36;--art-low:#1b2238}.lock-theme{z-index:2;position:absolute;top:1rem;right:1rem}.lock-floaters{pointer-events:none;color:var(--accent);position:absolute;inset:0;overflow:hidden}.lock-floaters span{opacity:0;animation:lockFloat var(--dur) linear var(--delay) infinite;position:absolute;bottom:-40px}@keyframes lockFloat{0%{opacity:0;transform:translate(0)rotate(-12deg)}12%{opacity:.4}80%{opacity:.22}to{transform:translate(var(--drift),-115vh) rotate(14deg);opacity:0}}.lock-card{z-index:1;background:var(--surface);border:2px solid var(--ink);width:min(54rem,100%);box-shadow:0 8px 0 var(--ink);border-radius:24px;grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);display:grid;position:relative;overflow:hidden}.lock-art{background:linear-gradient(160deg,var(--art-top),var(--art-low));border-right:2px solid var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2.4rem 2rem;display:flex}.lock-art-note{font-family:var(--display);color:var(--muted);margin:0;font-size:1.05rem;font-weight:500}.heart-art{filter:drop-shadow(0 6px #1b233324);width:100%;max-width:290px;height:auto;overflow:visible}.heart-art .body,.heart-art .stud{fill:var(--brick-empty);stroke:var(--brick-edge);stroke-width:.8px;transition:fill .32s}.heart-art .shine{fill:#fff;opacity:.26;pointer-events:none}.heart-art.success{filter:drop-shadow(0 0 22px color-mix(in srgb,var(--accent) 65%,transparent)) drop-shadow(0 6px 0 #1b233324)}.lock-form{min-width:0;padding:2.3rem 2.2rem 1.7rem}.lock-kicker{letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.78rem;font-weight:800}.lock-form h1{margin:.35rem 0 .55rem;font-size:clamp(1.6rem,3.4vw,2.3rem);line-height:1.08}.lock-sub{color:var(--muted);max-width:34ch;margin:0 0 1.6rem}.date-bricks{align-items:flex-start;gap:.75rem;padding-top:8px;display:flex}.date-brick{flex-direction:column;align-items:center;gap:.4rem;display:flex;position:relative}.date-brick:before,.date-brick:after{content:"";box-sizing:border-box;background:var(--surface-2);border:2px solid var(--ink);border-bottom:0;border-radius:5px 5px 0 0;width:1.15rem;height:8px;transition:background .2s,border-color .2s;position:absolute;top:-8px}.date-brick:before{left:22%}.date-brick:after{right:22%}.date-brick input{text-align:center;width:4.7rem;height:3.7rem;font-family:var(--display);font-variant-numeric:tabular-nums;letter-spacing:.02em;background:var(--surface-2);color:var(--ink);border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink);caret-color:var(--accent);border-radius:10px;padding:0;font-size:1.75rem;font-weight:600;transition:background .2s,border-color .2s,box-shadow .2s,transform 80ms}.date-brick.b-y input{width:7.2rem}.date-brick input::placeholder{color:var(--muted);opacity:.45}.date-brick input:focus{border-color:var(--accent);box-shadow:0 4px 0 var(--accent-deep);outline:none;transform:translateY(-1px)}.date-brick:focus-within:before,.date-brick:focus-within:after{border-color:var(--accent)}.date-brick input:not(:placeholder-shown){background:color-mix(in srgb,var(--accent) 16%,var(--surface))}.date-brick:has(input:not(:placeholder-shown)):before{background:color-mix(in srgb,var(--accent) 16%,var(--surface))}.date-brick:has(input:not(:placeholder-shown)):after{background:color-mix(in srgb,var(--accent) 16%,var(--surface))}.date-bricks.invalid input{border-color:var(--accent)}.date-brick label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.74rem;font-weight:800}.lock-preview{min-height:1.45em;margin:.9rem 0 1rem;font-weight:700}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.65rem;font-weight:600;display:inline-flex;position:relative}.switch input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.switch .track{background:var(--line);border:2px solid var(--ink);border-radius:999px;flex:none;width:2.7rem;height:1.55rem;transition:background .2s;position:relative}.switch .thumb{background:var(--surface);border:2px solid var(--ink);border-radius:50%;width:1.05rem;height:1.05rem;transition:transform .2s;position:absolute;top:2px;left:2px}.switch input:checked+.track{background:var(--accent)}.switch input:checked+.track .thumb{transform:translate(1.12rem)}.switch input:focus-visible+.track{outline:3px solid var(--focus);outline-offset:2px}.lock-error{min-height:1.4em;color:var(--accent);margin:.7rem 0 .8rem;font-weight:700}.lock-actions{align-items:center;gap:.6rem;display:flex}.lock-go{width:100%;padding:.8rem 1rem;font-size:1.12rem}.lock-go:disabled{opacity:.7;cursor:default}.lock-forgot{text-align:center;color:var(--muted);margin-top:1.1rem;font-size:.9rem}.lock-forgot p{margin:0 0 .6rem}.lock-forgot .row{justify-content:center;margin-top:0}.linkish{color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:.25rem;font-weight:600;text-decoration:underline}.linkish:hover{color:var(--ink)}@media (width<=760px){.lock{align-items:start;padding:4rem .9rem 1.5rem}.lock-card{border-radius:20px;grid-template-columns:1fr}.lock-art{border-right:0;border-bottom:2px solid var(--ink);gap:.5rem;padding:1.4rem 1rem 1rem}.heart-art{max-width:150px}.lock-art-note{font-size:.95rem}.lock-form{padding:1.4rem 1.2rem 1.3rem}.lock-sub{margin-bottom:1.3rem}.date-bricks{gap:.55rem}.date-brick input{width:4.1rem;height:3.4rem;font-size:1.5rem}.date-brick.b-y input{width:6.3rem}}@media (width<=360px){.date-brick input{width:3.6rem;font-size:1.35rem}.date-brick.b-y input{width:5.4rem}}@media (prefers-reduced-motion:reduce){.lock-floaters{display:none}.heart-art .body,.heart-art .stud,.date-brick input,.switch .track,.switch .thumb{transition:none}}.btn.icon[aria-pressed]{background:var(--surface);color:var(--ink)}.cam-hint{max-width:min(30rem,100% - 2rem);color:var(--ink);background:color-mix(in srgb,var(--surface) 82%,transparent);border:2px solid var(--line);pointer-events:none;border-radius:12px;margin:0;padding:.45rem .7rem;font-size:.85rem;font-weight:600;position:absolute;bottom:1.25rem;left:1rem}.cam-hint kbd{text-align:center;min-width:1.3em;font:inherit;border:1.5px solid var(--line);background:var(--surface);border-bottom-width:3px;border-radius:5px;margin:0 .08rem;padding:0 .2rem;font-size:.78rem;display:inline-block}@media (width<=1240px){.cam-hint{text-align:center;max-width:none;left:1rem;right:1rem;bottom:calc(5.4rem + env(safe-area-inset-bottom,0px))}}#panel{background:var(--surface);border:2px solid var(--ink);width:min(21rem,100% - 2rem);box-shadow:0 5px 0 var(--ink);border-radius:16px;flex-direction:column;display:flex;position:absolute;top:5.5rem;bottom:1rem;right:1rem;overflow:hidden}.panel-head{justify-content:space-between;align-items:center;padding:.75rem .75rem .5rem 1rem;display:flex}.panel-head h2{font-family:var(--display);margin:0;font-size:1.25rem;font-weight:600}.panel-body{flex:1;padding:0 .75rem 1rem;overflow-y:auto}#list{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}#list button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:.1rem .7rem;width:100%;padding:.5rem;display:grid}#list button:hover{background:var(--surface-2)}.chip{border:1.5px solid #00000059;border-radius:3px;grid-row:span 2;width:1.5rem;height:1.1rem;position:relative}.chip:before{content:"";background:linear-gradient(90deg,currentColor 0 38%,#0000 38% 62%,currentColor 62% 100%);border-radius:2px 2px 0 0;height:.25rem;position:absolute;top:-.3rem;left:12%;right:12%}.m-title{overflow-wrap:anywhere;font-weight:700}.m-date{color:var(--muted);grid-column:2;font-size:.875rem}.empty{color:var(--muted);padding:.5rem .25rem}#detail h3{font-family:var(--display);overflow-wrap:anywhere;margin:.6rem 0 .2rem;font-size:1.5rem;font-weight:600;line-height:1.15}#dWhere{color:var(--muted);align-items:center;gap:.6rem;margin-top:.9rem;font-size:.9rem;font-weight:600;display:flex}#dWhere .chip{flex:none;grid-row:auto}#dDate{color:var(--muted);margin:0;font-weight:600}#dNote{white-space:pre-wrap;overflow-wrap:anywhere;margin:.9rem 0 1.1rem}.row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}dialog{background:var(--surface);width:min(26rem,100% - 2rem);max-height:calc(100% - 2rem);color:var(--ink);border:2px solid var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:16px;padding:1.25rem}dialog::backdrop{background:#0a101e80}dialog h2{font-family:var(--display);margin:0 0 .25rem;font-size:1.5rem;font-weight:600}dialog .hint{color:var(--muted);margin:0 0 1rem;font-size:.95rem}label,legend{font-size:.95rem;font-weight:700}.field{gap:.3rem;margin-bottom:.9rem;display:grid}input[type=text],input[type=date],textarea,select{background:var(--surface-2);border:2px solid var(--line);border-radius:10px;width:100%;padding:.5rem .65rem}input[type=color]{border:2px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:8px;width:3rem;height:2.25rem;padding:2px}textarea{resize:vertical;min-height:4.5rem}fieldset{border:0;min-width:0;margin:0 0 1rem;padding:0}.swatches{flex-wrap:wrap;gap:.6rem;margin-top:.4rem;display:flex}.swatches label{cursor:pointer;position:relative}.swatches input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.swatches span{border:2px solid #00000059;border-radius:5px;width:2.4rem;height:1.8rem;display:block}.swatches input:checked+span{outline:3px solid var(--ink);outline-offset:2px}.swatches input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.people{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.people fieldset{border:2px solid var(--line);border-radius:12px;padding:.75rem}.people legend{font-family:var(--display);padding:0 .35rem;font-weight:500}.pair{gap:.75rem;display:flex}.pair .field{flex:1}.actions{justify-content:flex-end;gap:.6rem;margin-top:.5rem;display:flex}.toast-wrap{bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))}#toast{background:var(--ink);color:var(--surface);text-align:center;border-radius:999px;max-width:calc(100% - 2rem);padding:.5rem 1rem;font-weight:700}@media (width<=640px){.top{padding:.75rem 1rem}.btn{padding:.4rem .7rem;font-size:.95rem}#panel{width:auto;max-height:58%;box-shadow:none;padding-bottom:env(safe-area-inset-bottom,0px);border-bottom:0;border-radius:16px 16px 0 0;inset:auto 0 0}.people{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.btn,.tag{transition:none}}html,#root,body{height:100dvh}#scene{transition:opacity .7s}.scene-loading{font-family:var(--display);color:var(--muted);pointer-events:none;place-content:center;justify-items:center;gap:.8rem;font-weight:500;display:grid;position:absolute;inset:0}.spinner{border:4px solid color-mix(in srgb,var(--accent) 25%,transparent);border-top-color:var(--accent);border-radius:50%;width:2.4rem;height:2.4rem;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.top{align-items:flex-start}.top>div:first-child{min-width:0}.tools{align-items:center}.tools .btn{min-height:2.6rem}.tools .lbl{white-space:nowrap}@media (width<=1100px){.tools .lbl:not(.keep){display:none}.tools .btn{padding:.45rem .6rem}}@media (width<=760px){.top{flex-flow:column;align-items:stretch;gap:.6rem;padding:.7rem .8rem 0}.top>*{min-width:0;max-width:100%}h1{font-size:1.55rem}#since{font-size:.85rem}#status{max-width:none;font-size:.85rem}#note{font-size:.8rem}.tools{scrollbar-width:none;flex-wrap:nowrap;gap:.4rem;margin:0 -.1rem;padding:.15rem .1rem .45rem;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),#0000)}.tools::-webkit-scrollbar{display:none}.tools .btn{flex:none;justify-content:center;min-width:2.75rem;min-height:2.75rem}.tag{padding:.05rem .45rem;font-size:.75rem}#btnAdd{padding:.65rem 1.3rem;font-size:1.05rem}}@media (height<=520px) and (orientation:landscape){.top{flex-direction:row;align-items:flex-start;padding:.5rem .8rem}h1{font-size:1.3rem}#status,#note,.tools .lbl:not(.keep){display:none}.add-wrap{bottom:.6rem}.cam-hint{display:none}#panel{top:4rem}}dialog{overscroll-behavior:contain}dialog form{display:block}.sheet-handle{display:none}@media (width<=640px){dialog{width:100%;max-width:100%;max-height:92dvh;box-shadow:none;padding:.6rem 1rem calc(1rem + env(safe-area-inset-bottom,0px));border-bottom:0;border-radius:20px 20px 0 0;margin:auto 0 0;overflow-y:auto}.sheet-handle{background:var(--line);border-radius:99px;width:2.6rem;height:.3rem;margin:.1rem auto .8rem;display:block}dialog .actions{bottom:calc(-1rem - env(safe-area-inset-bottom,0px));background:var(--surface);padding:.7rem 0 calc(.2rem + env(safe-area-inset-bottom,0px));margin-top:.4rem;position:sticky}dialog .actions .btn{flex:1}}dialog[open]{animation:.28s cubic-bezier(.2,.9,.3,1.2) dlgIn}@keyframes dlgIn{0%{opacity:0;transform:translateY(14px)scale(.98)}}@media (width<=640px){@keyframes dlgIn{0%{transform:translateY(100%)}}}.chars-dialog{flex-direction:column;width:min(46rem,100% - 2rem);padding:0;display:flex;overflow:hidden}.chars-dialog:not([open]){display:none}.chars-dialog form{flex-direction:column;flex:1;min-height:0;display:flex}.chars-dialog .chars-head{padding:1.25rem 1.25rem 0}.chars-dialog .chars-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:0 1.25rem .4rem;overflow-y:auto}.chars-dialog .actions{border-top:2px solid var(--line);background:var(--surface);margin:0;padding:.8rem 1.25rem 1rem}.pcards{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.4rem;display:grid}.pcard{border:2px solid var(--line);background:var(--surface);border-radius:16px;overflow:hidden}.pcard-stage{background:radial-gradient(60% 55% at 50% 100%,#4fa04366,transparent 70%), linear-gradient(var(--sky-top),var(--sky-low));border-bottom:2px solid var(--line);place-items:center;padding:.9rem 0 .5rem;display:grid;position:relative}.fig-preview{filter:drop-shadow(0 3px #1b23332e);display:block}.pcard-tag{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 1.2rem);font-family:var(--display);background:var(--surface);color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:0 .55rem;font-size:.85rem;font-weight:500;position:absolute;top:.55rem;left:.6rem;overflow:hidden}.pcard-body{padding:.85rem .85rem .3rem}.pcard-body .field{margin-bottom:.8rem}.hairstyles,.cswatches{margin:0 0 .85rem}.hairstyles legend,.cswatches legend{margin-bottom:.4rem}.seg{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.seg-btn{cursor:pointer;border:2px solid var(--line);background:var(--surface-2);border-radius:12px;flex-direction:column;align-items:center;gap:.15rem;padding:.35rem .2rem .3rem;font-size:.82rem;font-weight:700;transition:border-color .15s,background .15s,transform .1s;display:flex;position:relative}.seg-btn:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.seg-btn.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.seg-btn input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seg-btn:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.seg-btn .fig-preview{width:24px;height:auto}.cswatch-row{flex-wrap:wrap;gap:.4rem;display:flex}.cswatch{cursor:pointer;position:relative}.cswatch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.cswatch span{color:#fff;border:2px solid #00000040;border-radius:50%;place-items:center;width:2rem;height:2rem;transition:transform .12s;display:grid;box-shadow:inset 0 -3px #00000026}.cswatch span svg{filter:drop-shadow(0 1px 1px #0009)}.cswatch:hover span{transform:scale(1.1)}.cswatch input:checked+span{outline:3px solid var(--ink);outline-offset:2px}.cswatch input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.cswatch.custom span{color:#fff;background:conic-gradient(#f44,#fd4,#4d6,#4cf,#64f,#f4c,#f44)}.cswatch.custom.on span{outline:3px solid var(--ink);outline-offset:2px}@media (width<=640px){.chars-dialog{width:100%;padding:0}.chars-dialog .chars-head{padding:.6rem 1rem 0}.chars-dialog .chars-scroll{padding:0 1rem .4rem}.chars-dialog .actions{padding:.7rem 1rem calc(.8rem + env(safe-area-inset-bottom,0px));position:static}.pcards{grid-template-columns:1fr}.pcard{grid-template-columns:7.5rem 1fr;display:grid}.pcard-stage{border-bottom:0;border-right:2px solid var(--line);align-content:center}.pcard-tag{text-align:center;inset:auto .4rem .5rem}}@media (width<=400px){.pcard{grid-template-columns:1fr}.pcard-stage{border-right:0;border-bottom:2px solid var(--line)}.pcard-tag{inset:.55rem auto auto .6rem}}@media (prefers-reduced-motion:reduce){dialog[open]{animation:none}.spinner{animation-duration:3s}}