:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#142e3b;background:#f3f6f8;font-size:16px;line-height:1.6;--teal:#006b60;--ink:#142e3b;--line:#dae4e9}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #20a99d;outline-offset:3px}h1,h2,h3,p{margin:0}h2{font-size:1.25rem;letter-spacing:-.025em}h3{font-size:1rem}small,.muted{color:#637681}.hidden{display:none!important}.topbar{height:88px;padding:0 max(28px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);background:white}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;font-size:1.2rem;font-weight:700;white-space:nowrap}.brand b{font-weight:500}.brand-icon{display:flex;align-items:center;justify-content:center;width:41px;height:41px;background:var(--ink);color:white;border-radius:10px;font-weight:800;letter-spacing:-4px;padding-right:5px}.brand-icon span{color:#61d0ba;font-size:1rem;align-self:flex-start;margin-top:3px}.internal{font-size:.75rem;letter-spacing:.12em;color:#70818b}.admin-link{margin-left:auto;border:0;background:none;color:#435963;font-size:.875rem;white-space:nowrap}.admin-link span{margin-left:12px}main{max-width:1240px;margin:auto;padding:42px 0 64px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:36px}.eyebrow{font-size:.75rem;font-weight:700;color:var(--teal);letter-spacing:.12em;margin-bottom:8px}h1{font-size:2.6rem;font-weight:750;letter-spacing:-.06em;line-height:1.3;margin-bottom:12px}.title-dot{color:var(--teal);margin-left:4px}.intro{color:#5b707b}.service-note{display:flex;gap:16px;align-items:center;border-left:1px solid #cfdde3;padding-left:32px}.service-note strong{font-size:.875rem}.service-note p{font-size:.8rem;color:#657781;margin-top:3px}.service-symbol{font-size:2.8rem;font-weight:300;color:var(--teal)}.tabs{display:flex;gap:32px;border-bottom:1px solid #ccdce2;margin-bottom:28px}.tabs button{background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;padding:12px 4px 15px;color:#627680;font-size:1rem}.tabs button.active{color:var(--teal);border-color:var(--teal);font-weight:700}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;box-shadow:0 3px 10px #132b3b03}.form-card{padding:30px 32px}.card-heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:23px}.card-heading p{font-size:.875rem;color:#69808b;margin-top:3px}.step{color:var(--teal);background:#e5f3ef;border:1px solid #cfe7de;border-radius:6px;font-size:.8rem;font-weight:700;width:30px;height:30px;display:grid;place-items:center;margin-top:2px}.category-group{border:0;padding:0;margin:0 0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-group label{position:relative}.category-group input{position:absolute;width:1px;height:1px;opacity:0}.category-group label>span{display:flex;flex-direction:column;border:1px solid #dce5e8;border-radius:8px;align-items:center;padding:14px 5px;cursor:pointer}.category-group input:checked+span{border-color:var(--teal);background:#eff8f5;box-shadow:inset 0 0 0 1px var(--teal)}.category-group input:focus-visible+span{outline:3px solid #20a99d;outline-offset:3px}.category-group i{font-style:normal;font-size:1.6rem;line-height:1.3;margin-bottom:7px;color:#48727a}.category-group strong{font-size:.875rem}.category-group small{font-size:.75rem;margin-top:3px;white-space:nowrap}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:20px}.field label{font-size:.875rem;font-weight:600}.field em{font-style:normal;color:var(--teal);margin-left:3px}.field small{font-size:.75rem}input,select,textarea{width:100%;border:1px solid #ccdbe2;border-radius:6px;background:white;color:var(--ink);padding:11px 12px;min-height:46px}input::placeholder,textarea::placeholder{color:#83959d;font-size:.875rem}textarea{resize:vertical;min-height:115px}select{font-size:.875rem}.two-col{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.section-divider{height:1px;background:#e4ebef;margin:28px 0}.submit-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:8px}.submit-footer>span{font-size:.75rem;color:#6e818a}.primary{background:var(--teal);color:white;border:1px solid var(--teal);border-radius:6px;padding:11px 21px;font-size:.875rem;font-weight:600;white-space:nowrap}.primary:hover{background:#00584f}.primary span{margin-left:28px}.secondary{border:1px solid #cddce3;background:white;border-radius:6px;padding:8px 14px;font-size:.875rem;color:#405963}.secondary:hover{background:#eef5f5}.aside-card{padding:26px 24px;background:#e7eff2;border:1px solid #d6e3e7;border-radius:12px}.aside-card h2{font-size:1.15rem}.process{list-style:none;padding:0;margin:26px 0 0}.process li{display:flex;gap:13px;position:relative;padding-bottom:28px}.process li:last-child{padding-bottom:0}.process li:not(:last-child):before{position:absolute;content:"";width:1px;top:29px;bottom:0;left:13px;background:#bacecf}.process li>span{width:27px;height:27px;flex-shrink:0;display:grid;place-items:center;font-size:.75rem;background:#fff;border:1px solid #c5d9db;border-radius:50%;color:var(--teal);font-weight:700}.process strong{font-size:.875rem}.process p{font-size:.8rem;color:#667d86;margin-top:4px}.tip-card{margin-top:20px;padding:24px;background:white;border:1px solid var(--line);border-radius:12px}.tip-label{font-size:.75rem;color:var(--teal);display:block;margin-bottom:10px;font-weight:700}.tip-card p{font-size:.875rem;color:#617780;margin-top:12px}.tip-card .urgent-tip{border-top:1px solid #e2e9ec;padding-top:16px;font-size:.8rem}.privacy-note{display:flex;gap:10px;padding:22px 10px;color:#71858e}.privacy-note p{font-size:.75rem}.compact{max-width:660px;margin:0 auto}.compact h2{font-size:1.65rem;margin-bottom:8px}.compact form{margin-top:24px}.form-message{font-size:.875rem;color:#b42332;margin-top:12px;white-space:pre-wrap}.form-message:empty{display:none}.honeypot,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.success-mark{font-size:2rem;color:var(--teal);margin-bottom:12px}.receipt{background:#edf7f4;border:1px solid #c5e6da;border-radius:8px;padding:18px;margin:24px 0;overflow-wrap:anywhere}.receipt strong{display:block;letter-spacing:.025em;font-family:ui-monospace,monospace;font-size:1.1rem}.receipt p+p{margin-top:14px}.actions{display:flex;gap:10px;flex-wrap:wrap}.dashboard-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.dashboard-top h2{font-size:1.6rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.stat{background:white;border:1px solid var(--line);border-top:3px solid var(--teal);border-radius:8px;padding:18px 22px}.stat span{font-size:.875rem;color:#67808b}.stat strong{display:block;font-size:2rem}.filters{display:flex;gap:12px;margin-bottom:18px}.filters input{flex:1;min-width:0}.filters select{width:145px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}th{font-weight:500;color:#6b818b;background:#f5f8f9;white-space:nowrap}td,th{padding:14px 12px;border-bottom:1px solid #e4edf0}td small{display:block;font-size:.75rem}td:first-child{min-width:220px;max-width:330px;overflow-wrap:anywhere}td:nth-child(5){min-width:130px}.badge{font-size:.8rem;display:inline-block;padding:3px 9px;border-radius:5px;background:#edf3f7;color:#496c88;white-space:nowrap}.badge.处理中{background:#fff3d6;color:#7d5702}.badge.已完成{background:#e5f4ee;color:#006b49}.badge.紧急{background:#ffebeb;color:#ab2339}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-top:20px;font-size:.875rem}.empty-cell{text-align:center;padding:48px;color:#72858f}.detail-card{margin:24px auto;max-width:860px}.detail-title{font-size:1.3rem;margin:12px 0;overflow-wrap:anywhere}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:.875rem;padding:16px 0;border-block:1px solid var(--line);margin:16px 0}.detail-grid small{display:block;font-size:.75rem}.pre-wrap{white-space:pre-wrap;overflow-wrap:anywhere}.timeline{border-left:2px solid #d3e5df;padding-left:20px;margin:22px 0}.event{margin:0 0 24px}.event time{color:#778c95;font-size:.75rem;display:block}.event p{font-size:.875rem;margin-top:8px}dialog{border:1px solid var(--line);border-radius:12px;padding:28px;width:min(760px,calc(100vw - 32px));max-height:90vh;color:var(--ink)}dialog::backdrop{background:#0c293b80;backdrop-filter:blur(2px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}footer{max-width:1240px;margin:auto;padding:22px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#748992;font-size:.75rem}@media(min-width:1600px){main{padding-top:55px}}@media(max-width:1300px){main,footer{margin-inline:28px}.content-grid{grid-template-columns:minmax(0,1fr) 270px}}@media(max-width:960px){.service-note{display:none}.content-grid{grid-template-columns:1fr}.content-grid aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tip-card{margin:0}.privacy-note{grid-column:1/-1;padding:0}.internal{display:none}}@media(max-width:600px){.topbar{height:72px;padding:0 18px;gap:8px}.brand{font-size:1rem;gap:8px}.brand-icon{width:34px;height:34px}.admin-link{font-size:.8rem;padding:8px 0}.admin-link span{margin-left:2px}main{margin:0;padding:28px 16px 40px}h1{font-size:2rem}.intro{font-size:.875rem}.page-heading{margin-bottom:24px}.tabs{margin-bottom:20px}.card,.form-card{padding:22px 18px}.category-group{grid-template-columns:1fr 1fr;gap:10px}.category-group label>span{padding:10px}.two-col{grid-template-columns:1fr}.submit-footer{align-items:stretch;flex-direction:column;gap:12px}.submit-footer .primary{width:100%}.content-grid aside{display:block}.tip-card{margin-top:18px}.privacy-note{padding-top:18px}.dashboard-top{align-items:flex-start;flex-direction:column}.stats{gap:8px}.stat{padding:12px}.stat strong{font-size:1.6rem}.filters{flex-wrap:wrap}.filters input{flex-basis:100%}.filters select{flex:1}.detail-grid{grid-template-columns:1fr}footer{margin:0 16px;gap:12px;flex-wrap:wrap}.actions .secondary{padding:8px 10px}}

/* Quiet surfaces, deliberate typography, motion only where it helps. */
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--teal:#0071e3;--ink:#1d1d1f;--line:#e5e5e7;color:var(--ink);background:#f5f5f7;line-height:1.6}
html{scroll-behavior:smooth}body{background:linear-gradient(180deg,#fff 0,#fff 240px,#f5f5f7 530px);min-height:100vh;-webkit-font-smoothing:antialiased}
.topbar{height:68px;position:sticky;top:0;z-index:5;background:rgba(255,255,255,.82);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);border-bottom:1px solid #0000000b;color:#1d1d1f;padding-inline:max(28px,calc((100vw - 1120px)/2))}
.brand{font-size:1.05rem;gap:11px;letter-spacing:-.035em}.brand b{font-weight:500}.brand-icon{width:32px;height:32px;background:#1d1d1f;color:white;border-radius:10px;font-size:1rem}.brand-icon span{color:#fff;font-size:.75rem;margin-top:2px}.internal{font-size:.75rem;letter-spacing:0;color:#6e6e73}.admin-link{color:#515154;transition:color .2s}.admin-link:hover{color:#0071e3}
main{max-width:1120px;padding:48px 0 72px}.page-heading{align-items:center;margin-bottom:32px}.page-heading .eyebrow{font-size:.875rem;letter-spacing:.01em;font-weight:500;color:#6e6e73;margin-bottom:13px}h1{font-size:clamp(2.25rem,4vw,3.4rem);letter-spacing:-.065em;line-height:1.2;font-weight:650;margin-bottom:17px}.highlight{color:#0071e3;background:none;padding:0}.intro{font-size:1rem;color:#6e6e73;line-height:1.7;max-width:37em}.heading-index{display:none}
.tabs{display:inline-flex;gap:4px;background:#e8e8ed;padding:4px;border:0;border-radius:999px;margin-bottom:26px;max-width:100%}.tabs button{font-size:.875rem;padding:8px 21px;border:0;border-radius:999px;color:#606065;margin:0;transition:background .25s,color .25s,box-shadow .25s,transform .2s}.tabs button.active{background:white;color:#1d1d1f;box-shadow:0 2px 5px #0000000d;font-weight:600}.tabs button:hover{color:#1d1d1f}.tabs button:active{transform:scale(.98)}
.content-grid{grid-template-columns:minmax(0,1fr) 252px;gap:32px;align-items:start}.card{border:1px solid #fff;border-radius:22px;box-shadow:0 8px 35px #00000004;background:#fff}.form-card{padding:0 34px 30px;box-shadow:0 12px 48px #00000006;transition:box-shadow .4s,border-color .4s}.form-card:focus-within{box-shadow:0 18px 60px #00000009;border-color:#e2ebf5}
.mail-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:24px 0 20px;border-bottom:1px solid #eeeef0;margin-bottom:19px}.mail-kicker{font-size:.75rem;letter-spacing:.09em;color:#86868b;font-weight:500}.mail-recipient{font-size:.875rem;font-weight:500;color:#515154}.field label{font-size:.875rem;font-weight:500;color:#515154}.field em{color:#86868b;font-size:.8rem}.field small{color:#86868b;font-size:.75rem}
input,select,textarea{border-color:#d2d2d7;border-radius:10px;color:#1d1d1f;transition:border-color .2s,box-shadow .2s,background .2s}input::placeholder,textarea::placeholder{color:#86868b}.subject-field{display:flex;flex-direction:row;align-items:center;gap:22px;border-bottom:1px solid #eeeef0;padding-bottom:12px;margin-bottom:22px}.subject-field label{flex-shrink:0}.subject-field input{border:0;background:transparent;box-shadow:none;font-size:1.1rem;padding:9px 8px;min-width:0}.subject-field input::placeholder{font-size:1rem}.letter-field textarea{border:1px solid transparent;border-radius:12px;background:#fafafa;padding:18px;min-height:225px;line-height:1.9;font-size:1rem}.letter-field textarea::placeholder{font-size:.95rem;line-height:1.9}.letter-field textarea:hover{background:#f7f7f9}.letter-field textarea:focus{background:#fff}.letter-signature{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:1px solid #eeeef0;padding-top:22px}.letter-signature input{background:#fff;font-size:.95rem}.submit-footer{margin-top:6px;gap:18px}.submit-footer>span{font-size:.75rem;color:#86868b}
button:focus-visible,a:focus-visible{outline:3px solid #0071e3;outline-offset:4px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:0;border-color:#0071e3;box-shadow:0 0 0 3px #0071e322}.subject-field input:focus-visible{box-shadow:0 0 0 3px #0071e322}
.primary{border:1px solid #0071e3;background:#0071e3;color:white;border-radius:999px;padding:11px 24px;font-weight:500;font-size:.95rem;transition:background .2s,transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;will-change:auto}.primary:hover{background:#0077ed;box-shadow:0 5px 16px #0071e324;transform:translateY(-1px)}.primary:active{transform:translateY(0) scale(.97);box-shadow:none}.primary span{display:inline-block;margin-left:18px;transition:transform .25s}.primary:hover span{transform:translate(2px,-2px)}.primary:disabled{transform:none;box-shadow:none;cursor:wait}.secondary{border-color:#d2d2d7;border-radius:999px;background:transparent;color:#515154;transition:background .2s,transform .2s}.secondary:hover{background:#f0f0f2}.secondary:active{transform:scale(.97)}
.aside-card{padding:28px 6px 26px;background:transparent;border:0;border-radius:0}.aside-card .eyebrow{color:#86868b;letter-spacing:.03em;font-size:.75rem;font-weight:500;margin-bottom:16px}.aside-card h2{font-size:1.45rem;font-weight:600;line-height:1.45;letter-spacing:-.04em}.aside-copy{color:#6e6e73;font-size:.875rem;line-height:2;margin-top:21px}.aside-foot{font-size:.75rem;color:#86868b;margin-top:14px}.tip-card{background:transparent;border:0;border-top:1px solid #dedee2;border-radius:0;margin-top:0;padding:24px 6px}.tip-label{color:#6e6e73;font-size:.75rem;font-weight:500}.tip-card h3{color:#1d1d1f;font-size:.95rem;font-weight:600}.tip-card p{color:#6e6e73;font-size:.875rem;line-height:1.8}.tip-card .urgent-tip{border:0;padding:0;font-size:.8rem}.privacy-note{padding:4px 6px 20px;color:#86868b}.privacy-note p{line-height:1.8}
.compact{border-radius:22px;padding:34px;box-shadow:0 12px 40px #00000005}.compact h2{letter-spacing:-.04em;font-weight:600}.eyebrow{color:#6e6e73;letter-spacing:.03em}.muted,small{color:#6e6e73}.stat{border:1px solid #fff;border-radius:18px;box-shadow:0 4px 20px #00000003}.stat strong{font-weight:600;color:#1d1d1f}.stat span{color:#6e6e73}.receipt{background:#f5f8fc;border-color:#e0eaf7;border-radius:16px}.detail-grid{border-color:#e5e5e7}.timeline{border-color:#dce9f8}.section-divider{background:#eeeef0}.badge{border-radius:6px}.form-message{color:#a52a34}.table-wrap{border-radius:10px}th{background:#f5f5f7;color:#6e6e73}td,th{border-color:#eeeef0}dialog{border:1px solid #fff;border-radius:22px;box-shadow:0 30px 100px #00000026}dialog::backdrop{background:#00000030;backdrop-filter:blur(7px)}dialog[open]{animation:dialog-in .25s cubic-bezier(.2,.8,.2,1)}footer{max-width:1120px;border-color:#dedee2;font-size:.75rem;color:#86868b}
@keyframes rise-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.page-heading{animation:rise-in .65s cubic-bezier(.2,.7,.2,1) both}.tabs{animation:rise-in .65s .07s cubic-bezier(.2,.7,.2,1) both}.form-card{animation:rise-in .7s .13s cubic-bezier(.2,.7,.2,1) both}.content-grid aside{animation:rise-in .75s .21s cubic-bezier(.2,.7,.2,1) both}#query-view:not(.hidden),#success-view:not(.hidden),#admin-view:not(.hidden){animation:rise-in .4s cubic-bezier(.2,.7,.2,1) both}}
@media(max-width:1180px){main,footer{margin-inline:28px}}@media(max-width:960px){.content-grid{grid-template-columns:minmax(0,1fr) 220px;gap:22px}.content-grid aside{display:block}.internal{display:none}.form-card{padding-inline:26px}.intro{font-size:.95rem}}
@media(max-width:720px){.content-grid{grid-template-columns:1fr}.content-grid aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.aside-card{padding-top:12px}.tip-card{border-top:0;padding-top:12px}.privacy-note{grid-column:1/-1}}
@media(max-width:600px){.topbar{height:60px;padding-inline:20px;gap:8px}.brand{font-size:.95rem;gap:8px}.brand-icon{width:29px;height:29px}.admin-link{font-size:.75rem}main{margin:0;padding:34px 20px 48px}.page-heading{margin-bottom:26px}h1{font-size:2.25rem;letter-spacing:-.065em;line-height:1.24}.page-heading .eyebrow{font-size:.8rem;margin-bottom:12px}.intro{font-size:.9rem}.tabs{margin-bottom:22px}.tabs button{padding:8px 16px;font-size:.8rem}.form-card{border-radius:18px;padding:0 20px 24px}.mail-top{padding-top:22px}.mail-kicker{font-size:.7rem}.subject-field{gap:12px}.subject-field input{font-size:1rem}.subject-field input::placeholder{font-size:.9rem}.letter-field textarea{padding:14px;min-height:250px}.letter-signature{grid-template-columns:1fr;gap:0}.submit-footer{align-items:stretch;flex-direction:column;gap:16px}.primary{min-height:46px}.content-grid aside{gap:16px}.aside-card h2{font-size:1.2rem}.aside-copy{font-size:.8rem}.tip-card{margin-top:0}.tip-card p{font-size:.8rem}.privacy-note{padding-top:0}.compact{padding:26px 22px}.card{border-radius:18px}.dashboard-top .actions{gap:7px}footer{margin-inline:20px;flex-wrap:wrap;gap:10px}.stats{gap:10px}.stat{padding:16px 12px}.stat strong{font-size:1.7rem}.filters{gap:8px}.detail-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Open sky and daylight, with steady reading surfaces. */
:root{--teal:#087ba4;--ink:#203b43;--line:#dce7e7;background:#dbeaf0;color:var(--ink)}
body{position:relative;isolation:isolate;background:#dbeaf0;min-height:100vh}
.landscape{position:fixed;inset:0;z-index:-2;overflow:hidden;background:linear-gradient(150deg,#c9e7f2 0%,#e4f0f4 42%,#f5f3e8 100%);pointer-events:none}
.landscape img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;opacity:0;transform:scale(1.025);transition:opacity 1.5s ease,transform 2.4s cubic-bezier(.2,.6,.2,1)}
.landscape img.visible{opacity:1;transform:scale(1)}
.landscape::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(243,249,250,.88) 0%,rgba(244,249,249,.7) 40%,rgba(244,249,249,.23) 100%)}
.topbar{background:rgba(255,255,255,.66);border-bottom:1px solid #ffffff75;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.brand-icon{background:#2c5968;color:#fff}.brand-icon span{color:#fff}.brand{color:#27434e}.internal{color:#5e7980}.admin-link{color:#365762}.admin-link:hover{color:#006e94}
main{padding-top:42px}.page-heading{margin-bottom:26px}.page-heading .eyebrow{color:#466672}.page-heading h1{color:#213e49;font-weight:600;letter-spacing:-.065em}.highlight{color:#147d9d}.intro{color:#42606d;max-width:34em}.heading-index{display:none}
.day-scene{display:flex;align-items:center;gap:12px;margin-top:18px;color:#426371;font-size:.8rem}.day-scene .day-dot{width:9px;height:9px;flex-shrink:0;border-radius:50%;background:#f3c963;box-shadow:0 0 0 5px #fff5d66b}.day-scene time{color:#476772}.day-scene a{text-decoration:none;color:#385c68;border-bottom:1px solid #72939b66;transition:color .2s}.day-scene a:hover{color:#006e94}.day-scene .scene-separator{color:#77939a}
.status-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:20px}.status-row .day-scene{margin-top:0}.queue-pill{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:5px 13px 5px 10px;border:1px solid #ffffffad;border-radius:999px;background:rgba(255,255,255,.78);box-shadow:0 4px 18px #284c600a;backdrop-filter:blur(12px);color:#476772;font-size:.8rem}.queue-pill strong{min-width:1.2ch;color:#174f61;font-size:1rem;font-variant-numeric:tabular-nums;text-align:center}.queue-light{width:8px;height:8px;border-radius:50%;background:#4fbd83;box-shadow:0 0 0 4px #4fbd8320}@media(prefers-reduced-motion:no-preference){.queue-light{animation:queue-pulse 2.4s ease-in-out infinite}}@keyframes queue-pulse{50%{box-shadow:0 0 0 7px #4fbd8308}}
.tabs{background:rgba(236,244,245,.73);border:1px solid #ffffff91;padding:4px;backdrop-filter:blur(12px)}.tabs button{color:#526d75}.tabs button.active{color:#214450;background:rgba(255,255,255,.97);box-shadow:0 2px 8px #31576410}
.card{background:rgba(255,255,255,.96);border:1px solid #ffffffd9;box-shadow:0 14px 50px #284c6010}.form-card{background:rgba(255,255,255,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 60px #284c6012}.form-card:focus-within{border-color:#fff;box-shadow:0 20px 65px #284c601c}.mail-top{border-color:#e5edef}.mail-kicker{color:#758a90}.mail-recipient{color:#42626d}.field label{color:#45616a}.field em{color:#6e8a94}.field small{color:#6f848b}.subject-field{border-color:#e5edef}.subject-field input{color:#244650}.letter-field textarea{background:#f7fafb;color:#294753}.letter-field textarea:hover{background:#f1f7f8}.letter-field textarea:focus{background:#fff}.letter-signature{border-color:#e5edef}.letter-signature input{border-color:#cfdee3}input::placeholder,textarea::placeholder{color:#778d96}
.primary{background:#147b9d;border-color:#147b9d}.primary:hover{background:#0e88ae;box-shadow:0 6px 18px #117ea52a}.secondary{border-color:#c5d9df;color:#3e636f;background:#ffffff61}.secondary:hover{background:#edf5f7}button:focus-visible,a:focus-visible{outline-color:#087ba4}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:#087ba4;box-shadow:0 0 0 3px #087ba421}.subject-field input:focus-visible{box-shadow:0 0 0 3px #087ba421}
.content-grid aside{padding:0 22px;background:rgba(255,255,255,.79);border:1px solid #ffffffb3;border-radius:22px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 40px #284c6009}.aside-card{padding:28px 0 25px}.aside-card .eyebrow{color:#64818b}.aside-card h2{color:#2f525f}.aside-copy{color:#53727e}.aside-foot{color:#617e89}.tip-card{padding:24px 0;border-color:#d6e3e6}.tip-card h3{color:#2f525f}.tip-card p{color:#506d78}.tip-label{color:#617e89}.privacy-note{padding:0 0 24px;color:#5e7a86}.privacy-note p{font-size:.75rem}.submit-footer>span{color:#6b818a}.muted{color:#5f7782}
footer{background:rgba(250,253,253,.68);border:1px solid #ffffff82;border-radius:18px 18px 0 0;padding:20px 24px;color:#486772;backdrop-filter:blur(14px)}
@media(min-width:1500px){.landscape::after{background:linear-gradient(100deg,rgba(243,249,250,.8),rgba(244,249,249,.48) 50%,rgba(244,249,249,.12))}}
@media(max-width:720px){.content-grid aside{padding:6px 20px}.aside-card{padding-top:20px}.tip-card{padding-top:20px}.privacy-note{padding-bottom:14px}.status-row{align-items:flex-start;flex-direction:column;gap:12px}.day-scene{flex-wrap:wrap;gap:8px 10px}.landscape::after{background:rgba(242,249,250,.65)}}
@media(max-width:600px){main{padding-top:32px}.page-heading h1{font-size:2.3rem}.intro{font-size:.875rem}.day-scene{font-size:.75rem;margin-top:16px}.content-grid aside{border-radius:18px}.landscape img{object-position:60% center}.form-card{background:rgba(255,255,255,.97)}footer{padding:17px 20px}}
@media(prefers-reduced-motion:reduce){.landscape img{transition:none;transform:none}}
.my-tickets-card{max-width:820px;margin:0 auto;padding:30px}.my-tickets-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.my-tickets-heading h2{font-size:1.65rem;letter-spacing:-.04em;margin-bottom:5px}.ticket-records{display:grid;gap:10px;margin-top:25px}.ticket-record{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;border:1px solid #e3ecee;border-radius:15px;background:rgba(255,255,255,.86);padding:17px 18px;color:#294753;transition:transform .2s,box-shadow .2s,border-color .2s}.ticket-record:hover{transform:translateY(-1px);border-color:#c8dde3;box-shadow:0 8px 24px #284c600c}.ticket-record-main{display:grid;min-width:0}.ticket-record-main small{font-size:.75rem;color:#6a848d;font-variant-numeric:tabular-nums}.ticket-record-main strong{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-record-main time{font-size:.75rem;color:#7b9097}.ticket-record-side{display:flex;align-items:center;gap:15px;flex-shrink:0}.ticket-record-side i{font-style:normal;font-size:1.6rem;font-weight:300;color:#69858e}.my-tickets-empty{text-align:center;padding:38px 20px 30px;color:#647d86}.my-tickets-empty>span{display:block;font-size:2rem;margin-bottom:8px}.my-tickets-empty h3{color:#294753;font-size:1.05rem}.my-tickets-empty p{font-size:.875rem;margin:5px 0 20px}.records-loading{text-align:center;color:#6c838c;padding:30px;font-size:.875rem}@media(max-width:600px){.my-tickets-card{padding:24px 18px}.my-tickets-heading{align-items:flex-start}.my-tickets-heading h2{font-size:1.35rem}.my-tickets-heading .muted{font-size:.8rem}.ticket-record{padding:15px 14px}.ticket-record-main strong{max-width:55vw}.ticket-record-side{gap:7px}.ticket-record-side i{display:none}}
.image-field>input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.image-drop{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:128px;border:1px dashed #a9c8d2;border-radius:14px;background:#f4fafb;color:#315966!important;cursor:pointer;text-align:center;padding:20px;transition:border-color .2s,background .2s,transform .2s}.image-drop:hover{border-color:#1685a8;background:#edf8fa;transform:translateY(-1px)}.image-drop-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#dff1f5;color:#147b9d;font-size:1.25rem}.image-drop strong{font-size:.9rem}.image-drop small{font-weight:400}.image-preview{display:grid;gap:7px}.image-preview-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:8px 11px;border-radius:8px;background:#f4f7f8;font-size:.8rem;color:#3d626e}.image-preview-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.signature-wide{grid-column:1/-1}.background-card{margin-bottom:24px;padding:24px}.background-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.background-heading h3{font-size:1.2rem}.background-options{display:grid;grid-template-columns:repeat(8,minmax(88px,1fr));gap:10px;margin-top:20px;overflow-x:auto;padding:3px}.background-option{min-width:88px;position:relative;display:flex;flex-direction:column;gap:7px;border:2px solid transparent;border-radius:12px;background:#f4f7f8;padding:5px;color:#476772;transition:border-color .2s,transform .2s}.background-option:hover{transform:translateY(-1px)}.background-option.selected{border-color:#147b9d;background:#eef8fa}.background-option img,.daily-symbol{width:100%;height:58px;border-radius:7px;object-fit:cover}.daily-symbol{display:grid;place-items:center;background:linear-gradient(145deg,#bce2f0,#fff1bb);font-size:1.45rem}.background-option strong{font-size:.72rem;font-weight:500}.attachment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.attachment-grid a{display:flex;flex-direction:column;border:1px solid #dae5e8;border-radius:10px;overflow:hidden;text-decoration:none;background:#f7fafb;color:#506b74}.attachment-grid img{width:100%;height:145px;object-fit:cover;background:#edf2f3}.attachment-grid span{font-size:.75rem;padding:7px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-count{font-size:.8rem;color:#4e707b;white-space:nowrap}@media(max-width:900px){.background-options{grid-template-columns:repeat(4,minmax(110px,1fr))}}@media(max-width:600px){.brand{font-size:.83rem}.brand-icon{flex-shrink:0}.image-drop{min-height:115px}.signature-wide{grid-column:auto}.background-heading{align-items:stretch;flex-direction:column}.background-heading .primary{align-self:flex-start}.background-options{grid-template-columns:repeat(2,minmax(120px,1fr))}.attachment-grid{grid-template-columns:1fr 1fr}.attachment-grid img{height:120px}}
/* Custom background upload */
.background-upload{display:flex!important;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;border:1px dashed #9fc3cd;border-radius:12px;background:#f5fafb;color:#315966!important;cursor:pointer;transition:border-color .2s,background .2s}
.background-upload:hover{border-color:#1685a8;background:#edf8fa}
.background-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.background-upload-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:#dff1f5;color:#147b9d;font-size:1.3rem}
.background-upload span:nth-child(2){display:flex;flex-direction:column;gap:3px}
.background-upload strong{font-size:.88rem}
.background-upload small{color:#66818a;font-size:.75rem;font-weight:400}

/* Let more of the selected landscape remain visible through the interface. */
.landscape::after{background:linear-gradient(100deg,rgba(243,249,250,.42) 0%,rgba(244,249,249,.2) 42%,rgba(244,249,249,.04) 100%)}
.topbar{background:rgba(255,255,255,.48);backdrop-filter:blur(10px) saturate(135%);-webkit-backdrop-filter:blur(10px) saturate(135%)}
.tabs{background:rgba(236,244,245,.56);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.tabs button.active{background:rgba(255,255,255,.84)}
.card{background:rgba(255,255,255,.62);border-color:#ffffffb8;backdrop-filter:blur(7px) saturate(112%);-webkit-backdrop-filter:blur(7px) saturate(112%);box-shadow:0 14px 50px #284c6014}
.form-card{background:rgba(255,255,255,.66);backdrop-filter:blur(7px) saturate(112%);-webkit-backdrop-filter:blur(7px) saturate(112%)}
.content-grid aside{background:rgba(255,255,255,.47);backdrop-filter:blur(6px) saturate(112%);-webkit-backdrop-filter:blur(6px) saturate(112%)}
.stat{background:rgba(255,255,255,.64)}
.ticket-record{background:rgba(255,255,255,.6)}
footer{background:rgba(250,253,253,.5);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
@media(min-width:1500px){.landscape::after{background:linear-gradient(100deg,rgba(243,249,250,.36),rgba(244,249,249,.16) 50%,rgba(244,249,249,.02))}}
@media(max-width:720px){.landscape::after{background:rgba(242,249,250,.34)}}
@media(max-width:600px){.form-card{background:rgba(255,255,255,.72)}}

/* High-transparency writing panel and guidance panel. */
#submit-view .form-card{background:rgba(255,255,255,.34);border-color:rgba(255,255,255,.68);backdrop-filter:blur(3px) saturate(108%);-webkit-backdrop-filter:blur(3px) saturate(108%);box-shadow:0 16px 60px #173f521a}
#submit-view>aside{background:rgba(255,255,255,.27);border-color:rgba(255,255,255,.58);backdrop-filter:blur(3px) saturate(108%);-webkit-backdrop-filter:blur(3px) saturate(108%);box-shadow:0 12px 40px #173f5214}
#submit-view .letter-field textarea{background:rgba(255,255,255,.48);border-color:rgba(255,255,255,.58)}
#submit-view .letter-field textarea:hover{background:rgba(255,255,255,.56)}
#submit-view .letter-field textarea:focus{background:rgba(255,255,255,.68)}
#submit-view .letter-signature input{background:rgba(255,255,255,.5);border-color:rgba(255,255,255,.64)}
#submit-view .image-drop{background:rgba(244,250,251,.45);border-color:rgba(111,167,181,.62)}
#submit-view .image-drop:hover{background:rgba(237,248,250,.58)}
@media(max-width:600px){#submit-view .form-card{background:rgba(255,255,255,.43)}#submit-view>aside{background:rgba(255,255,255,.34)}}

/* Keep 2.5 viewports between the content section and footer, without extra main padding. */
main{padding-bottom:0}
footer{margin-top:250vh;margin-top:250svh}

.scenery-only .topbar{visibility:hidden;pointer-events:none}
.scenery-surprise{position:fixed;left:50%;bottom:12vh;transform:translate(-50%,12px);width:max-content;max-width:calc(100vw - 40px);padding:16px 24px;border:1px solid #ffffff80;border-radius:18px;background:rgba(255,255,255,.78);color:#294753;font-size:1rem;line-height:1.8;text-align:center;box-shadow:0 8px 30px #153a4820;backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;z-index:6;transition:opacity .6s,transform .6s,visibility .6s}
.scenery-surprise.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(prefers-reduced-motion:reduce){.scenery-surprise{transition:none}}

/* Persistent, dismissible scenery note sliding in from the right. */
.scenery-surprise{left:auto;right:20px;bottom:24px;width:340px;transform:translateX(calc(100% + 40px));text-align:left;pointer-events:none}
.scenery-surprise.visible{transform:translateX(0);pointer-events:auto}
.scenery-surprise button{display:block;margin:0 0 10px auto;padding:6px 8px;border:0;border-radius:8px;background:rgba(255,255,255,.7);color:#294753;font-size:14px}
.scenery-surprise button:hover{background:white}

.day-scene[hidden]{display:none}

/* Display background photos without a page-wide tint or color filter. */
.landscape::after{content:none;display:none;background:none}
.landscape,.landscape img{filter:none;mix-blend-mode:normal}
.landscape img.visible{opacity:1}