:root{--brand: #0e5e4f;--brand-hover: #0a4a3e;--brand-soft: #e7f2ef;--brand-ink: #083a31;--saffron: #f2a93b;--saffron-soft: #fdf3e2;--primary: var(--brand);--primary-hover: var(--brand-hover);--primary-light: var(--brand-soft);--secondary: #3f4a47;--accent: #d6334a;--success: #16a34a;--warning: var(--saffron);--bg-main: #f6f7f5;--bg-card: #ffffff;--bg-subtle: #f1f3f1;--bg-glass: rgba(255, 255, 255, .9);--text-main: #111816;--text-body: #3b4441;--text-muted: #6b7571;--border: #e3e7e4;--border-strong: #cfd6d2;--ring: rgba(14, 94, 79, .18);--shadow-sm: 0 1px 2px rgba(17, 24, 22, .04);--shadow-md: 0 2px 6px rgba(17, 24, 22, .04), 0 8px 24px -8px rgba(17, 24, 22, .08);--shadow-lg: 0 12px 32px -8px rgba(17, 24, 22, .16);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--container: 1320px;--gutter: clamp(16px, 3vw, 40px);--nav-h: 68px;--transition: all .22s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .12s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg-main);color:var(--text-main);min-height:100vh;overflow-x:hidden;line-height:1.5}button,input,select,textarea{font-family:inherit}img{max-width:100%;display:block}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{letter-spacing:-.02em}.material-symbols-rounded{font-family:Material Symbols Rounded,sans-serif;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;direction:ltr;flex-shrink:0;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-font-feature-settings:"liga";font-feature-settings:"liga"}.icon-spin{animation:spin .9s linear infinite}.app-shell{flex:1;width:100%}.page,.main-container,.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}.section-title{font-size:clamp(1.25rem,1rem + .8vw,1.6rem);font-weight:800;margin-bottom:6px}.section-sub{color:var(--text-muted);font-size:.95rem}button{cursor:pointer;border:none;background:none;color:inherit;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition)}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,a:focus-visible,[role=link]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn{font-weight:700;font-size:.95rem;min-height:44px;padding:0 22px;border-radius:var(--radius-sm);white-space:nowrap}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-hover)}.btn-secondary{background:#fff;color:var(--text-main);border:1px solid var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--bg-subtle)}.btn-danger{background:var(--accent);color:#fff}.btn-danger:hover:not(:disabled){background:#b82a3e}.btn-ghost{background:transparent;color:var(--text-body)}.btn-ghost:hover:not(:disabled){background:var(--bg-subtle)}.btn-block{width:100%}.btn-lg{min-height:52px;font-size:1rem;padding:0 28px}.icon-btn{width:40px;height:40px;padding:0;border-radius:50%;color:var(--text-main);background:transparent;flex-shrink:0}.icon-btn:hover{background:var(--bg-subtle)}.form-group{margin-bottom:18px;display:flex;flex-direction:column;gap:8px;width:100%}.form-group>label,.field-label{font-size:.85rem;font-weight:700;color:var(--text-body)}input,select,textarea{width:100%;min-height:46px;padding:11px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:#fff;color:var(--text-main);font-size:.95rem;outline:none;transition:var(--transition-fast)}input[type=radio],input[type=checkbox]{width:auto;min-height:0;accent-color:var(--brand)}input::placeholder,textarea::placeholder{color:#9aa39f}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--ring)}textarea{resize:vertical;min-height:96px}input[type=date]{cursor:pointer}.field-hint{font-size:.78rem;color:var(--text-muted)}.field-error{font-size:.8rem;color:var(--accent);font-weight:600}.option-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--border);background:#fff;cursor:pointer;transition:var(--transition-fast)}.option-card:hover{border-color:var(--border-strong)}.option-card.is-active{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:var(--brand-soft)}.option-card.is-disabled{cursor:not-allowed;opacity:.55;background:var(--bg-subtle)}.glass-card,.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition)}.chip{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--border-strong);background:#fff;color:var(--text-body);font-weight:600;font-size:.88rem;white-space:nowrap}.chip:hover{border-color:var(--text-main)}.chip.is-active{background:var(--text-main);border-color:var(--text-main);color:#fff}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em}.badge-pending{background:#fdf3e2;color:#9a5b00}.badge-confirmed{background:#e6effd;color:#1d4fb8}.badge-completed{background:#e3f5ea;color:#15703a}.badge-cancelled{background:#fde8eb;color:#b82a3e}.rating-pill{display:inline-flex;align-items:center;gap:3px;font-weight:700;font-size:.85rem;color:var(--text-main)}.rating-pill .material-symbols-rounded{color:var(--saffron)}.nav{position:sticky;top:0;z-index:100;background:#fffffff5;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--border)}.nav-inner{height:var(--nav-h);display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:800;font-size:1.2rem;letter-spacing:-.03em;color:var(--text-main);background:none;padding:0}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--brand);color:#fff;display:grid;place-items:center}.brand span.brand-accent{color:var(--brand)}.nav-links{display:flex;align-items:center;gap:4px;margin-left:12px;flex:1}.nav-link{height:40px;padding:0 14px;border-radius:var(--radius-sm);font-weight:600;font-size:.92rem;color:var(--text-muted)}.nav-link:hover,.nav-link.is-active{color:var(--text-main);background:var(--bg-subtle)}.nav-link.is-emergency{color:var(--accent)}.nav-link.is-emergency.is-active{background:#fde8eb}.nav-user{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--brand-soft);color:var(--brand-ink);font-weight:800;font-size:.85rem;display:grid;place-items:center;flex-shrink:0}.nav-user-meta{display:flex;flex-direction:column;line-height:1.2}.nav-user-meta strong{font-size:.88rem}.nav-user-meta span{font-size:.75rem;color:var(--text-muted)}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(28px,5vw,64px) 0 clamp(24px,4vw,48px)}.hero h1{font-size:clamp(2rem,1.3rem + 2.4vw,3.25rem);line-height:1.08;font-weight:800;letter-spacing:-.035em}.hero h1 em{font-style:normal;color:var(--brand)}.hero-lead{color:var(--text-muted);font-size:clamp(1rem,.95rem + .2vw,1.1rem);margin:16px 0 28px;max-width:520px}.search-box{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:0 8px 0 16px;max-width:560px;box-shadow:var(--shadow-md)}.search-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--ring)}.search-box input{border:none;box-shadow:none!important;padding:0;min-height:54px;background:transparent}.hero-stats{display:flex;gap:clamp(20px,3vw,40px);margin-top:28px;flex-wrap:wrap}.hero-stats strong{display:block;font-size:1.35rem;font-weight:800}.hero-stats span{font-size:.82rem;color:var(--text-muted)}.hero-panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);padding:clamp(18px,2vw,28px);box-shadow:var(--shadow-md)}.hero-panel h3{font-size:1rem;font-weight:800;margin-bottom:16px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.category-tile{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 8px;border-radius:var(--radius-md);background:var(--bg-subtle);border:1px solid transparent;font-weight:700;font-size:.85rem;color:var(--text-main);text-align:center}.category-tile .tile-icon{width:48px;height:48px;border-radius:14px;background:#fff;display:grid;place-items:center;color:var(--brand);box-shadow:var(--shadow-sm)}.category-tile:hover{border-color:var(--border-strong);background:#fff}.category-tile.is-active{border-color:var(--brand);background:var(--brand-soft)}.trust-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:8px 0 40px}.trust-item{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md)}.trust-item .material-symbols-rounded{color:var(--brand)}.trust-item strong{display:block;font-size:.9rem}.trust-item span.sub{font-size:.78rem;color:var(--text-muted)}.toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.chip-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:clamp(14px,1.6vw,22px)}.service-card{display:flex;flex-direction:column;height:100%;cursor:pointer}.service-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.service-card-media{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--bg-subtle)}.service-card-media img{width:100%;height:100%;object-fit:cover;color:transparent;transition:transform .5s ease}.service-card:hover .service-card-media img{transform:scale(1.04)}.service-card-tag{position:absolute;top:12px;left:12px;background:#fffffff2;color:var(--text-main);padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:700}.service-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}.service-card-body h3{font-size:1.02rem;font-weight:700;line-height:1.3}.service-card-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.8rem;color:var(--text-muted)}.service-card-meta .dot{width:3px;height:3px;border-radius:50%;background:currentColor}.service-card-desc{font-size:.85rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.service-card-foot{margin-top:auto;padding-top:12px;border-top:1px dashed var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.price{font-weight:800;font-size:1.15rem}.price small{display:block;font-size:.72rem;font-weight:600;color:var(--text-muted)}.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.review-card{padding:18px;display:flex;flex-direction:column;gap:10px}.review-card p{font-size:.9rem;color:var(--text-body);line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.review-author{display:flex;align-items:center;gap:10px;margin-top:auto}.review-author strong{font-size:.88rem;display:block}.review-author span{font-size:.75rem;color:var(--text-muted)}.stars{display:inline-flex;gap:1px;color:var(--saffron)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0a121080;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .18s ease-out}.modal{width:min(720px,100%);max-height:min(90vh,900px);background:#fff;border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px -12px #00000059;animation:scaleUp .22s cubic-bezier(.16,1,.3,1)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 28px 18px;border-bottom:1px solid var(--border)}.modal-head h2{font-size:1.3rem;font-weight:800}.modal-head p{font-size:.9rem;color:var(--text-muted);margin-top:2px}.modal-body{flex:1;overflow-y:auto;padding:24px 28px}.modal-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 28px;border-top:1px solid var(--border);background:var(--bg-main)}.stepper{display:flex;gap:8px;padding:14px 28px;background:var(--bg-main);border-bottom:1px solid var(--border)}.stepper-item{flex:1;display:flex;flex-direction:column;gap:6px;font-size:.78rem;font-weight:700;color:var(--text-muted)}.stepper-bar{height:4px;border-radius:4px;background:var(--border)}.stepper-item.is-done,.stepper-item.is-active{color:var(--text-main)}.stepper-item.is-done .stepper-bar,.stepper-item.is-active .stepper-bar{background:var(--brand)}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.slot{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:#fff;text-align:left}.slot strong{font-size:.9rem}.slot span{font-size:.75rem;color:var(--text-muted)}.slot.is-active{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:var(--brand-soft)}.summary{background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px;margin-bottom:20px}.summary-row{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:8px;color:var(--text-body)}.summary-total{display:flex;justify-content:space-between;font-weight:800;font-size:1.1rem;padding-top:12px;margin-top:12px;border-top:1px dashed var(--border-strong)}.notice{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-md);font-size:.85rem;line-height:1.5}.notice-warn{background:#fdf3e2;color:#8a5200;border:1px solid #f6dcae}.notice-ok{background:#e3f5ea;color:#15703a;border:1px solid #bfe6cd}.notice-info{background:var(--brand-soft);color:var(--brand-ink);border:1px solid #c6e0d9}.pw-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:4px}.pw-meter span{height:4px;border-radius:4px;background:var(--border);transition:background .2s ease}.pw-rules{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;font-size:.78rem;color:var(--text-muted);margin-top:6px}.pw-rules li{display:flex;align-items:center;gap:4px}.pw-rules li.is-met{color:#15703a}.footer{margin-top:64px;background:#0d1614;color:#b8c2be;font-size:.88rem}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px;padding:48px 0 32px}.footer h4{color:#fff;font-size:.9rem;margin-bottom:14px}.footer ul{list-style:none;display:flex;flex-direction:column;gap:8px}.footer a{color:inherit;text-decoration:none}.footer a:hover{color:#fff}.footer .brand{color:#fff;margin-bottom:12px}.footer .brand-mark{background:#fff;color:var(--brand)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:18px 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.8rem}.toast{position:fixed;top:calc(var(--nav-h) + 12px);right:20px;z-index:9999;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-md);background:#111816;color:#fff;box-shadow:var(--shadow-lg);max-width:min(380px,calc(100vw - 40px));animation:slideInRight .28s cubic-bezier(.34,1.3,.64,1);font-size:.9rem;font-weight:600}.toast .icon-btn{width:28px;height:28px;color:#9aa39f}.toast .icon-btn:hover{background:#ffffff14;color:#fff}.auth{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#fff}.auth-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(28px,4vw,56px);color:#fff;background:var(--brand-ink) center / cover no-repeat;overflow:hidden}.auth-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#083a31eb,#083a318c)}.auth-visual>*{position:relative}.auth-visual .brand{color:#fff}.auth-visual .brand-mark{background:#fff;color:var(--brand)}.auth-visual h1{color:#fff;font-size:clamp(2rem,1.2rem + 2vw,3rem);line-height:1.1;font-weight:800;margin-bottom:14px}.auth-visual p{color:#ffffffc7;max-width:420px}.auth-points{list-style:none;display:flex;flex-direction:column;gap:12px;margin-top:28px}.auth-points li{display:flex;align-items:center;gap:10px;font-weight:600}.auth-points .material-symbols-rounded{color:var(--saffron)}.auth-form-wrap{display:flex;align-items:center;justify-content:center;padding:clamp(24px,4vw,56px);overflow-y:auto}.auth-form{width:min(420px,100%)}.auth-form h2{font-size:1.75rem;font-weight:800}.auth-form .lead{color:var(--text-muted);margin:6px 0 24px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--bg-subtle);border-radius:var(--radius-md);margin-bottom:24px}.segmented button{min-height:40px;border-radius:9px;font-weight:700;color:var(--text-muted)}.segmented button.is-active{background:#fff;color:var(--text-main);box-shadow:var(--shadow-sm)}.input-icon{position:relative}.input-icon>.material-symbols-rounded:first-child{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.input-icon input{padding-left:42px}.input-icon .icon-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:38px;height:38px;color:var(--text-muted)}.input-icon input.has-trailing{padding-right:46px}.input-error{border-color:var(--accent)!important}.service-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:32px;align-items:start}.service-detail-aside{position:sticky;top:calc(var(--nav-h) + 20px)}.service-detail-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.service-detail-pros{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.service-detail-rating{display:flex;align-items:center;gap:24px}.skeleton{background:linear-gradient(90deg,#eef0ee 25%,#e4e7e5,#eef0ee 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:skeletonShimmer 1.2s ease-in-out infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c9d0cc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a7b0ac}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (min-width: 1600px){:root{--container: 1440px}.services-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 1440px){.service-detail-grid{grid-template-columns:minmax(0,1fr) 340px}}@media (max-width: 1200px){html{font-size:15px}.nav-user-meta{display:none}.nav-link{padding:0 10px}.trust-strip,.reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 960px){.hero,.service-detail-grid{grid-template-columns:1fr}.service-detail-aside{position:static}.service-detail-stats,.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth{grid-template-columns:1fr}.auth-visual,.nav-link .nav-link-label{display:none}.nav-link{width:40px;padding:0}}@media (max-width: 640px){html{font-size:14.5px}:root{--nav-h: 60px}.nav-inner{gap:8px}.nav-links{margin-left:0;justify-content:center}.brand>span:not(.brand-mark){display:none}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trust-strip,.reviews-grid,.form-row,.slot-grid,.pw-rules,.footer-grid{grid-template-columns:1fr}.modal-backdrop{padding:0;align-items:flex-end}.modal{width:100%;max-height:94vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.modal-head,.modal-body,.modal-foot,.stepper{padding-left:18px;padding-right:18px}.stepper-item span.stepper-label{display:none}.services-grid{grid-template-columns:1fr}table{min-width:560px}}.area-chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px 0 10px;border-radius:999px;border:1px solid var(--border-strong);background:#fff;color:var(--text-main);font-weight:700;font-size:.88rem;cursor:pointer}.area-chip .material-symbols-rounded:first-child{color:var(--primary)}.area-chip:hover{border-color:var(--primary)}.area-chip.is-empty{border-color:var(--accent);color:var(--accent)}.area-chip.is-empty .material-symbols-rounded:first-child{color:var(--accent)}.area-chip.is-compact .area-chip-text{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.area-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;font-size:.9rem;color:var(--text-body);font-weight:600}.area-modal{max-width:640px}.area-body{padding:4px 24px 24px;display:grid;gap:14px}.area-detect{width:fit-content}.area-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.area-option{display:flex;gap:10px;align-items:center;text-align:left;padding:12px;border-radius:12px;cursor:pointer;border:1.5px solid var(--border);background:#fff;color:var(--text-main);transition:var(--transition-fast)}.area-option .material-symbols-rounded{color:var(--primary);flex-shrink:0}.area-option strong{display:block;font-size:.9rem}.area-option small{font-size:.74rem;color:var(--text-muted)}.area-option:hover{border-color:var(--primary)}.area-option.is-active{border-color:var(--primary);background:var(--brand-soft)}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;overflow-y:auto;background:var(--bg-main)}.auth-overlay-close{position:fixed;top:16px;right:16px;z-index:91}@media (max-width: 720px){.nav-area{display:none}}