/* iz web material: navigation floats above readable, stable content. */
:root{--iz-glass-fill:rgba(250,248,245,.76);--iz-glass-edge:rgba(255,255,255,.8);--iz-glass-shadow:0 8px 28px rgba(49,37,23,.12),inset 0 1px 0 rgba(255,255,255,.7);--iz-glass-solid:#f5f1e9}
body .bottom,body header .search,body header .brand,body header .round,body .map-controls,body .filters,body dialog:not(.video-viewer){background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(220,205,182,.08)),var(--iz-glass-fill);border:1px solid var(--iz-glass-edge);box-shadow:var(--iz-glass-shadow);-webkit-backdrop-filter:blur(20px) saturate(145%);backdrop-filter:blur(20px) saturate(145%)}
body .filters{border-radius:26px;padding:5px;gap:4px;scroll-padding-inline:5px}
body .filters button{background:transparent;box-shadow:none;min-height:44px;border:1px solid transparent}
body .filters button.selected{background:#a66325;color:#fff;border-color:#94581f;box-shadow:inset 0 1px 0 #ffffff38}
body .bottom button{border-radius:20px;transition:background-color .2s ease,color .2s ease,transform .2s ease}
body .bottom button.active{background:#a6632520;box-shadow:inset 0 0 0 1px #a6632533}
body .bottom .create>span{margin-top:0;background:linear-gradient(145deg,#bb7c3e,#945719);box-shadow:inset 0 1px 0 #ffffff60,0 3px 10px #6f411b25}
body #panel{background:#faf8f5ed;border:1px solid #fff9;box-shadow:var(--iz-glass-shadow)}
body .detail-top{background:var(--iz-glass-solid);border-bottom:1px solid #c5bba640}
body .detail-actions button,body .search-modes button,body dialog .round,body .video-expand{border:1px solid #d3c8b8;background:linear-gradient(145deg,#ffffffc4,#efe8dcbd);box-shadow:inset 0 1px 0 #fff;min-height:44px}
body .search-modes button[aria-pressed=true]{background:#a66325;color:#fff;border-color:#94581f}
body button:active{transform:scale(.98)}
body.share-glass{background:radial-gradient(ellipse at 15% 5%,#473522 0,transparent 50%),radial-gradient(ellipse at 95% 90%,#293a36 0,transparent 55%),#0f1115}
body.share-glass #open-app{background:linear-gradient(135deg,#b8733330,#ffffff0a);border:1px solid #d29a5e80;box-shadow:0 8px 24px #0002,inset 0 1px 0 #ffffff35;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#edc397;border-radius:18px;min-height:48px}
body.share-glass.place-glass{background:radial-gradient(ellipse at 0 0,#e8dac4,transparent 55%),radial-gradient(ellipse at 100% 90%,#dce5db,transparent 50%),#f8f7f3}
body.place-glass #open-app,body.place-glass .map-back,body.place-glass .instagram{background:linear-gradient(145deg,#ffffffb8,#f2e9db75);border:1px solid #c6b39c;box-shadow:var(--iz-glass-shadow);color:#79491e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body .bottom,body header .search,body header .brand,body header .round,body .map-controls,body .filters,body dialog:not(.video-viewer){background:var(--iz-glass-solid)}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){body .bottom,body header .search,body header .brand,body header .round,body .map-controls,body .filters,body dialog:not(.video-viewer){background:var(--iz-glass-solid);backdrop-filter:none;-webkit-backdrop-filter:none;border-color:#8d8374}body.share-glass #open-app{background:#302419;backdrop-filter:none;color:#fff}body.place-glass #open-app{background:#f5f1e9;color:#66401d}}
@media(prefers-reduced-motion:reduce){body button,body .bottom button{transition:none!important;transform:none!important}}
@media(max-width:700px){body .bottom{bottom:max(12px,env(safe-area-inset-bottom));height:76px}body .filters{max-width:calc(100vw - 24px)}body .bottom button{min-width:44px;flex:1}body .bottom small{font-size:10px}}
/* Match native icon-only navigation; labels remain available to screen readers. */
@media(max-width:700px){body .bottom button{height:56px;justify-content:center;gap:0;position:relative}body .bottom button small{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body .bottom .create>span{margin:0;flex:none}body .bottom button>svg{width:27px;height:27px}}
/* Detail surfaces: one blur boundary, readable content, no nested expensive filters. */
body #panel{background:rgba(250,248,245,.96);border:1px solid #fff;box-shadow:0 12px 32px #30261626,inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overscroll-behavior:contain;scroll-padding-top:60px;overflow-x:hidden}
body #panel .panel-head{padding:16px 16px 10px;position:relative}body #panel .panel-head h1,body #panel .panel-head h2{font-size:22px;line-height:1.3;margin:6px 42px 8px 0;letter-spacing:-.4px}body #panel .panel-head p{margin:0;font-size:12px;line-height:1.45}body #panel .panel-head .eyebrow{display:none}
body #panel .trace-row{width:calc(100% - 24px);margin:8px 12px;padding:12px;gap:10px;border:1px solid #d7cfc2;border-radius:18px;background:linear-gradient(135deg,#fff9,#f1ece4a8);box-shadow:inset 0 1px 0 #fff;color:#292825}body #panel .row-text b{overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body #panel .row-text small{line-height:1.45;color:#625b51}body #panel .thumb{width:52px;height:60px;flex:none}
body #panel .profile-head{padding:18px 16px;background:linear-gradient(135deg,#fff9,#ece4d66b);border-bottom:1px solid #d7cfc2}body #panel .profile-head h2{margin:12px 0 4px;overflow-wrap:anywhere}body #panel .profile-head p{margin:6px 0;line-height:1.5}body #panel .profile-head .bio{font-size:14px;color:#514a41}
body #panel .detail-top{background:#f5f1e9f7;position:sticky;top:0;z-index:2;flex-wrap:nowrap}body #panel .detail-top .round{border:1px solid #d4c8b7;background:linear-gradient(145deg,#fff,#ede6da);box-shadow:inset 0 1px 0 #fff;flex:none}
body #panel .detail-copy{padding:16px}body #panel .detail-copy h2,body #panel .detail-copy .quote{overflow-wrap:anywhere}body #panel .detail-actions{padding:12px 16px;gap:8px}body #panel .location{line-height:1.5;overflow:hidden}body #panel .person{min-width:0}body #panel .person span{overflow-wrap:anywhere}
body #matches-panel{background:#faf8f5f5;border:1px solid #fff;box-shadow:var(--iz-glass-shadow)}body dialog{overflow-x:hidden;overscroll-behavior:contain}body dialog button,body dialog a{overflow-wrap:anywhere}body dialog .dialog-head{gap:12px;align-items:center}body dialog .dialog-head .round{flex:none}
body.share-glass .card{background:#25251ff2;border:1px solid #e8d7b02e;box-shadow:0 12px 32px #0003,inset 0 1px 0 #fff1}body.share-glass .page,body.share-glass .card-inner,body.share-glass .card-body{min-width:0;max-width:100%}body.share-glass .bio,body.share-glass .fullname,body.share-glass .username{overflow-wrap:anywhere}body.share-glass .store-links{flex-wrap:wrap;gap:10px}
@media(max-width:700px){body #panel.mobile-open{left:12px;right:12px;width:auto;border-radius:24px;bottom:calc(100px + env(safe-area-inset-bottom))}body #panel .hero{max-height:38dvh}body #panel .detail-copy .quote{font-size:20px;line-height:1.5}body #panel .detail-copy h2{font-size:22px}body #panel .panel-foot{padding:12px 16px}body #panel .detail-actions button{flex:1 1 100px}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){body #panel,body #matches-panel{background:#faf8f5;backdrop-filter:none;-webkit-backdrop-filter:none}body #panel .trace-row{background:#faf8f5;border-color:#918474}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body #panel{background:#faf8f5}}
body #panel .detail-top>span:first-child{flex:1;white-space:normal;overflow:visible;text-overflow:clip;font-size:12px;line-height:1.35}body #panel .detail-top button:not(.round){max-width:44%;white-space:normal;font-size:12px;line-height:1.35;min-height:44px;padding:6px 8px;border:1px solid #d4c8b7;border-radius:14px;background:linear-gradient(145deg,#ffffffb8,#ece4d680)}body #panel .profile-head>img{width:64px;height:64px}body #panel .profile-head{padding:14px 16px}body #panel .profile-head h2{font-size:22px;margin-top:8px}
/* Compact controls follow their contents; overflow stays scrollable on phones. */
body .filter-bar .filters{flex:0 1 auto;width:max-content;max-width:100%;padding:5px;right:auto}
@media(max-width:700px){body .filter-bar .filters{width:max-content;max-width:calc(100vw - 28px);right:auto}}
/* Composited navigation motion, with immediate reduced-motion fallback. */
@media(prefers-reduced-motion:no-preference){
 body #panel,body #matches-panel,body dialog{transition:opacity .32s ease,translate .36s cubic-bezier(.22,1,.36,1),display .36s allow-discrete,overlay .36s allow-discrete;opacity:1;translate:0 0}
 body #matches-panel[hidden],body dialog:not([open]){opacity:0;translate:24px 0}
 @starting-style{body #panel,body #matches-panel,body dialog[open]{opacity:0;translate:24px 0}}
 body #panel:has(#detail[hidden]){opacity:0;translate:24px 0}
 body.list-expanded #panel:has(#detail[hidden]){opacity:1;translate:0 0}
 @media(max-width:700px){body #panel:not(.mobile-open){opacity:0;translate:24px 0}body #panel.mobile-open{opacity:1;translate:0 0}}
}
@media(prefers-reduced-motion:no-preference){
 body #list-view{transition:opacity .28s ease,translate .34s cubic-bezier(.22,1,.36,1);opacity:1;translate:0 0}
 body #list-view[hidden]{opacity:0;translate:-16px 0}
 @starting-style{body #list-view{opacity:0;translate:-16px 0}}
}