:root{--civic-bg:#0b1220;--civic-surface:#ffffff0a;--civic-panel:#101828e6;--civic-border:#ffffff1a;--civic-text:#e9eef8;--civic-muted:#e9eef8b8;--civic-primary:#4f8cff;--civic-accent:#f6c458;--civic-danger:#ff8f8f;--radius:14px;--radius-sm:12px;--shadow:0 16px 50px #00000059}html,body{min-height:100%}html{background:radial-gradient(1200px 800px at 20% 10%,#4f8cff29,transparent 55%),radial-gradient(1000px 700px at 90% 0%,#f6c4581a,transparent 55%),var(--civic-bg);background-repeat:no-repeat;background-attachment:fixed}body{color:var(--civic-text);background:0 0;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}a{color:inherit}.civic_container{max-width:1040px;margin:0 auto;padding:0 16px 28px}.civic_nav{z-index:50;border-bottom:1px solid var(--civic-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1220d1;position:sticky;top:0}.civic_nav_inner{justify-content:space-between;align-items:center;gap:12px;max-width:1040px;margin:0 auto;padding:10px 16px;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand_mark{background:linear-gradient(135deg,var(--civic-primary),#4f8cff40);border:1px solid #ffffff1a;border-radius:12px;width:34px;height:34px;box-shadow:0 10px 28px #4f8cff38}.brand_name{letter-spacing:.2px;font-weight:700}.nav_links{align-items:center;gap:8px;display:flex}.nav_link{color:var(--civic-muted);border:1px solid #0000;border-radius:12px;padding:8px 10px;text-decoration:none;transition:transform .16s,border-color .16s,color .16s,background .16s}.nav_link:hover{color:var(--civic-text);background:#ffffff08;border-color:#ffffff1a;transform:translateY(-1px)}.btn{border:1px solid var(--civic-border);color:var(--civic-text);cursor:pointer;background:#ffffff05;border-radius:12px;justify-content:center;align-items:center;padding:10px 14px;text-decoration:none;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.btn:hover{background:#ffffff0a;transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--civic-primary),#4f8cff8c);color:#071018;border-color:#00000040;font-weight:700}.btn.primary:hover{transform:translateY(-1px)scale(1.01)}.panel{background:var(--civic-panel);border:1px solid var(--civic-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.hint{color:var(--civic-muted)}.error{color:var(--civic-danger)}.route_view{animation:.24s both civic_in}@keyframes civic_in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast_region{z-index:200;pointer-events:none;gap:10px;max-width:min(360px,90vw);display:grid;position:fixed;top:16px;right:16px}.toast{border:1px solid var(--civic-border);box-shadow:var(--shadow);transform-origin:100% 0;transform:translateY(calc(var(--toast-index,0)*6px))scale(calc(1 - (var(--toast-index,0)*.035)));filter:brightness(calc(1 - (var(--toast-index,0)*.06)))saturate(.98);z-index:calc(100 - var(--toast-index,0));pointer-events:auto;background:#101828f5;border-radius:14px;grid-template-columns:1fr auto;align-items:start;gap:12px;padding:12px 14px;transition:transform .2s,filter .2s,box-shadow .2s;animation:.18s both toast_in,.24s 4.4s both toast_out;display:grid}.toast_region:hover .toast{transform:translateY(calc(var(--toast-index,0)*4px))scale(calc(1 - (var(--toast-index,0)*.02)));filter:brightness()saturate()}.toast:hover{animation-play-state:paused;transform:translateY(0)scale(1.01);box-shadow:0 16px 32px #04081059}.toast_error{border-color:#ff8f8f73;box-shadow:0 14px 32px #ff8f8f29}.toast_info{border-color:#4f8cff73;box-shadow:0 14px 32px #4f8cff29}.toast_success{border-color:#46c88c73;box-shadow:0 14px 32px #46c88c29}.toast_title{color:var(--civic-text);font-weight:700}.toast_body{color:var(--civic-muted);opacity:0;max-height:0;margin-top:4px;font-size:.95rem;line-height:1.4;transition:max-height .24s,opacity .2s,transform .2s;overflow:hidden;transform:translateY(-4px)}.toast:hover .toast_body{opacity:1;max-height:120px;transform:translateY(0)}.toast_close{color:var(--civic-muted);cursor:pointer;background:0 0;border:0;padding:4px 6px;font-size:.85rem}.toast_close:hover{color:var(--civic-text)}@keyframes toast_in{0%{opacity:0}to{opacity:1}}@keyframes toast_out{0%{opacity:1}to{opacity:0}}.account_menu{align-items:center;display:inline-flex;position:relative}.avatar_btn{border:1px solid var(--civic-border);width:40px;height:40px;color:var(--civic-text);cursor:pointer;background:#ffffff08;border-radius:14px;justify-content:center;align-items:center;transition:transform .16s,background .16s;display:inline-flex;overflow:hidden}.avatar_btn:hover{background:#ffffff0d;transform:translateY(-1px)}.avatar_img{object-fit:cover;width:100%;height:100%}.avatar_fallback{letter-spacing:.6px;font-weight:800}.dropdown{border-radius:var(--radius);border:1px solid var(--civic-border);min-width:190px;box-shadow:var(--shadow);background:#101828f5;gap:6px;padding:8px;animation:.18s both civic_in;display:grid;position:absolute;top:48px;right:0}.dropdown_item{width:100%;color:var(--civic-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:flex-start;align-items:center;gap:8px;padding:10px;text-decoration:none;transition:background .16s,border-color .16s,transform .16s;display:flex}.dropdown_item .btn{border-radius:10px;padding:6px 10px}.dropdown_item:hover{background:#ffffff0a;border-color:#ffffff14;transform:translateY(-1px)}.dropdown_item.danger{color:var(--civic-danger)}@media (max-width:520px){.civic_nav_inner{flex-wrap:wrap}.nav_links{flex-wrap:wrap;max-width:none;overflow-x:visible}.nav_link{white-space:nowrap}}