:root{--ink:#343e38;--muted:#68736b;--paper:#fcfbf7;--sage:#e8eee8;--line:#dce2d5;--accent:#a95241;--accent-hover:#8c4132;--serif:Georgia,'Songti TC','Noto Serif TC',serif;--sans:-apple-system,BlinkMacSystemFont,'PingFang HK','Noto Sans TC','Microsoft JhengHei',sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:14px/1.65 var(--sans)}button,input{font:inherit}button{cursor:pointer;min-height:44px;transition:background .18s,border-color .18s,color .18s}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}input:focus{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.login-shell{display:grid;grid-template-columns:1.1fr 1fr;min-height:100svh;max-width:1800px;margin:auto}.welcome{position:relative;min-height:800px;background:radial-gradient(ellipse at 55% 45%,#e9efe8 0,#e3ece4 70%,#e7ece2 100%);overflow:hidden;padding:45px 55px}.brand{display:inline-flex;align-items:center;gap:12px}.brand-mark{width:43px;height:47px;display:flex;align-items:center;justify-content:center;background:#d2deca;color:#697f60;clip-path:polygon(50% 0,95% 23%,95% 77%,50% 100%,5% 77%,5% 23%)}.brand-mark svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.brand strong{display:block;font:31px/.95 var(--serif);letter-spacing:-.6px}.brand-sub{display:block;font-size:8px;font-weight:600;letter-spacing:2.1px;margin-top:8px}.welcome-copy{position:relative;z-index:1;margin-top:75px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:600;color:var(--accent);margin-bottom:13px}.welcome-copy .eyebrow{color:#687d67;font-size:9px}.welcome h1{font:500 40px/1.55 var(--serif);letter-spacing:.03em}.welcome h1 span{color:var(--accent)}.welcome-copy>p:last-child{color:#617261;line-height:2;font-size:13px;margin-top:19px}.island-scene{position:absolute;width:calc(100% + 8px);height:auto;left:-4px;bottom:51px;max-height:430px}.welcome-foot{position:absolute;bottom:30px;left:55px;font:italic 13px var(--serif);color:#6f806a}.login-panel{display:flex;position:relative;flex-direction:column;justify-content:center;padding:65px 65px 90px;min-width:0}.login-card{width:100%;max-width:380px;margin:auto}.login-card h2{font:500 34px/1.45 var(--serif);letter-spacing:.02em}.lead{color:var(--muted);font-size:12px;line-height:1.9;margin-top:13px;margin-bottom:24px}.service-status{font-size:11px;color:var(--muted);background:#edf1e6;border:1px solid #dce4d2;padding:10px 12px;border-radius:8px;margin-bottom:20px}.service-status.ready{display:none}.status-message:empty{display:none}.status-message{color:#526b49;font-size:12px;border:1px solid #d5e1ca;background:#eef4e8;border-radius:9px;padding:12px 14px;margin-bottom:18px;white-space:pre-line}.error-message{font-size:12px;color:#8f382d;background:#f7e8e0;border:1px solid #e6c8bc;border-radius:9px;padding:12px 14px;margin-bottom:18px;white-space:pre-line}.google-button{display:flex;align-items:center;justify-content:center;gap:11px;background:#fffefa;color:var(--ink);border:1px solid #bec7b8;border-radius:10px;width:100%;padding:12px 18px;min-height:49px;font-size:13px;font-weight:500}.google-button:hover:not(:disabled){border-color:#7c9072;background:#f4f6ed}.google-button svg{height:19px;width:19px}.divider{display:flex;align-items:center;gap:15px;margin:24px 0;color:#7b8375;font-size:10px}.divider:before,.divider:after{content:'';height:1px;flex:1;background:var(--line)}fieldset{border:0;padding:0;margin:0;min-width:0}.field{display:block;font-size:11px;font-weight:500;color:#53604f;margin-bottom:17px}.field>input,.password-wrap{margin-top:7px}.field input{display:block;min-width:0;width:100%;height:47px;border:1px solid #bec7b8;background:#fffefa;border-radius:9px;padding:10px 13px;font-size:14px;color:var(--ink)}.field input::placeholder{color:#8a9382}.password-wrap{display:block;position:relative}.password-wrap input{padding-right:65px}.password-toggle{position:absolute;right:4px;top:2px;min-height:43px;padding:8px 11px;background:none;border:0;color:#66755e;border-radius:6px;font-size:11px}.password-toggle:hover{background:#e9eddf}.primary{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 18px;border:1px solid var(--accent);background:var(--accent);color:#fffaf5;border-radius:10px;min-height:48px;font-size:13px;font-weight:500}.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.password-hint{font-size:10px;color:var(--muted);margin:-5px 0 18px;line-height:1.8}.form-links{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:12px}.text-button{padding:4px 0;border:0;background:none;font-size:11px;color:var(--muted);text-decoration:underline;text-decoration-color:#bfc7b7;text-underline-offset:4px}.text-button:hover:not(:disabled){color:var(--accent);text-decoration-color:var(--accent)}.privacy-note{border-top:1px solid var(--line);margin-top:27px;padding-top:20px;display:flex;align-items:flex-start;gap:10px}.privacy-note svg{width:16px;height:16px;fill:none;stroke:#6c805f;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;margin-top:2px}.privacy-note p{font-size:10px;color:#707a68;line-height:1.85}.login-footer{position:absolute;bottom:25px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:7px;color:#7f8778;letter-spacing:1.6px}.login-footer span{font:italic 11px var(--serif);letter-spacing:.1px}.verification{text-align:center;background:#eff3e8;border:1px solid #dbe4d2;border-radius:14px;padding:24px 20px}.verification h3{font:500 23px var(--serif);margin:17px 0 12px}.verification p{color:var(--muted);font-size:12px;line-height:1.85;margin-bottom:22px;overflow-wrap:anywhere}.mail-symbol{width:46px;height:46px;display:flex;align-items:center;justify-content:center;margin:auto;border-radius:50%;color:#708563;background:#dfe8d4}.mail-symbol svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.verification .text-button{margin-top:8px}.change-account{display:block;margin:12px auto 0}.login-card[aria-busy=true]{cursor:progress}@media(min-width:1500px){.welcome{padding:55px 75px}.welcome-copy{margin-top:95px}.welcome h1{font-size:48px}.island-scene{max-height:510px;bottom:55px}.login-panel{padding-left:100px;padding-right:100px}.login-card{max-width:410px}.welcome-foot{left:75px}}@media(max-width:1050px){.welcome{padding:35px}.welcome-copy{margin-top:65px}.welcome h1{font-size:33px}.welcome-copy>p:last-child{font-size:12px}.login-panel{padding:45px 35px 90px}.welcome-foot{left:35px}.island-scene{width:120%;left:-10%;bottom:65px}}@media(max-width:760px){.login-shell{display:block}.welcome{min-height:265px;padding:25px 25px 30px}.brand{gap:9px}.brand strong{font-size:26px}.brand-sub{font-size:6px;letter-spacing:1.8px}.brand-mark{width:34px;height:38px}.brand-mark svg{width:24px;height:24px}.welcome-copy{margin-top:35px;max-width:72%}.welcome-copy .eyebrow{font-size:7px;letter-spacing:1.8px;margin-bottom:10px}.welcome h1{font-size:26px;line-height:1.5}.welcome-copy>p:last-child{display:none}.island-scene{height:200px;width:290px;left:auto;right:-70px;bottom:-23px;opacity:.85}.welcome-foot{display:none}.login-panel{padding:35px 25px 90px}.login-card{max-width:420px}.login-card h2{font-size:30px}.login-card .eyebrow{font-size:9px;margin-bottom:8px}.lead{font-size:12px;margin-bottom:22px}.login-footer{bottom:24px}.privacy-note p{font-size:11px}}@media(max-width:380px){.welcome{padding:23px 22px;min-height:251px}.welcome-copy{max-width:80%;margin-top:30px}.welcome h1{font-size:25px}.island-scene{right:-90px;bottom:-25px;opacity:.65}.login-panel{padding:30px 22px 85px}.form-links{gap:2px}.text-button{font-size:10px}.privacy-note p{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}