:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);font-synthesis:none;--surface:#fff;--surface-soft:#f2f5fc;--ink:#28334f;--muted:#64718b;--accent:#4a61ac;--accent-ink:#fff;--danger:#aa4250;--border:#e2e7f0;--shadow:0 16px 50px #41517e14;background:#f8f9fd;font-family:ui-rounded,Noto Sans TC,PingFang TC,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(33rem 28rem at 90% 0,#e5edff 0%,#0000 85%),radial-gradient(28rem 27rem at 0 30%,#fff0e8 0%,#0000 85%),#f8f9fd;margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #0000;border-radius:14px;min-height:46px;padding:.7rem 1.2rem;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #f0b858}button:disabled{opacity:.55;cursor:wait}h1,h2,p{margin-top:0}h1{letter-spacing:-.055em;font-size:clamp(1.95rem,6vw,3rem);line-height:1.22}h2{letter-spacing:-.025em;font-size:clamp(1.2rem,3vw,1.4rem)}.shell{width:min(100% - 2rem,60rem);padding:max(2rem, env(safe-area-inset-top)) 0 max(3rem, env(safe-area-inset-bottom));margin:0 auto}.theme-toolbar{justify-content:flex-end;margin-bottom:.75rem;display:flex}.theme-toggle{border:1px solid var(--border);background:var(--surface-soft);min-height:36px;color:var(--ink);border-radius:999px;padding:.45rem .75rem;font-size:.8rem;font-weight:750}.loading-view{min-height:55vh;color:var(--muted);place-content:center;justify-items:center;gap:1rem;font-size:.95rem;display:grid}.loading-symbol{background:var(--surface);width:58px;height:58px;color:var(--accent);box-shadow:var(--shadow);border-radius:20px;place-items:center;font-size:1.8rem;display:grid}.header-actions{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.login-panel{background:var(--surface);border:1px solid #e9ebf2;border-radius:28px;max-width:33rem;margin:clamp(1rem,5vh,4rem) auto 0;padding:clamp(1.5rem,5vw,2.8rem);box-shadow:0 26px 70px #444d7617,0 3px 12px #444d7608}.login-intro{text-align:center;margin-bottom:1.8rem}.brand-mark{color:#d96d8d;background:#fff0f3;border:1px solid #f6dce4;border-radius:18px;place-items:center;width:55px;height:55px;margin:0 auto 1.2rem;font-size:2rem;font-weight:700;display:grid}.eyebrow{color:#6b7cad;letter-spacing:.17em;margin-bottom:.8rem;font-size:.72rem;font-weight:800}.login-intro h1{color:#26314e;max-width:12ch;margin:0 auto .85rem}.muted,.description{color:var(--muted)}.login-intro .muted{margin-bottom:0;font-size:.96rem;line-height:1.7}.account-picker{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:0 0 1.5rem;padding:0;display:grid}.account-picker legend{color:#3e4964;margin-bottom:.75rem;font-size:.95rem;font-weight:750}.account-option{cursor:pointer;min-width:0;display:block;position:relative}.account-option input{z-index:2;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.account-card{color:#293650;background:#fbfcff;border:2px solid #e3e8f3;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;min-height:156px;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s;display:flex;position:relative}.account-avatar{border-radius:19px;place-items:center;width:54px;height:54px;font-size:1.4rem;font-weight:850;display:grid}.account-avatar.chuen{color:#4b64b6;background:#e6eafd}.account-avatar.yu{color:#bc5b80;background:#ffedf0}.account-copy{text-align:center;gap:.2rem;display:grid}.account-copy strong{font-size:1.09rem}.account-copy small{color:#62708b;font-size:.77rem}.account-check{color:#0000;background:#fff;border:1.5px solid #cbd3e2;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.75rem;font-weight:800;display:grid;position:absolute;top:10px;right:11px}.account-option input:checked+.account-card{background:#f0f3ff;border-color:#586ec1;box-shadow:0 0 0 4px #586ec117}.account-option input:checked+.account-card .account-check{border-color:var(--accent);background:var(--accent);color:#fff}.account-option input:focus-visible+.account-card{outline-offset:3px;outline:3px solid #f0b858}.field{color:#39455f;gap:.55rem;margin:1rem 0;font-size:.94rem;font-weight:750;display:grid}.field input,.field textarea{color:#26334d;background:#fbfcff;border:1.5px solid #dce3ee;border-radius:14px;width:100%;min-height:50px;padding:.8rem .95rem;font-size:1rem;font-weight:500}.field input::placeholder,.field textarea::placeholder{color:#8b95a9}.field textarea{resize:vertical}.primary{color:var(--accent-ink);background:#4a61ac;font-weight:800}.primary:hover:not(:disabled){background:#3d529b;box-shadow:0 5px 18px #4a61ac30}.quiet{color:#364562;background:#f7f9fd;border-color:#dbe2ee;font-weight:700}.quiet:hover:not(:disabled){background:#edf2fc}.danger{color:#fff;background:#ab4655;font-weight:800}.text-danger{color:#a13f4f;background:0 0;font-weight:750}.full{width:100%}.login-submit{border-radius:15px;min-height:54px;margin-top:.4rem;font-size:1.02rem}.login-footnote{color:#9099aa;text-align:center;margin:1.4rem 0 0;font-size:.78rem}.message{min-height:1.3em;color:var(--muted);margin:.75rem 0;font-size:.9rem}.message:empty{min-height:0;margin:0}.error{color:var(--danger)}.app-header{justify-content:space-between;align-items:center;gap:1rem;margin:.8rem 0 2rem;display:flex}.app-header .eyebrow{margin-bottom:.55rem}.app-header h1{font-size:clamp(2rem,5vw,2.7rem)}.admin-bar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.toggle{color:#596883;cursor:pointer;align-items:center;gap:.55rem;min-height:44px;font-size:.91rem;display:flex}.toggle input{width:1.15rem;height:1.15rem;accent-color:var(--accent)}.ticket-list{gap:1rem;display:grid}.ticket-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:22px;gap:1.3rem;padding:1.5rem;display:grid;position:relative;overflow:hidden}.ticket-card:before{content:"";background:linear-gradient(#8596e5,#d9a5c4);width:5px;position:absolute;inset:0 auto 0 0}.ticket-card.empty{box-shadow:none;border-style:dashed}.ticket-card.empty:before{background:#cdd4e3}.ticket-kicker{color:#7583a3;letter-spacing:.12em;margin-bottom:.6rem;font-size:.69rem;font-weight:850}.ticket-card h2{color:#263450;margin-bottom:.5rem}.description{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:1rem;line-height:1.7}.ticket-meta{flex-wrap:wrap;align-items:center;gap:.65rem;font-size:.9rem;display:flex}.ticket-meta strong{color:#4861ab;background:#eaf0ff;border-radius:999px;padding:.35rem .7rem;font-size:.88rem}.ticket-card.empty .ticket-meta strong{color:#69748b;background:#edf0f5}.ticket-expiry{color:#77839b}.card-actions{flex-wrap:wrap;gap:.6rem;display:flex}dialog{width:min(100% - 2rem,32rem);max-height:min(86vh,48rem);color:var(--ink);background:#fff;border:1px solid #e1e6f0;border-radius:22px;padding:clamp(1.3rem,4vw,1.9rem);box-shadow:0 26px 80px #222f5540}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#28324f5c}dialog h2{margin-bottom:.8rem}.dialog-actions{justify-content:flex-end;gap:.65rem;margin-top:1.5rem;display:flex}.success-toast{z-index:10;bottom:max(1.25rem, env(safe-area-inset-bottom));color:#2a674d;background:#fff;border:1px solid #dce7e2;border-radius:18px;justify-content:center;align-items:center;gap:.8rem;width:min(100% - 2rem,23rem);min-height:66px;padding:.8rem 1.25rem;font-size:1.05rem;font-weight:850;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 16px 48px #27365030}.success-icon{color:#26744d;background:#e2f5ea;border-radius:50%;place-items:center;width:29px;height:29px;font-size:.95rem;display:grid}@media (width>=640px){.ticket-card{grid-template-columns:minmax(0,1fr) auto;align-items:end;padding:1.7rem 1.9rem}.card-actions{justify-content:flex-end}}@media (width<=430px){.shell{width:min(100% - 1.25rem,60rem)}.login-panel{border-radius:22px}.account-card{min-height:142px}.app-header{align-items:flex-start;margin-bottom:1.35rem}.header-actions{justify-content:flex-end}.admin-bar{flex-wrap:wrap}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#34425f;--surface-soft:#3a4a67;--ink:#f4f7ff;--muted:#d0d9eb;--accent:#c4d3ff;--accent-ink:#1f3158;--danger:#ffb2bc;--border:#566889;--shadow:0 16px 50px #0a152e30}:root[data-theme=dark] body{background:radial-gradient(33rem 28rem at 90% 0,#364e7a 0%,#0000 85%),radial-gradient(28rem 27rem at 0 30%,#4f425c 0%,#0000 85%),#273650}:root[data-theme=dark] .login-panel,:root[data-theme=dark] .ticket-card,:root[data-theme=dark] dialog{background:var(--surface);border-color:#62728f}:root[data-theme=dark] .brand-mark{color:#ffe1ea;background:#6c4a68;border-color:#805a77}:root[data-theme=dark] .eyebrow,:root[data-theme=dark] .ticket-kicker{color:#c7d6ff}:root[data-theme=dark] .login-intro h1,:root[data-theme=dark] .ticket-card h2,:root[data-theme=dark] .field{color:var(--ink)}:root[data-theme=dark] .account-picker legend{color:#e4eafa}:root[data-theme=dark] .account-card{color:#f6f8ff;background:#40516f;border-color:#647692}:root[data-theme=dark] .account-copy small,:root[data-theme=dark] .ticket-expiry{color:#d5def0}:root[data-theme=dark] .account-avatar.chuen{color:#fff;background:#6078b0}:root[data-theme=dark] .account-avatar.yu{color:#fff;background:#96657e}:root[data-theme=dark] .account-check{background:#40516f;border-color:#a8b8d4}:root[data-theme=dark] .account-option input:checked+.account-card{background:#4c6285;border-color:#c4d3ff;box-shadow:0 0 0 4px #c4d3ff2e}:root[data-theme=dark] .account-option input:checked+.account-card .account-check{color:#1f3158}:root[data-theme=dark] .field input,:root[data-theme=dark] .field textarea{color:#fff;background:#40516f;border-color:#8294b2}:root[data-theme=dark] .field input::placeholder,:root[data-theme=dark] .field textarea::placeholder{color:#d0d9ea}:root[data-theme=dark] .primary{color:#1f3158;background:#c4d3ff}:root[data-theme=dark] .primary:hover:not(:disabled){background:#d5dfff}:root[data-theme=dark] .quiet{color:#f6f8ff;background:#425575;border-color:#7387a6}:root[data-theme=dark] .quiet:hover:not(:disabled){background:#506586}:root[data-theme=dark] .text-danger{color:#ffb2bc}:root[data-theme=dark] .login-footnote,:root[data-theme=dark] .toggle{color:#d0d9eb}:root[data-theme=dark] .ticket-meta strong{color:#283b70;background:#d9e2ff}:root[data-theme=dark] .ticket-card.empty .ticket-meta strong{color:#f5f6ff;background:#53627c}:root[data-theme=dark] .success-toast{color:#f5fff9;background:#395a56;border-color:#819b98}:root[data-theme=dark] .success-icon{color:#fff;background:#56796c}@media (prefers-reduced-motion:no-preference){.ticket-card{animation:.24s ease-out both rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}}