:root{--bg: #0f1419;--bg-soft: #1a2129;--ink: #f3efe7;--muted: #8b97a3;--sun: #f6a13c;--moon: #5b8db8;--good: #56c596;--line: #2a333d;--radius: 22px}*{box-sizing:border-box;margin:0}body{background:radial-gradient(120% 80% at 50% -10%,#1c2630 0%,var(--bg) 55%);color:var(--ink);font-family:Zen Maru Gothic,Noto Sans TC,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.screen{max-width:460px;margin:0 auto;min-height:100dvh;padding:28px 22px 40px;display:flex;flex-direction:column}.center{align-items:center;justify-content:center;text-align:center;gap:14px}.topbar{display:flex;justify-content:space-between;align-items:center}.greet{font-size:16px;color:var(--muted);letter-spacing:.02em}.clock{text-align:center;margin:38px 0 26px}.time{font-family:Zen Maru Gothic,sans-serif;font-weight:700;font-size:clamp(64px,22vw,92px);line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums;text-shadow:0 4px 30px rgba(246,161,60,.12)}.colon{animation:blink 1.4s ease-in-out infinite;opacity:.9}@keyframes blink{50%{opacity:.25}}.sec{font-size:.42em;color:var(--muted);margin-left:.12em;vertical-align:super}.date{margin-top:8px;color:var(--muted);font-size:16px;letter-spacing:.04em}.punch-pair{margin:auto auto 0;display:flex;gap:14px;width:100%;max-width:360px}.punch-half{flex:1 1 0;min-width:0;aspect-ratio:1;border:none;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;padding:8px;transition:transform .12s ease,box-shadow .2s ease,filter .2s ease}.punch-half-label{font-size:clamp(19px,6.2vw,24px);font-weight:700;letter-spacing:.04em;white-space:nowrap}.punch-half-caption{font-size:12px;letter-spacing:.02em;opacity:.72;font-variant-numeric:tabular-nums;white-space:nowrap}.punch-half.in{background:radial-gradient(circle at 35% 30%,#ffce86,var(--sun));color:#1a1208;box-shadow:0 18px 44px -14px #f6a13c99,inset 0 -6px 16px #00000026}.punch-half.out{background:radial-gradient(circle at 35% 30%,#a9cfe9,var(--moon));color:#07151f;box-shadow:0 18px 44px -14px #5b8db899,inset 0 -6px 16px #0000002e}.punch-half.done{filter:grayscale(.45) brightness(.82)}.punch-half.confirming{filter:none;outline:3px solid #fff;outline-offset:3px;animation:pulse .9s ease-in-out infinite}@keyframes pulse{50%{transform:scale(.97)}}.punch-half:active{transform:scale(.96)}.punch-half:disabled{opacity:.55;cursor:wait}.quicklinks{display:flex;gap:18px;justify-content:center;margin-top:30px}.quicklinks a{color:var(--muted);text-decoration:none;font-size:15px;padding:8px 4px;border-bottom:2px solid transparent}.quicklinks a:active{color:var(--ink);border-color:var(--sun)}.toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%);background:#fff;color:#16202a;padding:12px 18px;border-radius:14px;font-size:14px;max-width:90vw;text-align:center;box-shadow:0 12px 40px #0006;animation:rise .25s ease}@keyframes rise{0%{opacity:0;transform:translate(-50%,10px)}}.foot{margin-top:22px;text-align:center;color:var(--line);font-size:12px}.err{color:var(--sun);font-size:17px}.hint{color:var(--muted);font-size:14px;max-width:280px}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--sun);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}.page-head a{color:var(--muted);text-decoration:none;font-size:15px;padding:6px 4px}.page-head a:active{color:var(--ink)}.page-head h1{font-size:18px;font-weight:700;color:var(--ink)}.form-field{margin-bottom:18px}.form-field label{display:block;margin-bottom:8px;color:var(--muted);font-size:14px}.form-input,.form-textarea{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--bg-soft);color:var(--ink);font-size:16px;font-family:inherit}.form-textarea{min-height:96px;resize:vertical}.form-toggle{display:flex;gap:10px}.form-toggle button{flex:1;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--bg-soft);color:var(--muted);font-size:15px;cursor:pointer}.form-toggle button.on:first-child{background:var(--sun);color:#1a1208;border-color:var(--sun)}.form-toggle button.on:last-child{background:var(--moon);color:#07151f;border-color:var(--moon)}.form-submit{width:100%;padding:16px;border-radius:16px;border:none;background:var(--sun);color:#1a1208;font-size:16px;font-weight:700;cursor:pointer;margin-top:6px}.form-submit:disabled{opacity:.6;cursor:wait}.att-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.att-nav button{background:none;border:none;color:var(--muted);font-size:14px;cursor:pointer;padding:6px 4px}.att-nav .att-month{font-size:16px;font-weight:700;color:var(--ink)}.att-shift{color:var(--muted);font-size:14px;margin-bottom:10px}.att-summary{color:var(--muted);font-size:13px;line-height:1.6;padding:12px 14px;border-radius:14px;background:var(--bg-soft);border:1px solid var(--line);margin-bottom:16px}.att-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:14px;background:var(--bg-soft);border:1px solid var(--line);margin-bottom:10px;font-size:14px}.att-row-main{display:flex;flex-direction:column;gap:4px;min-width:0}.att-row-date{font-weight:700;color:var(--ink)}.att-row-detail{color:var(--muted);font-size:13px}.att-row-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.att-tag{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;background:#5b8db82e;color:var(--moon);font-size:11px}.att-correct-btn{background:none;border:1px solid var(--line);color:var(--sun);border-radius:999px;padding:6px 12px;font-size:12px;cursor:pointer;white-space:nowrap}.att-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.att-badge.ok{color:var(--good);background:#56c5961f}.att-badge.warn{color:var(--sun);background:#f6a13c1f}.att-badge.bad{color:var(--sun);font-weight:800;background:#f6a13c33}.att-badge.neutral{color:var(--muted);background:#8b97a329}.rec-title{margin:26px 0 12px;font-size:15px;color:var(--muted)}.rec-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-radius:14px;background:var(--bg-soft);border:1px solid var(--line);margin-bottom:8px;font-size:13px}.rec-status{padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid var(--line);white-space:nowrap}.rec-status.pending{color:var(--sun);border-color:#f6a13c59}.rec-status.approved{color:var(--good);border-color:#56c59659}.rec-status.rejected{color:var(--muted)}.bind-msg{font-size:18px;font-weight:700;margin-bottom:4px}.bind-code{font-size:2.5rem;font-weight:700;letter-spacing:.3em;font-variant-numeric:tabular-nums;color:var(--sun);margin:4px 0 8px}.gate{justify-content:flex-start;padding:2.5rem 1.5rem 2rem;text-align:center;gap:0}.gate-icon{width:88px;height:88px;margin:0 auto 1.5rem;border-radius:20px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;letter-spacing:.05em}.gate-title{margin:0 0 .75rem;font-size:1.35rem;font-weight:700;line-height:1.4}.gate-lead{margin:0 0 1.75rem;font-size:.9rem;line-height:1.75;opacity:.8;max-width:22rem}.gate-steps{width:100%;max-width:22rem;display:flex;flex-direction:column;gap:.9rem;align-items:center}.gate-steps-list{width:100%;max-width:22rem;margin:0;padding-left:1.4rem;text-align:left;font-size:.92rem;line-height:2}.gate-note{margin:0;font-size:.85rem;line-height:1.7;opacity:.72}.gate-action{padding:.85rem 2rem;border:0;border-radius:10px;background:#fff;color:#14584a;font-size:1rem;font-weight:700;cursor:pointer}.gate-skip{margin-top:2.5rem;padding:.5rem 1rem;border:0;background:transparent;color:#ffffff73;font-size:.8rem;text-decoration:underline;cursor:pointer}.gate-action-alt{background:#ffffff29;color:#fff;border:1px solid rgba(255,255,255,.3)}.gate-url{margin:0;padding:.5rem .8rem;border-radius:6px;background:#0003;font-family:ui-monospace,monospace;font-size:.85rem;word-break:break-all;-webkit-user-select:all;user-select:all}:root{--offday: #d4a017}.att-badge.offday{color:var(--offday);background:#d4a01729}.fence-panel{margin:4px 0 18px;padding:16px;border-radius:18px;background:var(--bg-soft);border:1px solid rgba(246,161,60,.45)}.fence-title{font-size:16px;font-weight:700;color:var(--sun);margin-bottom:6px}.fence-desc{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:12px}.fence-input{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:16px;font-family:inherit;resize:vertical}.fence-actions{display:flex;gap:10px;margin-top:12px}.fence-cancel{flex:0 0 auto;padding:12px 18px;border-radius:14px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:15px;font-family:inherit;cursor:pointer}.fence-submit{flex:1;padding:12px;border-radius:14px;border:none;background:var(--sun);color:#1a1208;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer}.fence-submit:disabled{opacity:.45;cursor:not-allowed}.sched-list{list-style:none;padding:0;margin:0}.sched-row{display:flex;align-items:center;gap:14px;padding:11px 12px;border-radius:12px;border-bottom:1px solid var(--line)}.sched-row:last-child{border-bottom:none}.sched-row.today{background:var(--bg-soft);box-shadow:inset 3px 0 0 var(--sun)}.sched-date{flex:0 0 62px;font-size:16px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.sched-date em{font-style:normal;font-size:12px;color:var(--muted);font-weight:400}.sched-body{display:flex;align-items:baseline;gap:10px;min-width:0;flex-wrap:wrap}.sched-label{font-size:15px;color:var(--ink)}.sched-time{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.sched-off{font-size:15px;color:var(--good)}.sched-none{font-size:14px;color:var(--line)}.sched-row.off .sched-date{color:var(--muted);font-weight:400}.auto-note{margin:0 0 16px;padding:12px 14px;border-radius:14px;background:var(--bg-soft);border:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.7}.fence-why{font-size:12px;line-height:1.7;color:var(--sun);margin:-4px 0 12px;opacity:.9}.page-head .head-action{margin-left:auto;color:var(--sun);font-size:14px;border:1px solid rgba(246,161,60,.45);border-radius:999px;padding:6px 14px}.page-head .head-action:active{background:#f6a13c26}.geo-box{margin:18px 0;padding:18px;border-radius:18px;background:var(--bg-soft);border:1px solid var(--line);text-align:center}.geo-label{font-size:13px;color:var(--muted);margin-bottom:10px}.geo-value{font-size:26px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1.35;-webkit-user-select:all;user-select:all}.geo-acc{font-size:13px;color:var(--muted);margin-top:10px;line-height:1.7}