:root{--bg:#fff8e7;--fg:#1d3557;--acc:#ffb703;--red:#e63946;color:var(--fg);background:var(--bg);font-family:system-ui,-apple-system,PingFang TC,Noto Sans TC,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;height:100%;margin:0}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}main{min-height:100vh;min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;justify-content:safe center;align-items:center;gap:20px;display:flex;position:relative}header{top:max(12px, env(safe-area-inset-top));justify-content:flex-end;display:flex;position:absolute;left:12px;right:12px}button{font:inherit;min-width:64px;min-height:64px;color:var(--fg);cursor:pointer;touch-action:manipulation;background:#fff;border:none;border-radius:20px;padding:8px 16px;box-shadow:0 4px #0002}button:active{transform:translateY(3px);box-shadow:0 1px #0002}.big{background:var(--acc);border-radius:32px;min-width:120px;min-height:120px}.ico{font-size:56px;line-height:1}.small{min-height:64px;box-shadow:none;color:#1d355799;background:0 0;font-size:14px}.gear{box-shadow:none;background:0 0;position:relative}.ring{background:conic-gradient(var(--red) calc(var(--p,0)*360deg), transparent 0);pointer-events:none;border-radius:50%;position:absolute;inset:4px;-webkit-mask:radial-gradient(circle,#0000 55%,#000 56%);mask:radial-gradient(circle,#0000 55%,#000 56%)}.home-btn{position:static}.hidden{display:none}.hint{opacity:.75;text-align:center;max-width:32em;font-size:16px}.gentle{text-align:center;font-size:24px}.center{text-align:center}.row{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.thumb{max-width:90vw;max-height:45vh;object-fit:contain;border-radius:20px;max-height:clamp(120px,42dvh,45vh)}.pulse{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.8;transform:scale(.96)}}.dots{gap:12px;display:flex}.dots i{background:var(--acc);border-radius:50%;width:20px;height:20px;animation:1s infinite bounce}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes bounce{50%{transform:translateY(-16px)}}.names{text-align:center;font-size:28px;font-weight:700}.vidwrap{flex-direction:column;align-items:center;width:100%;display:flex}.vid{max-width:94vw;max-height:50vh;background:#000;border-radius:20px;max-height:clamp(140px,45dvh,50vh)}.waiting{text-align:center;width:min(90vw,420px);overflow:hidden}.car{width:60%;animation:2.4s ease-in-out infinite drive}.wheel{transform-box:fill-box;transform-origin:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drive{0%{transform:translate(-30%)}50%{transform:translate(30%)translateY(-3px)}to{transform:translate(-30%)}}.road{background:repeating-linear-gradient(90deg,#1d3557 0 30px,#0000 30px 50px);height:8px;margin-top:-4px;animation:.5s linear infinite road}@keyframes road{to{background-position:-50px 0}}.q{font-size:40px;font-weight:700}input{font:inherit;-webkit-user-select:text;user-select:text;border:2px solid #1d355744;border-radius:12px;width:100%;min-height:64px;padding:8px 12px;font-size:18px}.num{text-align:center;width:200px;font-size:40px}.settings{justify-content:flex-start;max-width:560px;margin:0 auto}.settings fieldset{border:2px solid #1d355722;border-radius:16px;flex-direction:column;gap:10px;width:100%;display:flex}.settings label{flex-direction:column;gap:4px;display:flex}.notice{background:#fff3cd;border-radius:12px;padding:12px}.mono{font-family:ui-monospace,monospace}.danger{background:#ffd6d6}.overlay{background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.card{text-align:center;background:#fff;border-radius:24px;flex-direction:column;align-items:center;gap:12px;max-width:420px;padding:24px;display:flex}@media (prefers-reduced-motion:reduce){*{animation-duration:3s!important}}.garage{width:100%;max-width:640px}.garage h2{justify-content:center;align-items:center;gap:8px;font-size:22px;display:flex}.garage h2 .ico{font-size:32px}.tiles{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px;display:grid}.tile{background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:4px;min-height:120px;padding:6px;display:flex}.tile img{object-fit:cover;border-radius:14px;width:100%;height:96px}.tile span{font-size:18px;font-weight:700}.toast{left:16px;right:16px;bottom:max(16px, env(safe-area-inset-bottom));color:#fff;text-align:center;background:#1d3557;border-radius:14px;padding:14px;position:fixed}.parent-btn{--p:0;background-image:linear-gradient(90deg,#1d355722 calc(var(--p)*100%),transparent 0);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-width:44px;min-height:44px;box-shadow:none;color:#1d3557cc;background-color:#0000;border:1px solid #1d355755;border-radius:12px;padding:6px 12px;font-size:14px}.prompt{-webkit-user-select:text;user-select:text;word-break:break-word;font-size:12px}.errcode{opacity:.55;margin-top:32px;font-family:ui-monospace,monospace;font-size:12px}.parent-gate{margin-left:auto}.gear{width:64px;height:64px;padding:0}.gear .ico{opacity:.5;font-size:32px}.parent-sheet{top:calc(max(12px, env(safe-area-inset-top)) + 72px);right:max(12px, env(safe-area-inset-right));z-index:10;background:#fff;border-radius:18px;flex-direction:column;gap:10px;max-width:min(88vw,360px);padding:12px;display:flex;position:fixed;box-shadow:0 8px 24px #0003}.parent-sheet .close{align-self:flex-end}.grok-box{flex-direction:column;gap:8px;display:flex}main.home{padding-top:calc(max(16px, env(safe-area-inset-top)) + 72px);padding-bottom:calc(208px + env(safe-area-inset-bottom));justify-content:flex-start}.shutter-bar{left:0;right:0;bottom:calc(24px + env(safe-area-inset-bottom));height:160px;padding:0 max(24px, env(safe-area-inset-right)) 0 max(24px, env(safe-area-inset-left));pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed}.shutter-bar>*{pointer-events:auto}.shutter-bar .bar-spacer{pointer-events:none}.shutter{--s:140px;width:var(--s);height:var(--s);background:var(--red);box-shadow:0 0 0 4px var(--fg);border:4px solid #fff;border-radius:50%;padding:0}.shutter .ico{font-size:calc(var(--s) * .4)}@media (max-width:359px){.shutter{--s:120px}}@media (min-width:600px){.shutter{--s:160px}}.album{justify-self:start;margin-left:-8px}.album-btn{width:88px;min-width:88px;height:88px;min-height:88px;box-shadow:none;background:0 0;border-radius:22px;padding:8px}.album-face{border:2px solid var(--fg);background:#ffe8a3;border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden;box-shadow:0 4px #0002}.album-btn:active{box-shadow:none;transform:none}.album-btn:active .album-face{transform:translateY(3px);box-shadow:0 1px #0002}.album-face img{object-fit:cover;width:100%;height:100%;display:block}.album-face .ico{font-size:40px}.shutter-bar.picking .album-face{opacity:.5}.shutter-bar button:disabled{cursor:default}@media (orientation:landscape) and (max-height:500px){main.home{padding-bottom:max(16px, env(safe-area-inset-bottom));padding-right:calc(208px + env(safe-area-inset-right))}.shutter-bar{top:0;bottom:0;left:auto;right:calc(24px + env(safe-area-inset-right));width:160px;height:auto;padding:max(24px, env(safe-area-inset-top)) 0 max(24px, env(safe-area-inset-bottom));grid-template-rows:1fr auto 1fr;grid-template-columns:none;justify-items:center}.shutter-bar .album{grid-row:3;place-self:start center;margin:24px 0 0}.shutter-bar .shutter{grid-row:2}.shutter-bar .bar-spacer{grid-row:1}}.sleep-art .ico{font-size:72px}.find-parent .ico{font-size:64px}.grok-corner{flex-direction:column;align-self:flex-end;align-items:flex-end;gap:8px;max-width:min(100%,360px);margin-top:20px;display:flex}.corner-row{gap:24px;display:flex}.corner-btn{min-width:44px;min-height:44px;padding:4px 10px;font-size:13px}.grok-guide{background:#fff;border-radius:14px;flex-direction:column;gap:6px;padding:10px;display:flex;box-shadow:0 6px 18px #0002}.grok-guide[hidden]{display:none}main.result{padding-top:max(12px, env(safe-area-inset-top));justify-content:safe center;gap:16px}main.result>header{justify-content:space-between;align-items:center;width:100%;position:static}main.result .home-btn{min-width:64px;min-height:64px;padding:4px}main.result .home-btn .ico{font-size:40px}.kinds{flex-direction:column;gap:10px;width:min(100%,360px);margin:0;padding:0;list-style:none;display:flex}.kind-btn{text-align:left;border:3px solid var(--acc);align-items:center;gap:12px;width:100%;min-height:64px;font-size:22px;font-weight:700;display:flex}.kind-ico{font-size:26px;line-height:1}.kind-en{opacity:.8;margin-left:auto;font-weight:600}main.result.multi .thumb{max-height:clamp(110px,30dvh,34vh)}.no-save-note{color:#1d355799;text-align:right;pointer-events:none;-webkit-user-select:none;user-select:none;align-self:flex-end;max-width:min(100%,360px);margin:20px 4px 0;font-size:13px}@media (max-height:640px){main.result.multi .thumb{max-height:clamp(96px,26dvh,30vh)}.kind-btn{min-height:60px;font-size:20px}main,main.result{gap:10px}.thumb{max-height:clamp(110px,34dvh,40vh)}.vid{max-height:clamp(120px,36dvh,42vh)}.names{margin:0;font-size:clamp(18px,4.2dvh,24px)}.big{border-radius:24px;min-width:88px;min-height:88px}.big .ico,.ico{font-size:40px}.row{gap:16px}.shutter{--s:104px}.sleep-art .ico{font-size:56px}.find-parent .ico{font-size:48px}.parent-sheet{top:calc(max(8px, env(safe-area-inset-top)) + 64px)}}@media (max-height:520px){main.result.multi .thumb{max-height:clamp(84px,22dvh,26vh)}.kinds{gap:8px}.kind-btn{min-height:60px;padding:4px 14px;font-size:19px}.thumb{max-height:clamp(96px,30dvh,36vh)}.big{border-radius:20px;min-width:72px;min-height:72px;padding:4px}.big .ico{font-size:34px}.shutter{--s:92px}}@media (max-height:640px) and (orientation:portrait){main.home{padding-top:calc(max(12px, env(safe-area-inset-top)) + 64px);padding-bottom:calc(150px + env(safe-area-inset-bottom))}.shutter-bar{height:120px;bottom:calc(12px + env(safe-area-inset-bottom))}}@media (max-height:520px) and (orientation:portrait){.shutter-bar{height:104px}main.home{padding-bottom:calc(124px + env(safe-area-inset-bottom))}}.parent-sheet{max-height:calc(100dvh - 88px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;overflow-y:auto}