.update-toast[data-v-5d04d6fa]{position:fixed;z-index:200;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;max-width:560px;margin-inline:auto;padding:14px 14px 14px 18px;border:2px solid #153b43;border-radius:18px 8px;background:#fffdf8;color:#153b43;box-shadow:6px 6px #153b43}.update-toast div[data-v-5d04d6fa]{display:grid;gap:2px}.update-toast strong[data-v-5d04d6fa]{font-size:.95rem}.update-toast span[data-v-5d04d6fa]{color:#557278;font-size:.78rem}.update-button[data-v-5d04d6fa]{padding:9px 13px;border-radius:999px;background:#d94832;color:#fff;font-weight:700}.dismiss-button[data-v-5d04d6fa]{width:30px;height:30px;border-radius:50%;background:transparent;color:#557278;font-size:1.35rem}@media(max-width:480px){.update-toast[data-v-5d04d6fa]{grid-template-columns:1fr auto}.dismiss-button[data-v-5d04d6fa]{position:absolute;top:4px;right:4px}.update-button[data-v-5d04d6fa]{grid-column:1 / -1;width:100%}}.record-notice[data-v-f6b0acc3]{position:fixed;z-index:1000;right:18px;bottom:18px;margin:0;padding:10px 16px;border:2px solid #153b43;border-radius:999px;background:#fff8e7;color:#153b43;box-shadow:4px 4px #153b43;font-weight:700}@font-face{font-family:Fredoka;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fredoka-latin-DM6njrJ3.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fredoka-latin-ext-CYrqKuxd.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--font-family: "Fredoka", "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", sans-serif;--bg-primary: #f4f8ff;--color-brand: #4f46e5;--color-accent: #ff6b6b;--color-warning: #f59e0b;--color-text: #1e293b;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 16px 32px rgba(79, 70, 229, .12);--radius-sm: 12px;--radius-md: 20px;--radius-lg: 32px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body{width:100%;overflow-x:hidden}html.clock-route{height:100%;overflow:hidden;overscroll-behavior:none}html.clock-route body{height:100%;min-height:0;overflow:hidden;overscroll-behavior:none}html.clock-route #app{position:fixed;top:var(--clock-viewport-offset-top, 0px);left:0;width:100%;height:var(--clock-viewport-height, 100dvh);overflow:hidden}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--color-text);min-height:100dvh;background-image:radial-gradient(#c7d2fe 1px,transparent 1px),radial-gradient(#c7d2fe 1px,#f4f8ff 1px);background-size:40px 40px;background-position:0 0,20px 20px}#app{width:100%;position:relative}button{font-family:var(--font-family);border:none;cursor:pointer;transition:transform var(--learn-motion-duration-press) var(--learn-motion-ease-standard)}button:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}input,textarea{-webkit-user-select:text;user-select:text}button:active{transform:scale(.95)}.title{font-size:1.05rem;font-weight:700;color:var(--color-brand);white-space:nowrap}.question-prompt{font-size:1.02rem;font-weight:700;color:#1e293b}.question-prompt.warning{color:#d97706}.input-card{width:100%;height:90px;background:linear-gradient(135deg,#e0e7ff,#e0f2fe);border:2px solid #a5b4fc;border-radius:var(--radius-sm);padding:12px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-sizing:border-box}.input-card .current-time-status{font-size:1rem;color:#3730a3;font-weight:700}.input-card .current-time-status .highlight{font-family:Fredoka,sans-serif;font-size:1.3rem;color:var(--color-accent)}.btn-mini{background:#f1f5f9;color:#334155;font-weight:600;padding:3px 8px;border-radius:8px;font-size:.75rem;border:1px solid #cbd5e1;white-space:nowrap}.btn-mini.active{background:var(--color-warning);color:#fff;border-color:var(--color-warning)}.step-picker{display:flex;align-items:center;gap:3px}.step-label{font-size:.72rem;font-weight:700;color:#475569}.diff-btn{padding:2px 6px;border-radius:8px;font-size:.72rem;font-weight:600;background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.diff-btn.active{background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:100;padding:20px;animation:fadeIn .25s ease-out}.modal-content{background:#fff;border-radius:var(--radius-lg);padding:24px 20px;width:100%;max-width:360px;box-shadow:var(--shadow-lg);text-align:center;animation:popIn .3s cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.modal-overlay,.modal-content{animation:none}}:root{--learn-motion-duration-press: .12s;--learn-motion-duration-control: .22s;--learn-motion-duration-content: .18s;--learn-motion-duration-game-entry: .2s;--learn-motion-duration-portal-entry: .14s;--learn-motion-distance-content: 16px;--learn-motion-ease-standard: cubic-bezier(.22, 1, .36, 1)}.learn-page-reveal{animation-fill-mode:both;animation-timing-function:var(--learn-motion-ease-standard)}.learn-page-reveal--game{animation-name:learn-page-reveal-game;animation-duration:var(--learn-motion-duration-game-entry)}.learn-page-reveal--portal{animation-name:learn-page-reveal-portal;animation-duration:var(--learn-motion-duration-portal-entry)}@keyframes learn-page-reveal-game{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes learn-page-reveal-portal{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.learn-page-reveal{animation:none}}