.bottom-bar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-bottom-bar);display:grid;grid-template-columns:repeat(4,1fr);height:calc(var(--bottom-bar-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#fffffff0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);box-shadow:0 -4px 20px #0d21300f}.bottom-bar__tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--ink-500);transition:color var(--duration-fast) linear;position:relative}.bottom-bar__tab:before{content:"";position:absolute;top:0;width:28px;height:3px;border-radius:0 0 var(--radius-full) var(--radius-full);background:var(--ocean-500);transform:scaleX(0);transition:transform var(--duration-base) var(--ease-out)}.bottom-bar__tab.is-active{color:var(--ocean-600)}.bottom-bar__tab.is-active:before{transform:scaleX(1)}.bottom-bar__tab:hover{text-decoration:none}.bottom-bar__icon{position:relative;font-size:1.3rem;line-height:1;filter:grayscale(.55) opacity(.7);transition:filter var(--duration-base) var(--ease-out)}.bottom-bar__tab.is-active .bottom-bar__icon{filter:none}.bottom-bar__label{font-size:var(--text-3xs);font-weight:var(--weight-semibold);letter-spacing:.01em}.bottom-bar__badge{position:absolute;top:-4px;right:-12px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--coral-500);color:#fff;font-size:10px;font-weight:var(--weight-bold);line-height:1}.status-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-2xs);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.status-bar code{font-family:var(--font-mono);font-size:.95em;padding:1px 4px;border-radius:4px;background:#0d213014}.status-bar--offline{background:var(--warning-soft);color:#7a4d05;border-bottom:1px solid rgba(255,183,3,.3)}.status-bar--local{background:var(--ocean-50);color:var(--ocean-700);border-bottom:1px solid var(--ocean-100);font-weight:var(--weight-medium)}.toasts{position:fixed;top:calc(var(--safe-top) + var(--space-3));left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);width:min(520px,calc(100vw - var(--space-8)));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-snug);box-shadow:var(--shadow-lg);background:var(--ink-900);color:#fff;pointer-events:auto;animation:toast-in var(--duration-base) var(--ease-out)}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:none}}.toast--success{background:#14624a}.toast--error{background:#8f2422}.toast__close{color:#ffffffb3;font-size:1.2rem;line-height:1;padding:0 var(--space-1);flex-shrink:0}.toast__close:hover{color:#fff}.top-bar{position:sticky;top:0;z-index:var(--z-header);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--header-height);padding:var(--space-3) 0;background:#fdf6ece6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.top-bar--transparent{background:transparent;border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.top-bar--back{background:var(--bg-elevated)}.top-bar__brand{display:flex;align-items:center;gap:var(--space-3);min-width:0}.top-bar__mark{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:var(--radius-md);background:linear-gradient(140deg,var(--ocean-500),var(--ocean-800));color:#fff;font-size:1.2rem;box-shadow:var(--shadow-brand)}.top-bar__title{font-size:var(--text-lg);line-height:1.15}.top-bar--back .top-bar__title{font-size:var(--text-md)}.top-bar__subtitle{font-size:var(--text-2xs);color:var(--text-muted);font-weight:var(--weight-medium)}.top-bar__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.top-bar__back{width:36px;height:36px;font-size:1.6rem;line-height:0;padding-bottom:4px;box-shadow:none;border:1px solid var(--border);text-decoration:none}.top-bar__back:hover{text-decoration:none}.banner-carousel{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);background:var(--ocean-700)}.banner-carousel__viewport{position:relative;aspect-ratio:3 / 1;min-height:108px;max-height:240px}.banner-carousel__slide{position:absolute;inset:0;opacity:0;transform:scale(1.02);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out);pointer-events:none}.banner-carousel__slide.is-active{opacity:1;transform:none;pointer-events:auto}.banner-carousel__img{width:100%;height:100%;object-fit:cover}.banner-carousel__cta{position:absolute;left:var(--space-4);bottom:var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:#06283c80;color:#fff;font-size:var(--text-2xs);font-weight:var(--weight-bold);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.banner-carousel__dots{position:absolute;right:var(--space-2);bottom:var(--space-1);display:flex;gap:0}.banner-carousel__dot{position:relative;width:24px;height:24px;display:grid;place-items:center}.banner-carousel__dot:after{content:"";width:6px;height:6px;border-radius:50%;background:#ffffff8c;transition:background-color var(--duration-fast) linear}.banner-carousel__dot.is-active:after{background:#fff}.beach-image{width:100%;height:100%;object-fit:cover;display:block;background:linear-gradient(160deg,var(--ocean-300),var(--ocean-600))}.beach-card{position:relative;display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.beach-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}@media (hover: none){.beach-card:hover{transform:none}}.beach-card__hit{position:absolute;inset:0;z-index:1;border-radius:inherit}.beach-card__media{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--ocean-300)}.beach-card__badges{position:absolute;left:var(--space-3);top:var(--space-3);z-index:2;display:flex;gap:var(--space-1)}.beach-card__cetesb{box-shadow:0 2px 8px #06283c47;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.beach-card__fav{position:absolute;right:var(--space-3);top:var(--space-3);z-index:3;font-size:1.05rem;line-height:1}.beach-card__fav.is-active{animation:fav-pop var(--duration-base) var(--ease-spring)}@keyframes fav-pop{0%{transform:scale(1)}45%{transform:scale(1.28)}to{transform:scale(1)}}.beach-card__body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.beach-card__title{font-size:var(--text-md);max-width:calc(100% - 48px)}.beach-card__meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:var(--text-2xs)}.beach-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media (min-width: 620px){.beach-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.beach-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1320px){.beach-grid{grid-template-columns:repeat(4,1fr)}}.quick-filters{display:flex;flex-direction:column;gap:var(--space-2)}.quick-filters__row{display:flex;align-items:center;gap:var(--space-2)}.quick-filters__scroll{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;padding-block:2px;flex:1;scroll-padding-inline:var(--space-4)}.quick-filters__scroll::-webkit-scrollbar{display:none}.chip{display:inline-flex;align-items:center;gap:var(--space-1);min-height:38px;padding:0 var(--space-3);border-radius:var(--radius-full);border:1.5px solid var(--border-strong);background:var(--bg-elevated);color:var(--ink-700);font-size:var(--text-2xs);font-weight:var(--weight-semibold);white-space:nowrap;transition:background-color var(--duration-fast) linear,border-color var(--duration-fast) linear,color var(--duration-fast) linear,transform var(--duration-fast) var(--ease-spring)}.chip--sm{min-height:34px;font-size:var(--text-2xs)}.quick-filters__more{display:inline-flex;align-items:center;gap:var(--space-1);flex-shrink:0;min-height:34px;padding:0 var(--space-3);border-radius:var(--radius-full);border:1.5px solid var(--border-strong);background:var(--bg-elevated);color:var(--ink-700);font-size:var(--text-2xs);font-weight:var(--weight-semibold)}.quick-filters__more.has-active{border-color:var(--ocean-500);color:var(--ocean-700);background:var(--ocean-50)}.quick-filters__count{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:var(--radius-full);background:var(--ocean-600);color:#fff;font-size:10px;font-weight:var(--weight-bold)}.quick-filters__result{font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted);margin-top:var(--space-1)}.modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:flex-end;justify-content:center;background:#06283c80;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:modal-fade var(--duration-fast) linear;padding:0}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.modal__panel{display:flex;flex-direction:column;width:100%;max-width:560px;max-height:92dvh;background:var(--bg-elevated);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-xl);animation:modal-up var(--duration-base) var(--ease-out);overflow:hidden}@keyframes modal-up{0%{transform:translateY(24px)}to{transform:none}}@media (min-width: 640px){.modal{align-items:center;padding:var(--space-6)}.modal__panel{border-radius:var(--radius-xl);max-height:86dvh}}.modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-3)}.modal__title{font-size:var(--text-lg)}.modal__subtitle{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-snug)}.modal__close{box-shadow:none;border:1px solid var(--border);font-size:1.35rem;line-height:1;flex-shrink:0}.modal__body{flex:1;overflow-y:auto;padding:0 var(--space-5) var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.modal__foot{display:flex;gap:var(--space-2);padding:var(--space-4) var(--space-5);padding-bottom:calc(var(--space-4) + var(--safe-bottom));border-top:1px solid var(--border);background:var(--bg-sunken)}.modal__foot .btn{flex:1}.filter-group{border:none;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.filter-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);min-height:38px;padding:0 var(--space-3);border-radius:var(--radius-full);border:1.5px solid var(--border-strong);background:var(--bg-elevated);color:var(--ink-700);font-size:var(--text-2xs);font-weight:var(--weight-semibold);transition:background-color var(--duration-fast) linear,border-color var(--duration-fast) linear,color var(--duration-fast) linear,transform var(--duration-fast) var(--ease-spring)}.chip:active{transform:scale(.95)}.chip.is-active{background:var(--ocean-600);border-color:var(--ocean-600);color:var(--text-inverse);box-shadow:var(--shadow-brand)}.switch{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.switch input{position:absolute;opacity:0;width:0;height:0}.switch__track{position:relative;flex-shrink:0;width:46px;height:27px;border-radius:var(--radius-full);background:var(--ink-200);transition:background-color var(--duration-base) var(--ease-out)}.switch__thumb{position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-out)}.switch input:checked+.switch__track{background:var(--forest-500)}.switch input:checked+.switch__track .switch__thumb{transform:translate(19px)}.switch input:focus-visible+.switch__track{outline:3px solid var(--sun-400);outline-offset:2px}.switch__text{display:flex;flex-direction:column;font-size:var(--text-sm)}.search{position:relative;display:flex;align-items:center;margin-top:var(--space-4);margin-bottom:var(--space-4)}.search__icon{position:absolute;left:var(--space-4);font-size:1rem;pointer-events:none}.search__input{width:100%;min-height:50px;padding:0 var(--space-10);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-elevated);font-size:var(--text-md);box-shadow:var(--shadow-xs);transition:border-color var(--duration-fast) linear,box-shadow var(--duration-fast) linear}.search__input::-webkit-search-cancel-button{display:none}.search__input:focus{outline:none;border-color:var(--ocean-400);box-shadow:0 0 0 3px var(--ocean-100)}.search__clear{position:absolute;right:var(--space-3);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink-100);color:var(--ink-500);font-size:1.15rem;line-height:1}.notice{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm)}.notice--error{background:var(--error-soft);color:var(--danger-600)}.beaches-page__banner{margin-top:var(--space-4)}.carousel{position:relative;width:100%}.carousel__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--radius-lg);background:var(--ocean-800);aspect-ratio:4 / 3}.carousel__track::-webkit-scrollbar{display:none}.carousel__slide{position:relative;flex:0 0 100%;scroll-snap-align:center;margin:0}.carousel__slide .beach-image{width:100%;height:100%;object-fit:cover}.carousel__credit{position:absolute;left:var(--space-3);top:var(--space-3);max-width:calc(100% - 2 * var(--space-3));padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:#06283c8c;color:#fff;font-size:var(--text-2xs);font-weight:var(--weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.carousel__credit a{color:#ffd166;text-decoration:underline;text-underline-offset:2px}.carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:38px;height:38px;font-size:1.5rem;line-height:0;padding-bottom:3px}.carousel__arrow:active{transform:translateY(-50%) scale(.9)}.carousel__arrow--prev{left:var(--space-3)}.carousel__arrow--next{right:var(--space-3)}.carousel__dots{position:absolute;bottom:var(--space-1);left:50%;transform:translate(-50%);display:flex;gap:0;z-index:2;padding:0 var(--space-1);border-radius:var(--radius-full);background:#06283c66;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.carousel__dot{position:relative;width:24px;height:24px;display:grid;place-items:center}.carousel__dot:after{content:"";width:7px;height:7px;border-radius:50%;background:#ffffff8c;transition:background-color var(--duration-fast) linear,width var(--duration-base) var(--ease-out)}.carousel__dot.is-active:after{background:#fff;width:20px;border-radius:var(--radius-full)}.carousel__community-badge{position:absolute;right:var(--space-3);bottom:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:#ffffff38;color:#fff;font-size:var(--text-2xs);font-weight:var(--weight-semibold);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cetesb{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid}.cetesb--md{padding:var(--space-3) var(--space-4)}.cetesb.is-own{background:var(--success-soft);border-color:#1f9d6b40;color:#10543c}.cetesb.is-bad{background:var(--error-soft);border-color:#d6454540;color:#7a1f1f}.cetesb__mark{flex-shrink:0}.cetesb--sm .cetesb__mark{width:24px;height:24px}.cetesb--md .cetesb__mark{width:32px;height:32px}.cetesb__text{display:flex;flex-direction:column;line-height:1.25}.cetesb__label{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.cetesb--sm .cetesb__label{font-size:var(--text-2xs)}.cetesb__date{font-size:var(--text-2xs);opacity:.78}.partner-card{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.partner-card:hover{border-color:var(--ocean-300);box-shadow:var(--shadow-md)}.partner-card--compact{padding:var(--space-3)}.partner-card__logo{flex-shrink:0;width:64px;height:64px;border-radius:var(--radius-md);overflow:hidden;background:var(--ink-50)}.partner-card--compact .partner-card__logo{width:52px;height:52px}.partner-card__logo img{width:100%;height:100%;object-fit:cover}.partner-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.partner-card__name{font-size:var(--text-md);line-height:var(--leading-snug)}.partner-card__verified{background:var(--ocean-50);color:var(--ocean-600);border:1px solid var(--ocean-100)}.partner-card__cat{font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--ink-500)}.partner-card__desc{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--ink-700)}.partner-card__discount{font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--forest-600);background:var(--success-soft);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);align-self:flex-start}.partner-card__highlights{gap:var(--space-1)}.partner-card__actions{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1)}.partner-card__actions .icon-btn.is-active{color:var(--sun-500);background:var(--warning-soft)}.partner-grid{display:grid;gap:var(--space-3);grid-template-columns:1fr}@media (min-width: 760px){.partner-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1180px){.partner-grid{grid-template-columns:repeat(3,1fr)}}.photo-drop{display:block;cursor:pointer;border:2px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-sunken);overflow:hidden;transition:border-color var(--duration-fast) linear,background-color var(--duration-fast) linear}.photo-drop:hover{border-color:var(--ocean-400);background:var(--ocean-50)}.photo-drop__preview{width:100%;max-height:260px;object-fit:cover}.photo-drop__empty{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-8) var(--space-4);text-align:center;font-size:var(--text-sm);overflow:hidden}.photo-drop__hint{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.18;filter:blur(1px)}.photo-drop__empty>*:not(.photo-drop__hint){position:relative}.photo-drop__icon{font-size:2rem;margin-bottom:var(--space-1)}.beach-detail__hero{margin-top:var(--space-3)}.beach-detail__body{margin-top:var(--space-5)}.action-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);padding:var(--space-2);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);position:sticky;top:calc(var(--header-height) + var(--space-2));z-index:var(--z-sticky)}.action-bar__item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) var(--space-1);border-radius:var(--radius-md);font-size:10px;font-weight:var(--weight-bold);letter-spacing:.01em;text-align:center;color:var(--ink-700);transition:background-color var(--duration-fast) linear,color var(--duration-fast) linear,transform var(--duration-fast) var(--ease-spring)}.action-bar__item span{font-size:1.15rem;line-height:1.1}.action-bar__item:active{transform:scale(.93);background:var(--ink-50)}.action-bar__item:hover{background:var(--ink-50);text-decoration:none}.action-bar__item.is-active{color:var(--coral-600);background:var(--coral-100)}@media (min-width: 620px){.action-bar__item{flex-direction:row;justify-content:center;gap:var(--space-2);font-size:var(--text-2xs);padding:var(--space-3)}}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);margin-top:var(--space-3)}.feature{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--ink-50);color:var(--ink-300);font-size:var(--text-2xs);font-weight:var(--weight-semibold);text-decoration:line-through;text-decoration-color:var(--ink-200)}.feature.is-on{background:var(--success-soft);color:var(--forest-600);text-decoration:none}.trail-note{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--warning-soft);color:#7a4d05;font-size:var(--text-sm);font-weight:var(--weight-semibold)}.tips{display:flex;flex-direction:column;gap:var(--space-2)}.tips__item{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid var(--sun-400);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--ink-700)}.tips__item span{color:var(--sun-500);flex-shrink:0}.ugc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}@media (min-width: 720px){.ugc-grid{grid-template-columns:repeat(3,1fr)}}.ugc-grid__item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);background:var(--ink-50)}.ugc-grid__item img{width:100%;height:100%;object-fit:cover}.ugc-grid__credit{position:absolute;left:0;right:0;bottom:0;padding:var(--space-2) var(--space-2) var(--space-1);background:linear-gradient(transparent,#06283ccc);color:#fff;font-size:var(--text-3xs);font-weight:var(--weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.beach-detail__cta{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border)}.search--compact .search__input{min-height:44px;font-size:var(--text-base);margin-block:var(--space-4)}.context-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--ocean-50);border:1px solid var(--ocean-100);font-size:var(--text-sm)}.featured-strip{display:grid;gap:var(--space-3);grid-template-columns:1fr;margin-bottom:var(--space-6)}@media (min-width: 760px){.featured-strip{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1180px){.featured-strip{grid-template-columns:repeat(3,1fr)}}.cat-nav{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;padding-block:var(--space-2);margin-top:var(--space-4);border-top:1px solid var(--border)}.cat-nav::-webkit-scrollbar{display:none}.cat-nav__item{display:inline-flex;align-items:center;gap:var(--space-1);min-height:40px;padding:0 var(--space-4);flex-shrink:0;border-radius:var(--radius-full);border:1.5px solid var(--border-strong);background:var(--bg-elevated);color:var(--ink-700);font-size:var(--text-2xs);font-weight:var(--weight-semibold);white-space:nowrap;transition:background-color var(--duration-fast) linear,border-color var(--duration-fast) linear,color var(--duration-fast) linear}.cat-nav__item span{font-size:1rem}.cat-nav__item.is-active{background:var(--ocean-800);border-color:var(--ocean-800);color:var(--text-inverse)}.region-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.business-cta{margin-top:var(--space-8);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);background:linear-gradient(160deg,var(--ocean-50),var(--white));border-color:var(--ocean-100)}.business-cta h3{font-size:var(--text-lg)}.business-cta p{max-width:46ch;color:var(--ink-500);font-size:var(--text-sm)}.notice--info{margin-top:var(--space-6);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--ocean-50);color:var(--ocean-700);font-size:var(--text-sm)}.tab-bar{display:flex;gap:var(--space-1);margin:var(--space-4) 0;padding:var(--space-1);background:var(--ink-100);border-radius:var(--radius-full);overflow-x:auto;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab-bar__item{flex:1;min-width:max-content;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:38px;padding:0 var(--space-3);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--ink-500);transition:background-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.tab-bar__item.is-active{background:var(--bg-elevated);color:var(--ocean-700);box-shadow:var(--shadow-sm)}.rate-list{display:flex;flex-direction:column}.rate-list__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px dashed var(--border);font-size:var(--text-sm)}.rate-list__row:last-child{border-bottom:0}.rate-list__row strong{font-size:var(--text-md);color:var(--ocean-700);white-space:nowrap}.steps{display:flex;flex-direction:column;gap:var(--space-3);counter-reset:step}.steps__item{display:flex;gap:var(--space-3);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--ink-700)}.steps__num{flex-shrink:0;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ocean-600);color:#fff;font-size:var(--text-2xs);font-weight:var(--weight-bold)}.bullet-list{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--ink-700)}.bullet-list li{display:flex;gap:var(--space-2)}.bullet-list span{color:var(--ocean-500);flex-shrink:0}.bus-list{display:flex;flex-direction:column;gap:var(--space-3)}.bus{padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.bus__code{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-md);background:linear-gradient(140deg,var(--forest-500),var(--forest-600));color:#fff;font-size:var(--text-md);font-weight:var(--weight-bold)}.bus__route{font-size:var(--text-sm);line-height:var(--leading-snug)}.bus__toggle{display:flex;flex-shrink:0;padding:2px;background:var(--ink-100);border-radius:var(--radius-full)}.bus__toggle button{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:10px;font-weight:var(--weight-bold);color:var(--ink-500)}.bus__toggle button.is-active{background:var(--bg-elevated);color:var(--forest-600);box-shadow:var(--shadow-xs)}.bus__times{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-3)}.bus__times li{padding:3px var(--space-2);border-radius:var(--radius-sm);background:var(--bg-sunken);border:1px solid var(--border);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--ink-700)}.contact-grid{display:grid;gap:var(--space-3);grid-template-columns:1fr}@media (min-width: 700px){.contact-grid{grid-template-columns:repeat(2,1fr)}}.contact{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg)}.contact--urgent{border-color:#d6454559;background:linear-gradient(160deg,var(--error-soft),var(--bg-elevated))}.contact__icon{font-size:1.5rem;flex-shrink:0}.contact__name{font-size:var(--text-sm)}.contact__desc{font-size:var(--text-2xs);color:var(--text-muted);line-height:var(--leading-snug)}.contact__phone{margin-left:auto;flex-shrink:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:var(--ocean-600);color:var(--text-inverse);font-size:var(--text-sm);font-weight:var(--weight-bold);text-decoration:none}.contact--urgent .contact__phone{background:var(--danger-500)}.contact__phone:hover{text-decoration:none;filter:brightness(1.08)}.beaches-form__media{display:grid;gap:var(--space-4);grid-template-columns:1fr;align-items:start}@media (min-width: 720px){.beaches-form__media{grid-template-columns:220px 1fr}}.beaches-form__cover{position:relative;aspect-ratio:16 / 10;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);background:var(--ink-50)}.beaches-form__cover img{width:100%;height:100%;object-fit:cover}.beaches-form__cover .spinner{position:absolute;inset:0;margin:auto;width:28px;height:28px;background-color:transparent;border-color:#ffffff80;border-top-color:#fff}.beaches-form__gallery{display:flex;flex-direction:column;gap:var(--space-2)}.beaches-form__gallery-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-sunken)}.beaches-form__gallery-item img{width:76px;height:52px;flex-shrink:0;object-fit:cover;border-radius:var(--radius-xs);background:var(--ink-100)}.beaches-form__gallery-item .icon-btn{width:32px;height:32px;flex-shrink:0;box-shadow:none;border:1px solid var(--border);font-size:1.1rem}.input--sm{min-height:34px;padding:var(--space-1) var(--space-2);font-size:var(--text-2xs)}.mono{font-family:var(--font-mono);font-size:var(--text-2xs)}.admin-login{display:grid;place-items:center;min-height:60dvh}.admin-login__card{width:min(460px,100%);display:flex;flex-direction:column;gap:var(--space-4)}.admin-login__title{font-size:var(--text-xl)}.admin-login__hint{padding:var(--space-3);border-radius:var(--radius-md);background:var(--warning-soft);color:#7a4d05;font-size:var(--text-2xs);line-height:var(--leading-normal)}.admin-login__hint code{font-family:var(--font-mono);padding:1px 4px;border-radius:4px;background:#7a4d051f}.admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-4)}.count{opacity:.7;font-variant-numeric:tabular-nums}.admin-nav{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;margin:var(--space-5) 0;padding-bottom:var(--space-1);border-bottom:2px solid var(--border)}.admin-nav::-webkit-scrollbar{display:none}.admin-nav__item{display:inline-flex;align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);flex-shrink:0;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--ink-500);border-bottom:2px solid transparent;margin-bottom:-2px;transition:color var(--duration-fast) linear,border-color var(--duration-fast) linear,background-color var(--duration-fast) linear}.admin-nav__item.is-active{color:var(--ocean-700);border-bottom-color:var(--ocean-600);background:var(--ocean-50)}.admin-nav__count{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:var(--radius-full);background:var(--coral-500);color:#fff;font-size:10px;font-weight:var(--weight-bold)}.mod-grid{display:grid;gap:var(--space-3);grid-template-columns:1fr}@media (min-width: 640px){.mod-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.mod-grid{grid-template-columns:repeat(3,1fr)}}.mod-card{display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs)}.mod-card__media{position:relative;aspect-ratio:4 / 3;background:var(--ink-50)}.mod-card__media img{width:100%;height:100%;object-fit:cover}.mod-card__placeholder{display:grid;place-items:center;height:100%;color:var(--ink-300);font-size:var(--text-2xs)}.mod-card__status{position:absolute;top:var(--space-2);left:var(--space-2);box-shadow:var(--shadow-xs)}.mod-card__body{display:flex;flex-direction:column;gap:2px;padding:var(--space-3);font-size:var(--text-sm);flex:1}.mod-card__actions{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-3);border-top:1px solid var(--border);background:var(--bg-sunken);flex-wrap:wrap}.mod-card__delete{margin-left:auto;width:34px;height:34px;font-size:.9rem}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated)}.admin-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);min-width:760px}.admin-table th{text-align:left;padding:var(--space-3) var(--space-4);background:var(--bg-sunken);border-bottom:1px solid var(--border);font-size:var(--text-2xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);white-space:nowrap}.admin-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);vertical-align:middle}.admin-table tr:last-child td{border-bottom:0}.admin-table tr.is-off{opacity:.5}.admin-table .mono{font-family:var(--font-mono);font-size:var(--text-2xs)}.admin-form{display:flex;flex-direction:column;gap:var(--space-4);border-left:3px solid var(--ocean-500)}.admin-form__title{font-size:var(--text-md)}.admin-form__grid{display:grid;gap:var(--space-3);grid-template-columns:1fr}@media (min-width: 720px){.admin-form__grid{grid-template-columns:repeat(2,1fr)}}.banner-row,.cetesb-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--text-sm);flex-wrap:wrap}.banner-row.is-off{opacity:.5}.cetesb-row__actions{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.cetesb-list{display:flex;flex-direction:column;gap:var(--space-2)}.not-found{min-height:60dvh;display:flex;flex-direction:column;justify-content:center}:root{--ocean-900: #06283c;--ocean-800: #0b3c5d;--ocean-700: #0d4a72;--ocean-600: #0b5c92;--ocean-500: #1b8ec9;--ocean-400: #4fb3e3;--ocean-300: #8fd8f5;--ocean-100: #dff3fc;--ocean-50: #f0faff;--sand-600: #d9b478;--sand-500: #e2c48d;--sand-400: #efdcb4;--sand-300: #f3e5c8;--sand-200: #faf1e0;--sand-100: #fdf6ec;--sun-500: #ffb703;--sun-400: #ffc542;--sun-300: #ffd166;--coral-700: #8a2f1e;--coral-600: #a83c27;--coral-500: #ef6f53;--coral-400: #f58a72;--coral-100: #fde8e2;--forest-700: #14604f;--forest-600: #1a6b5f;--forest-500: #2a9d8f;--forest-100: #dff3ef;--danger-600: #b8302f;--danger-500: #d64545;--danger-100: #fde5e5;--ink-900: #0d2130;--ink-800: #12303f;--ink-700: #1d4457;--ink-500: #4b6a7a;--ink-400: #547082;--ink-300: #93aab8;--ink-200: #c8d6de;--ink-100: #e3ecf1;--ink-50: #f2f7f9;--white: #ffffff;--bg: var(--sand-100);--bg-elevated: var(--white);--bg-sunken: var(--ink-50);--bg-brand: var(--ocean-800);--bg-brand-soft: var(--ocean-50);--border: var(--ink-100);--border-strong: var(--ink-200);--text: var(--ink-900);--text-muted: var(--ink-500);--text-subtle: var(--ink-400);--text-inverse: var(--white);--accent: var(--ocean-500);--accent-strong: var(--ocean-600);--highlight: var(--sun-500);--success: var(--forest-500);--success-soft: var(--forest-100);--warning: var(--sun-500);--warning-soft: #fff4dc;--error: var(--danger-500);--error-soft: var(--danger-100);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-display: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-3xs: .6875rem;--text-2xs: .75rem;--text-xs: .8125rem;--text-sm: .875rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.125rem;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.55;--leading-relaxed: 1.7;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--tracking-tight: -.02em;--tracking-wide: .04em;--tracking-caps: .08em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(13, 33, 48, .06);--shadow-sm: 0 2px 6px rgba(13, 33, 48, .08);--shadow-md: 0 6px 16px rgba(13, 33, 48, .1);--shadow-lg: 0 14px 34px rgba(13, 33, 48, .14);--shadow-xl: 0 24px 60px rgba(13, 33, 48, .2);--shadow-brand: 0 8px 24px rgba(11, 92, 146, .28);--shadow-whatsapp: 0 8px 20px rgba(37, 211, 102, .32);--max-width: 1180px;--max-width-prose: 68ch;--header-height: 56px;--bottom-bar-height: 62px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--duration-fast: .14s;--duration-base: .24s;--duration-slow: .42s;--z-base: 0;--z-sticky: 10;--z-header: 20;--z-bottom-bar: 30;--z-overlay: 40;--z-modal: 50;--z-toast: 60}@media (prefers-reduced-motion: reduce){:root{--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100dvh;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overscroll-behavior-y:none}img,svg,video,canvas{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:var(--accent-strong);text-decoration:none}a:hover{text-decoration:underline}ul,ol{list-style:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--ink-900)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}:focus-visible{outline:3px solid var(--sun-400);outline-offset:2px;border-radius:var(--radius-xs)}::selection{background:var(--ocean-300);color:var(--ocean-900)}*{scrollbar-width:thin;scrollbar-color:var(--ink-200) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--ink-200);border-radius:var(--radius-full)}*::-webkit-scrollbar-track{background:transparent}.app-shell{display:flex;flex-direction:column;min-height:100dvh}.app-main{flex:1;padding-bottom:calc(var(--bottom-bar-height) + var(--safe-bottom) + var(--space-4))}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--space-4)}@media (min-width: 768px){.container{padding-inline:var(--space-6)}}.page{padding-top:var(--space-4);padding-bottom:var(--space-8);animation:page-in var(--duration-base) var(--ease-out)}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.section{margin-top:var(--space-8)}.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.section__title{font-size:var(--text-lg);display:flex;align-items:center;gap:var(--space-2)}.section__link{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--accent-strong);white-space:nowrap}.eyebrow{font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--accent-strong)}.lead{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text-muted)}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle);font-size:var(--text-sm)}.prose{max-width:var(--max-width-prose);line-height:var(--leading-relaxed);color:var(--ink-700)}.prose p+p{margin-top:var(--space-3)}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card--flush{padding:0;overflow:hidden}.card__body{padding:var(--space-4)}.divider{height:1px;background:var(--border);border:0}.pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--weight-semibold);background:var(--ocean-50);color:var(--ocean-700);white-space:nowrap}.pill--sand{background:var(--sand-200);color:#7a5a2e}.pill--forest{background:var(--success-soft);color:var(--forest-600)}.pill--coral{background:var(--coral-100);color:var(--coral-600)}.pill--muted{background:var(--ink-50);color:var(--ink-500)}.pill-row{display:flex;flex-wrap:wrap;gap:var(--space-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);border:1px solid transparent;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) linear,box-shadow var(--duration-fast) linear,opacity var(--duration-fast) linear}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn--primary{background:var(--ocean-600);color:var(--text-inverse);box-shadow:var(--shadow-brand)}.btn--primary:hover{background:var(--ocean-700)}.btn--whatsapp{background:#25d366;color:#05340f;box-shadow:var(--shadow-whatsapp)}.btn--whatsapp:hover{background:#1fbe5b}.btn--secondary{background:var(--bg-elevated);border-color:var(--border-strong);color:var(--ink-800)}.btn--secondary:hover{background:var(--ink-50)}.btn--ghost{background:transparent;color:var(--ink-700)}.btn--ghost:hover{background:var(--ink-50)}.btn--danger{background:var(--error-soft);color:var(--danger-600)}.btn--sm{min-height:34px;padding:0 var(--space-3);font-size:var(--text-2xs)}.btn--block{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:var(--bg-elevated);color:var(--ink-700);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-spring),background-color var(--duration-fast) linear,color var(--duration-fast) linear}.icon-btn:hover{background:var(--ink-50)}.icon-btn:active{transform:scale(.9)}.icon-btn--on-glass{background:#ffffff38;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.icon-btn--on-glass:hover{background:#ffffff57}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted)}.field__hint{font-size:var(--text-2xs);color:var(--text-subtle)}.field__error{font-size:var(--text-2xs);color:var(--danger-600);font-weight:var(--weight-semibold)}.input,.select,.textarea{width:100%;min-height:44px;padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text);transition:border-color var(--duration-fast) linear,box-shadow var(--duration-fast) linear}.textarea{min-height:96px;resize:vertical;line-height:var(--leading-normal)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--ocean-400);box-shadow:0 0 0 3px var(--ocean-100)}.input::placeholder,.textarea::placeholder{color:var(--ink-300)}.select{appearance:none;padding-right:var(--space-8);background-image:linear-gradient(45deg,transparent 50%,var(--ink-400) 50%),linear-gradient(135deg,var(--ink-400) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% + 2px),calc(100% - 13px) calc(50% + 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}.empty-state{text-align:center;padding:var(--space-12) var(--space-4);color:var(--text-muted)}.empty-state__emoji{font-size:2.75rem;margin-bottom:var(--space-3)}.empty-state__title{font-size:var(--text-md);color:var(--ink-800);margin-bottom:var(--space-2)}.skeleton{background:linear-gradient(90deg,var(--ink-100) 25%,var(--ink-50) 37%,var(--ink-100) 63%);background-size:400% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.spinner{width:20px;height:20px;border:2px solid var(--ink-200);border-top-color:var(--ocean-500);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stack{display:flex;flex-direction:column}.stack-1{gap:var(--space-1)}.stack-2{gap:var(--space-2)}.stack-3{gap:var(--space-3)}.stack-4{gap:var(--space-4)}.stack-6{gap:var(--space-6)}.row{display:flex;align-items:center}.row-1{gap:var(--space-1)}.row-2{gap:var(--space-2)}.row-3{gap:var(--space-3)}.row-4{gap:var(--space-4)}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.text-center{text-align:center}.hide{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:var(--space-4);z-index:var(--z-toast);padding:var(--space-3) var(--space-4);background:var(--ocean-800);color:var(--text-inverse);border-radius:var(--radius-sm);font-weight:var(--weight-semibold)}.skip-link:focus{top:var(--space-3)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}