:root{color:#111;background:#f4efe3;font-family:Arial Black,Arial,Helvetica,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--yellow: #ffd400;--orange: #f2a03d;--blue: #7bc8e2;--paper: #ffffff;--ink: #111111;--muted: #8a8271;--danger: #f26d5b;--green: #9bd77c}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;margin:0}button{font:inherit}.app-shell{width:min(100vw,480px);height:100dvh;min-height:560px;margin:0 auto;background:#eaf6fb;display:flex;flex-direction:column;overflow:hidden;border-inline:1px solid rgba(17,17,17,.08)}.ad-slot{height:calc(50px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:var(--yellow)}.header{position:relative;flex:0 0 auto;min-height:58px;padding:12px 56px;border-bottom:4px solid var(--ink);background:var(--yellow);display:flex;align-items:center;justify-content:center;gap:10px;text-transform:uppercase;font-size:20px;font-weight:900;letter-spacing:1px}.help-button,.round-danger{width:36px;height:36px;border:3px solid var(--ink);border-radius:999px;background:var(--paper);color:var(--ink);font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.help-button{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.round-danger{background:var(--danger);text-transform:uppercase}.check-list{flex:1 1 0;overflow-y:auto;padding:14px 16px 6px;display:flex;flex-direction:column;gap:10px}.empty-hint{margin:28px auto 0;max-width:280px;color:var(--muted);text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;line-height:1.4}.check-row{min-height:62px;padding:9px 14px;border:3px solid var(--ink);border-radius:8px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 0 var(--ink);animation:bounce-in-left .45s ease-out both}.check-row span{font-size:22px;font-weight:900;letter-spacing:4px}.quack-row{border-color:#2f8d47}.message-zone{height:30px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.toast{padding:3px 14px;border:2px solid var(--ink);border-radius:999px;background:var(--yellow);font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;animation:message-fade 2.2s ease-out both}.staging-bar{min-height:56px;margin:8px 16px 10px;padding:6px 10px 6px 16px;border:3px solid var(--ink);border-radius:10px;background:var(--paper);flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.staging-bar span{min-width:0;font-size:24px;font-weight:900;letter-spacing:5px;overflow-wrap:anywhere}.action-row{display:flex;gap:10px;padding:0 16px 12px;flex:0 0 auto}.primary-button{min-height:54px;border:3px solid var(--ink);border-radius:10px;box-shadow:0 5px 0 var(--ink);color:var(--ink);font-size:18px;font-weight:900;letter-spacing:1px;cursor:pointer}.primary-button:active:not(:disabled),.tile:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.primary-button:disabled{opacity:.45;cursor:not-allowed}.check-button{flex:2 1 0;background:var(--yellow)}.quack-button,.share-button{flex:1 1 0;background:var(--orange)}.rack{padding:16px 16px calc(22px + env(safe-area-inset-bottom));border-top:4px solid var(--ink);background:var(--blue);display:flex;flex-wrap:wrap;justify-content:center;gap:12px;flex:0 0 auto}.tile{width:56px;height:56px;border:3px solid var(--ink);border-radius:8px;background:var(--paper);box-shadow:0 5px 0 var(--ink);color:var(--ink);font-size:26px;font-weight:900;cursor:pointer}.tile.selected{background:#d8d2c4;opacity:.58}.complete-state,.loading-state{flex:1 1 0;padding:28px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}.complete-state h1{margin:0;font-size:34px;line-height:1;text-transform:uppercase}.complete-state p,.loading-state{margin:0;font-size:20px;font-weight:900}.complete-state .streak{color:var(--muted);font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:700}.share-button{min-width:180px;padding-inline:28px;flex:0 0 auto}.dialog-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;padding:24px;display:flex;align-items:center;justify-content:center;background:#11111173}.help-dialog{position:relative;width:min(100%,360px);padding:22px;border:3px solid var(--ink);border-radius:12px;box-shadow:6px 6px 0 var(--ink);background:var(--paper)}.dialog-close{position:absolute;right:12px;top:12px}.help-dialog h2{margin:0 44px 14px 0;font-size:20px;line-height:1.1;text-transform:uppercase}.help-dialog p{margin:0 0 12px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;line-height:1.45}.help-dialog p:last-child{margin-bottom:0}@keyframes bounce-in-left{0%{transform:translate(-110%);opacity:0}60%{transform:translate(4%);opacity:1}80%{transform:translate(-2%)}to{transform:translate(0)}}@keyframes message-fade{0%{opacity:0;transform:translateY(4px)}12%,80%{opacity:1;transform:translateY(0)}to{opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media(max-width:360px){.header{font-size:17px}.tile{width:50px;height:50px}.primary-button{font-size:16px}}