/* 入席面板（council-login.js）：深紅黑金屬風，自成一體；手機 320px 不溢出。
   配色對齊 council-app.css（夜色底、銅金、紅色警示），但只用自己的 --cl-* 變數，任何頁面都能載入。 */
.clog{--cl-void:#0b0608;--cl-e1:#1a0e12;--cl-e2:#241317;--cl-e3:#30191f;--cl-line:#573038;--cl-line-soft:#3a2026;--cl-red:#ff697c;--cl-red-deep:#8e2f3d;--cl-brass:#d9b26f;--cl-brass-deep:#6b5228;--cl-green:#93c9a3;--cl-text:#f4e9e9;--cl-muted:#b8a2a6;--cl-faint:#7d666b;
 --cl-serif:"Noto Serif TC","Songti TC","PMingLiU",serif;--cl-sans:"Noto Sans TC",-apple-system,"PingFang TC","Microsoft JhengHei",sans-serif;--cl-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
 position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding:0;font:400 15px/1.6 var(--cl-sans);color:var(--cl-text);color-scheme:dark;opacity:0;transition:opacity 240ms ease}
.clog.on{opacity:1}
.clog *{box-sizing:border-box}
html.clog-open{overflow:hidden}
.clog__scrim{position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 110%,rgba(142,47,61,.35),transparent 60%),rgba(5,2,3,.74);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.clog__panel{position:relative;width:100%;max-width:440px;max-height:calc(100dvh - 16px);overflow:auto;padding:26px 22px calc(22px + env(safe-area-inset-bottom,0px));border-radius:26px 26px 0 0;
 background:linear-gradient(180deg,#2a141c 0%,#180b10 38%,#120709 100%);border:1px solid rgba(217,178,111,.28);border-bottom:0;
 box-shadow:0 -30px 80px -30px #000,inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(0,0,0,.4);transform:translate3d(0,24px,0);transition:transform 320ms cubic-bezier(.32,.72,0,1)}
.clog.on .clog__panel{transform:translate3d(0,0,0)}
.clog__panel::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(115deg,transparent 0 18px,rgba(217,178,111,.035) 18px 19px),radial-gradient(60% 40% at 50% 0%,rgba(217,178,111,.14),transparent 70%)}
.clog__panel.shake{animation:clog-shake 420ms cubic-bezier(.36,.07,.19,.97)}
.clog__panel.done{border-color:rgba(147,201,163,.6)}
.clog__rivet{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f0d9a6,#8a6a32 60%,#3a2a12);box-shadow:0 1px 2px #000}
.clog__rivet--tl{left:12px;top:12px}.clog__rivet--tr{right:12px;top:12px}.clog__rivet--bl{left:12px;bottom:12px}.clog__rivet--br{right:12px;bottom:12px}
.clog__close{position:absolute;right:14px;top:14px;width:40px;height:40px;border-radius:50%;border:1px solid var(--cl-line-soft);background:rgba(255,255,255,.03);color:var(--cl-muted);font:400 24px/1 var(--cl-sans);cursor:pointer;display:flex;align-items:center;justify-content:center}
.clog__close:hover{color:var(--cl-text);border-color:var(--cl-line)}
.clog__eyebrow{display:flex;align-items:center;gap:8px;margin:0 48px 10px 0;font:600 11px/1 var(--cl-mono);letter-spacing:.18em;color:var(--cl-brass);text-transform:uppercase}
.clog__eye{width:9px;height:9px;border-radius:50%;background:radial-gradient(circle,#fff2f2 0 18%,var(--cl-red) 30%,#5a0f1c 70%);box-shadow:0 0 10px var(--cl-red);animation:clog-blink 4.8s infinite}
.clog__title{margin:0 0 8px;font:900 28px/1.25 var(--cl-serif);letter-spacing:.02em;color:var(--cl-text)}
.clog__msg{margin:0 0 14px;font-size:14px;color:var(--cl-muted)}
.clog__inapp{margin:0 0 14px;padding:10px 12px;border-radius:12px;border:1px solid rgba(217,178,111,.35);background:rgba(217,178,111,.08);font-size:13px;line-height:1.6;color:#efd9a8}
.clog__form{display:grid;gap:10px;margin:0}
.clog__field{display:grid;gap:5px}
.clog__field>span{font:600 12px/1 var(--cl-sans);letter-spacing:.08em;color:var(--cl-muted)}
.clog__field input{width:100%;min-height:50px;border-radius:14px;border:1px solid var(--cl-line-soft);background:var(--cl-e1);color:var(--cl-text);padding:12px 14px;font:400 16px/1.3 var(--cl-sans);outline:none;transition:border-color 200ms,box-shadow 200ms;box-shadow:inset 0 2px 6px rgba(0,0,0,.45)}
.clog__field input::placeholder{color:var(--cl-faint)}
.clog__field input:focus{border-color:var(--cl-brass);box-shadow:inset 0 2px 6px rgba(0,0,0,.45),0 0 0 3px rgba(217,178,111,.18)}
.clog__err{min-height:1.2em;margin:0;font-size:13px;color:var(--cl-red)}
.clog__primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;padding:0 20px;border-radius:16px;cursor:pointer;
 font:700 15px/1 var(--cl-sans);letter-spacing:.08em;color:#1d1307;border:1px solid #f0d39b;background:linear-gradient(180deg,#e6c487,#c99d55);
 box-shadow:0 12px 30px -14px rgba(217,178,111,.7),inset 0 1px 0 rgba(255,255,255,.4);transition:transform 120ms ease-out,filter 200ms}
.clog__primary:active{transform:scale(.97)}
.clog__primary:disabled{cursor:progress;filter:saturate(.6) brightness(.9)}
.clog__primary.busy span{animation:clog-pulse 1.2s infinite}
.clog__or{display:flex;align-items:center;gap:12px;margin:16px 0 12px;color:var(--cl-faint);font:500 12px/1 var(--cl-mono);letter-spacing:.2em}
.clog__or::before,.clog__or::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--cl-line),transparent)}
.clog__google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;padding:0 18px;border-radius:16px;cursor:pointer;
 font:600 14px/1 var(--cl-sans);letter-spacing:.04em;color:var(--cl-text);border:1px solid var(--cl-line);background:var(--cl-e2);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:border-color 200ms,opacity 200ms,transform 120ms}
.clog__google svg{flex:none}
.clog__google:hover:not(:disabled){border-color:var(--cl-brass-deep)}
.clog__google:active{transform:scale(.97)}
.clog__google:disabled{opacity:.45;cursor:not-allowed}
.clog__google--weak{opacity:.55}
.clog__google--hot{opacity:1;border-color:var(--cl-brass);box-shadow:0 0 0 3px rgba(217,178,111,.22),0 0 24px rgba(217,178,111,.25);animation:clog-glow 1.6s ease-in-out 2}
.clog__google.busy{opacity:.6;cursor:progress}
.clog__note{margin:14px 0 0;font-size:12px;line-height:1.6;color:var(--cl-faint)}
.clog :focus-visible{outline:2px solid var(--cl-brass);outline-offset:3px;border-radius:10px}
@media(min-width:560px){.clog{align-items:center;padding:16px}.clog__panel{border-radius:24px;border-bottom:1px solid rgba(217,178,111,.28);padding:28px 26px 26px;transform:translate3d(0,0,0) scale(.97)}.clog.on .clog__panel{transform:none}}
@keyframes clog-shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}
@keyframes clog-blink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
@keyframes clog-pulse{0%,100%{opacity:1}50%{opacity:.55}}
@keyframes clog-glow{0%,100%{box-shadow:0 0 0 3px rgba(217,178,111,.22)}50%{box-shadow:0 0 0 6px rgba(217,178,111,.08),0 0 30px rgba(217,178,111,.45)}}
@media(prefers-reduced-motion:reduce){.clog,.clog__panel{transition:none}.clog__panel.shake,.clog__eye,.clog__primary.busy span,.clog__google--hot{animation:none}}