:root{ color-scheme: light; --bg:#E7E4DC; --surf:#FBFAF7; --raise:#FBFAF7; --sink:#DAD7CE; --ink:#1A1D22; --ink2:#43474A; --mute:#787D77; --faint:#9EA39C; --line:#D6D3CA; --line2:#C3C0B6; --amber:#12467E; --amber-dim:#5B87B8; --c-music:#1F4E8C; --c-fitness:#8A6100; --c-festival:#C4621A; --c-food:#12667F; --c-family:#4D7C0F; --c-arts:#B3261E; --c-nightlife:#4338CA; --c-sports:#2E7D32; --c-community:#C2185B; --c-venue:#5B6470; --c-hotel:#9A5B7A; --c-gym:#5B7A8C; --c-yoga:#6B5B9A; --c-comedy:#7A3E9D; --water:#C9CCC5; --land:#DAD7CE; --grout-line:#C9CCC5; --shadow:0 1px 3px rgba(26,29,34,.10); --chip-on-ink:#FBFAF7; } :root[data-theme="dark"]{ --bg:#171410; --surf:#2A2622; --raise:#332E29; --sink:#0F0D0B; --ink:#F3EFE7; --ink2:#CFC8BC; --mute:#9B948A; --faint:#7B746A; --line:#39332C; --line2:#4A4238; --amber:#7FB0E4; --amber-dim:#3E6C9E; --c-music:#7FB0EE; --c-fitness:#EFC44E; --c-festival:#F0954E; --c-food:#5FC4DE; --c-family:#A5C84F; --c-arts:#EF6F62; --c-nightlife:#93A1F0; --c-sports:#77C77D; --c-community:#F08BB0; --c-venue:#9AA4B0; --c-hotel:#D89BB5; --c-gym:#8FB8CC; --c-yoga:#B3A1E0; --c-comedy:#C293E0; --water:#1F272C; --land:#221E1A; --grout-line:#39332C; --shadow:0 2px 14px rgba(0,0,0,.55); --chip-on-ink:#0F0D0B; } :root[data-skin="paper"]{ --bg:#F6F5F2; --surf:#FFFFFF; --raise:#FBFAF8; --sink:#ECEAE4; --ink:#171614; --ink2:#4A4744; --mute:#83817C; --faint:#A5A29C; --line:#E6E3DC; --line2:#D3CFC6; --amber:#2E4A6B; --amber-dim:#8098B2; --c-music:#1F4E8C; --c-fitness:#8A6100; --c-festival:#C4621A; --c-food:#12667F; --c-family:#4D7C0F; --c-arts:#B3261E; --c-nightlife:#4338CA; --c-sports:#2E7D32; --c-community:#C2185B; --c-venue:#5B6470; --c-hotel:#9A5B7A; --c-gym:#5B7A8C; --c-yoga:#6B5B9A; --water:#E3E0D8; --land:#ECEAE4; --grout-line:#E2DFD7; --shadow:0 1px 2px rgba(20,18,14,.07); --chip-on-ink:#FFFFFF; } :root[data-skin="paper"][data-theme="dark"]{ --bg:#221B12; --surf:#31281C; --raise:#3C3123; --sink:#161009; --ink:#F3EFE4; --ink2:#D6CEC0; --mute:#9A9184; --faint:#7C7366; --line:#443728; --line2:#57493A; --amber:#93B2D2; --amber-dim:#5A7899; --c-music:#7FB0EE; --c-fitness:#EFC44E; --c-festival:#F0954E; --c-food:#5FC4DE; --c-family:#A5C84F; --c-arts:#EF6F62; --c-nightlife:#93A1F0; --c-sports:#77C77D; --c-community:#F08BB0; --c-venue:#9AA4B0; --c-hotel:#D89BB5; --c-gym:#8FB8CC; --c-yoga:#B3A1E0; --water:#2A2F33; --land:#221B12; --grout-line:#443728; --shadow:0 2px 12px rgba(0,0,0,.5); --chip-on-ink:#221B12; } :root[data-skin="paper"] .title, :root[data-skin="paper"] .shead h2, :root[data-skin="paper"] .capture h3, :root[data-skin="paper"] .gatebox h3{ font-family:"Archivo",sans-serif; font-variation-settings:"wdth" 112; font-weight:700; letter-spacing:-.028em; } :root[data-skin="paper"] .wask h2, :root[data-skin="paper"] .empty b{ font-family:"Archivo",sans-serif; font-variation-settings:"wdth" 121; font-weight:800; letter-spacing:-.036em; } :root[data-skin="paper"] .dayhead{ font-variation-settings:"wdth" 86; font-weight:600; letter-spacing:.18em; } :root[data-skin="paper"] .mark{ background:none; padding:0; box-shadow:none } :root[data-skin="paper"] .mrow i{ background:color-mix(in srgb, var(--ink) 82%, var(--amber)); color:var(--bg); box-shadow:0 1px 0 rgba(255,255,255,.45), inset 0 -1px 0 rgba(0,0,0,.3); } :root[data-skin="paper"] .mrow i:nth-child(3){background:color-mix(in srgb, var(--ink) 86%, var(--c-food))} :root[data-skin="paper"] .mrow i:nth-child(6){background:color-mix(in srgb, var(--ink) 88%, var(--amber))} :root[data-skin="paper"] .mrow i.gap{ background:none; box-shadow:none } :root[data-skin="paper"] .mrow i.tv{ background:var(--amber); box-shadow:none } *{box-sizing:border-box; -webkit-tap-highlight-color:transparent} html,body{margin:0; padding:0} html,body{overflow-x:clip; max-width:100%} body{width:100%; min-width:0} header,main,footer{max-width:100%; min-width:0} body{background:var(--bg); color:var(--ink); font-family:"Archivo",-apple-system,BlinkMacSystemFont,sans-serif; font-size:16px; line-height:1.5; -webkit-font-smoothing:antialiased; padding-bottom:86px} button{font:inherit; color:inherit; background:none; border:none; cursor:pointer; padding:0} :focus-visible{outline:2px solid var(--amber); outline-offset:2px; border-radius:3px} header{position:sticky; top:0; z-index:40; border-bottom:0; background:linear-gradient(to bottom, color-mix(in srgb, var(--surf) 72%, var(--bg)) 0%, color-mix(in srgb, var(--surf) 30%, var(--bg)) 62%, var(--bg) 100%)} @media(max-width:719px){ .bar{padding-bottom:7px} .cbar{padding-top:3px} main{padding-top:6px} } .bar > .mark{margin-right:auto} .bar{z-index:1; display:flex; align-items:center; gap:12px; padding:13px 16px 11px; max-width:1060px; margin:0 auto; min-width:0; position:relative} .bar > *{flex:none} .mark{flex:0 1 auto; min-width:0} .land{max-width:560px; margin:0 auto; padding:0 0 80px} .land{padding-left:var(--pagepad, 16px); padding-right:var(--pagepad, 16px)} @media (min-width:641px){ .land{max-width:1060px} } .landart{position:absolute; left:50%; transform:translateX(-50%); top:0; width:100vw; max-width:1100px; height:clamp(300px,42vh,420px); z-index:0; pointer-events:none; -webkit-mask-image:linear-gradient(#000 0%, #000 46%, transparent 92%); mask-image:linear-gradient(#000 0%, #000 46%, transparent 92%)} .land > *:not(.landart){position:relative; z-index:1} .land{text-align:center} .land .lproof{text-align:left} .lmast{background:transparent; position:relative; margin:0 calc(var(--pagepad, 16px) * -1) 0; padding:clamp(18px,4.5vw,34px) var(--pagepad, 16px) 40px; text-align:left; --edge:url("data:image/svg+xml;utf8,")} .lmast::before{content:""; position:absolute; inset:0; z-index:-2; background:var(--sink); -webkit-mask-image:linear-gradient(#000,#000), var(--edge); mask-image:linear-gradient(#000,#000), var(--edge); -webkit-mask-size:100% calc(100% - 18px), 120px 20px; mask-size:100% calc(100% - 18px), 120px 20px; -webkit-mask-repeat:no-repeat, repeat-x; mask-repeat:no-repeat, repeat-x; -webkit-mask-position:top left, bottom left; mask-position:top left, bottom left} .lmastart{position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:-1; user-select:none} .lfloat{position:absolute; display:block; line-height:1; font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif} .lfloat i{font-style:normal; display:block} .lfloat .fl{position:absolute; top:-.30em; right:-.20em; font-size:.62em} .lfloat.f1{top:-4%; right:3%; font-size:clamp(34px,7.4vw,62px); transform:rotate(-13deg); opacity:.38} .lfloat.f2{top:38%; right:27%; font-size:clamp(20px,4.2vw,34px); transform:rotate(9deg); opacity:.30} .lfloat.f3{bottom:12%;right:9%; font-size:clamp(27px,5.8vw,48px); transform:rotate(-6deg); opacity:.35} .lfloat.f4{top:21%; right:49%; font-size:clamp(15px,3.1vw,25px); transform:rotate(19deg); opacity:.24} .lfloat.f5{bottom:31%;right:1%; font-size:clamp(18px,3.6vw,29px); transform:rotate(-22deg); opacity:.29} .lfloat.f6{top:6%; right:38%; font-size:clamp(13px,2.6vw,21px); transform:rotate(27deg); opacity:.22} .lfloat.f7{bottom:2%; right:33%; font-size:clamp(22px,4.7vw,38px); transform:rotate(-17deg); opacity:.32} .lfloat.f8{top:57%; right:15%; font-size:clamp(16px,3.3vw,27px); transform:rotate(6deg); opacity:.25} .lfloat.f9 {top:19%; right:-3%; font-size:clamp(30px,8vw,46px); transform:rotate(14deg); opacity:.26} .lfloat.f10{top:3%; right:34%; font-size:clamp(17px,4.4vw,26px); transform:rotate(-24deg); opacity:.20} @media (max-width:520px){ .lfloat.f1,.lfloat.f2,.lfloat.f3,.lfloat.f4,.lfloat.f6,.lfloat.f7,.lfloat.f8,.lfloat.f10{display:none} } @media (min-width:521px){ .lfloat.f9,.lfloat.f10{display:none} } .lmast .lqline,.lmast .ldate,.lmast .lask,.lmast .lchips,.lmast .lchiprow{text-align:left} .lmast .lqline{justify-content:flex-start; width:auto; max-width:100%; left:auto; transform:none} .lmast .lchips{justify-content:flex-start; width:auto; max-width:100%; position:static; left:auto; transform:none; overflow:visible} .lqline{display:flex; align-items:center; justify-content:center; gap:clamp(14px,3.4vw,34px); max-width:min(760px, 100%); margin:0 auto; position:relative} .lslogan .lqgo{color:var(--c-arts)} .ldate{display:flex; font-weight:500; align-items:center; gap:11px; flex-wrap:wrap; margin:0 0 18px; font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace; font-size:11.5px; font-weight:500; line-height:1; letter-spacing:.13em; text-transform:uppercase; color:var(--mute)} .ldate b{color:var(--ink); font-weight:600; font-variant-numeric:tabular-nums} .ldsep{color:var(--line2)} .ldate .lcityd>summary{font-size:inherit} .ldate .lcityd>summary em{font-weight:500; font-style:normal; letter-spacing:inherit; color:var(--ink); text-decoration:underline; text-decoration-style:dotted; text-decoration-thickness:1px; text-underline-offset:.3em; text-decoration-color:var(--line2)} .ldate .lcityd>summary:hover em{text-decoration-color:var(--ink)} @media (min-width:641px){ .lqline{width:max-content; max-width:min(880px, calc(100vw - 48px)); position:relative; left:50%; transform:translateX(-50%)} } .ltvfire{position:absolute; top:50%; translate:0 -50%; display:inline-block; line-height:1; font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif; font-size:clamp(20px,3.4vw,38px); user-select:none} .ltvfire i{font-style:normal; display:block} .ltvfire .fl{position:absolute; top:-.30em; right:-.20em; font-size:.62em} .ltvfire.a{left:0; transform:rotate(-6deg)} .ltvfire.b{right:0; transform:rotate(6deg) scaleX(-1)} @media (min-width:641px){ .ltvfire{position:relative; top:auto; translate:none; flex:none} .ltvfire.a{left:auto} .ltvfire.b{right:auto} } .lchips{display:flex; gap:7px; justify-content:center; flex-wrap:wrap; margin:0 0 12px} .lchiprow{display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin:0 0 12px} .lchiprow .lchips{margin:0} .lchipdiv{flex:none; width:1px; align-self:stretch; background:var(--line); margin-inline:4px} .ltune{flex:none; border-style:dashed; border-color:var(--line2); color:var(--ink); font-weight:700} .ltune::before{content:"\25C6"; font-size:9px; color:var(--ember,#C8452F); margin-right:6px; vertical-align:1px} .ltune:hover{border-color:var(--ink2); background:var(--raise)} .lmore{display:block; width:100%; text-align:center; padding:18px 20px; font-family:"Archivo",sans-serif; font-size:14px; font-weight:700; letter-spacing:-.01em; color:var(--ink); background:var(--surf); border:0; border-top:1px solid var(--line); cursor:pointer; -webkit-tap-highlight-color:transparent; transition:background .14s ease} .lmore:hover{background:var(--raise)} @media (min-width:441px){ .lchips{flex-wrap:nowrap; width:max-content; max-width:calc(100vw - 48px); position:relative; left:50%; transform:translateX(-50%); overflow-x:auto; scrollbar-width:none} .lchips::-webkit-scrollbar{display:none} .lchip{flex:none; white-space:nowrap} } .lchip{font-family:"Archivo",sans-serif; font-size:13px; font-weight:600; cursor:pointer; color:var(--ink2); background:var(--surf); border:1px solid var(--line); border-radius:22px; padding:8px 15px; transition:background .14s ease, border-color .14s ease, color .14s ease} .lchip:hover{border-color:var(--line2); background:var(--raise)} .lchip[aria-pressed="true"]{background:var(--ink); border-color:var(--ink); color:var(--bg)} .lchip b{font-variant-numeric:tabular-nums; opacity:.6; margin-left:6px; font-weight:700} .lchip.soon b{color:var(--ember,#C8452F); opacity:1} .lchip.soon[aria-pressed="true"]{background:var(--amber); border-color:var(--amber)} .lchip.soon[aria-pressed="true"] b{color:var(--surf); opacity:.72} .lslogan{font-family:"Anton","Archivo",sans-serif; text-transform:uppercase; font-weight:400; font-size:clamp(28px,4.4vw,46px); line-height:.92; letter-spacing:-.03em; margin:0; text-wrap:normal} .lslogan em{font-style:normal; color:var(--amber)} @media (max-width:640px){ .lqline{gap:14px; padding:0} .lslogan{font-size:clamp(20px, 7.3vw, 28px); text-wrap:normal} .ltvfire{font-size:16px} .land .lchiprow{flex-direction:column; align-items:flex-start; gap:8px; margin-bottom:0} .land .lchips{display:flex; align-items:center; flex-wrap:nowrap; gap:5px; width:100%; overflow-x:auto; padding-right:34px; scrollbar-width:none; -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 30px),transparent 100%); mask-image:linear-gradient(90deg,#000 calc(100% - 30px),transparent 100%)} .land .lchips::-webkit-scrollbar{display:none} .land .lchipdiv{display:none} .land .lchip{flex:none; font-size:clamp(9px, 2.9vw, 11.5px); padding:9px max(6px, 2vw); gap:5px} .land .lchip .ldot{display:none} .land .lchip b{margin-left:4px} .land{padding-top:0} .land .ltag{font-size:14.5px; line-height:1.5; margin:14px auto 18px} .land .lask{margin-bottom:8px} .land .lmast{padding-bottom:12px} .land .ldate{margin-bottom:14px} .land .lqline{margin-bottom:12px} .land .lproof{margin-bottom:28px} .land .lrow{padding:12px 0} } .lcity{display:inline-block; position:relative} .lcityd>summary{display:inline-flex; align-items:center; gap:.14em; list-style:none; cursor:pointer; color:var(--amber)} .lcityd>summary::-webkit-details-marker{display:none} .lcityd>summary em{font-style:normal; text-decoration:underline; text-decoration-style:dashed; text-decoration-color:color-mix(in srgb, var(--amber) 42%, transparent); text-decoration-thickness:.04em; text-underline-offset:.17em; transition:text-decoration-color .16s ease} .lcityd>summary:hover em,.lcityd[open]>summary em{text-decoration-color:var(--amber)} .lcity .lcare{width:.30em; height:auto; flex:none; margin-top:.08em; transition:transform .18s ease} .lcity .lcare path{stroke-width:2.6} .lcityd[open] .lcare{transform:rotate(180deg)} @media (prefers-reduced-motion:reduce){ .lcity .lcare,.lcityd>summary em{transition:none} } .lcitymenu{display:none; position:absolute; top:calc(100% + 6px); left:0; max-width:calc(100vw - var(--pagepad, 16px) * 2); z-index:60; flex-direction:column; min-width:168px; padding:6px; background:var(--surf); border:1px solid var(--line); border-radius:14px; box-shadow:0 10px 28px rgba(26,29,34,.16); text-align:left; white-space:nowrap; font-family:"Archivo",sans-serif; font-size:15px; font-weight:500; letter-spacing:0; line-height:1.45; font-variation-settings:"wdth" 100} .lqline:has(.lcityd[open]){z-index:61} .lcityd[open]+.lcitymenu{display:flex} .lcitymenu a{padding:9px 12px; border-radius:9px; color:var(--ink); text-decoration:none} .lcitymenu a:hover{background:var(--sink)} .lcitymenu a[aria-current="page"]{font-weight:700; color:var(--amber)} .ltag{font-size:15.5px; line-height:1.55; color:var(--mute); max-width:48ch; margin:20px auto 26px} .lcovhead{margin:0 0 7px; font-size:13.5px; color:var(--ink2)} .lcovhead b{font-weight:600; color:var(--ink); font-variant-numeric:tabular-nums} .lwho{display:flex; flex-wrap:wrap; gap:5px 16px; margin-bottom:30px; font-size:13.5px; color:var(--mute); line-height:1.5} .lcov{white-space:nowrap} .lcov b{color:var(--ink2); font-weight:600; font-variant-numeric:tabular-nums} .lchip{display:inline-flex; align-items:baseline; gap:11px; font-family:"Archivo",sans-serif; font-size:14px; font-weight:500; padding:11px 20px; border-radius:100px; border:1px solid var(--line2); background:var(--surf); color:var(--ink); cursor:pointer; -webkit-tap-highlight-color:transparent} .lchip i{font-style:normal; font-size:12px; font-weight:600; color:var(--mute); font-variant-numeric:tabular-nums} .lchip:hover{border-color:var(--amber); color:var(--amber)} .lchip.lvisit{border-style:dashed; border-color:var(--amber-dim); color:var(--amber)} .lchip.lvisit i{color:var(--amber-dim)} .lchip.lvisit:hover{border-style:solid} .lchip:hover i{color:var(--amber)} .lask{font-family:"Archivo",sans-serif; font-size:11px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--faint); text-align:center; margin:0 0 9px} .lchip{align-items:center} .lchip .ldot{width:11px; height:11px; border-radius:50%; border:1.5px solid var(--faint); flex:none; display:block; transition:border-color .14s ease, background .14s ease} .lchip:hover .ldot{border-color:var(--amber)} .lchip[aria-pressed="true"] .ldot{border-color:var(--bg); background:var(--bg); box-shadow:inset 0 0 0 2.5px var(--ink)} .lchip.soon[aria-pressed="true"] .ldot{box-shadow:inset 0 0 0 2.5px var(--amber)} .lproof{margin-bottom:36px; background:var(--surf); margin-left:calc(var(--pagepad, 16px) * -1); margin-right:calc(var(--pagepad, 16px) * -1); padding:0 var(--pagepad, 16px)} .lhead{display:flex; align-items:center; gap:11px; font-family:"Archivo",sans-serif; font-size:10.5px; font-weight:600; letter-spacing:.17em; text-transform:uppercase; color:var(--mute); margin:0 0 4px} .lhead::after{content:""; flex:1; height:1px; background:var(--line)} .lhead b{color:var(--amber); font-weight:600; font-variant-numeric:tabular-nums} .lrow{display:grid; grid-template-columns:82px 88px minmax(0,1fr) 64px; gap:13px; align-items:baseline; width:100%; text-align:left; padding:12px 0; border:0; border-bottom:1px solid var(--line); background:none; cursor:pointer; -webkit-tap-highlight-color:transparent} .lrow:hover{background:var(--raise)} a.lrow{color:inherit; text-decoration:none} .lwhen b{display:block; font-family:"Archivo",sans-serif; font-size:14.5px; font-weight:700; color:var(--cc); font-variant-numeric:tabular-nums; letter-spacing:-.01em} .lwhen s{display:block; text-decoration:none; font-size:9.5px; font-weight:600; letter-spacing:.13em; text-transform:uppercase; color:var(--mute); margin-top:2px} .lwhat{min-width:0} .lwhat h3{font-family:"Archivo",sans-serif; font-variation-settings:"wdth" 108; font-size:17px; font-weight:700; letter-spacing:-.022em; margin:0; line-height:1.25} .lwhat p{margin:2px 0 0; font-size:13px; color:var(--mute)} .lwhere{color:var(--ink2); font-weight:500} .lprice{font-family:"Archivo",sans-serif; font-size:11px; font-weight:600; letter-spacing:.04em; color:var(--ink2); border:1px solid var(--line2); border-radius:5px; padding:1px 6px; margin-left:8px; white-space:nowrap; vertical-align:1px} .lprice.free{color:var(--c-fitness); border-color:currentColor} .lprice.tba,.price.tba{color:var(--faint); border-style:dashed; font-weight:500} .lcost{justify-self:end; align-self:start; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:11px; font-weight:700; line-height:1.3; color:var(--ink2); white-space:nowrap; border:1px solid var(--line2); border-radius:4px; padding:1px 5px; background:var(--surf); font-variant-numeric:tabular-nums; margin-top:1px} .lcost.free{color:var(--c-sports); border-color:color-mix(in srgb,var(--c-sports) 45%,var(--line2))} .lcost.tba{color:var(--faint); border-style:dashed; font-weight:500} .lbrief{margin:4px 0 0; font-size:13px; line-height:1.45; color:var(--ink2)} .fsocial{margin:6px 0 0; font-size:12.5px; color:var(--faint)} .fsocial a{color:var(--mute); text-underline-offset:2px} .fsocial a:hover{color:var(--ink2)} .lkind{display:block; font-style:normal; font-family:"Archivo",sans-serif; font-size:10.5px; font-weight:700; letter-spacing:.06em; line-height:1.35; text-transform:uppercase; color:var(--cc); padding-top:3px} .lemo{font-style:normal; font-size:11.5px; line-height:1; margin-right:5px; vertical-align:-.04em; letter-spacing:0} @media(max-width:520px){ .land .lrow, .lrow{grid-template-columns:74px minmax(0,1fr); grid-template-rows:auto auto 1fr; column-gap:12px; row-gap:0; align-items:start; padding:10px 0} .lrow .lwhen{grid-column:1; grid-row:1} .lrow .lkind{grid-column:1; grid-row:2; margin-top:4px; padding-top:0; font-size:9px; letter-spacing:.03em; white-space:nowrap} .lrow .lcost{grid-column:1; grid-row:3; justify-self:start; margin-top:7px; font-size:10px; padding:0 4px} .lrow .lwhat{grid-column:2; grid-row:1 / span 3} .lrow .lwhat h3{font-size:16px; line-height:1.2} .lrow .lwhat p{margin-top:1px; font-size:12.5px; line-height:1.35} .lrow .lbrief{margin-top:2px; font-size:12.5px; line-height:1.38; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden} .lemo{font-size:10px; margin-right:3px} } @media (min-width:880px){ .lrow .lwhat{display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); column-gap:34px; align-items:start} .lrow .lwhat > h3{grid-column:1; grid-row:1} .lrow .lwhat > p:not(.lbrief){grid-column:1; grid-row:2} .lrow .lwhat > .lbrief{grid-column:2; grid-row:1 / span 2; margin-top:1px} } .lbrief{max-width:68ch} @media (min-width:641px){ .land .lmast::before{ --band:color-mix(in srgb, var(--sink) 62%, var(--bg)); background:linear-gradient(to right, transparent 0%, var(--band) 11%, var(--band) 89%, transparent 100%)} .land .lfloat.f1{opacity:.30} .land .lfloat.f2{opacity:.24} .land .lfloat.f3{opacity:.29} .land .lfloat.f4{opacity:.19} .land .lfloat.f5{opacity:.24} .land .lfloat.f6{opacity:.19} .land .lfloat.f7{opacity:.27} .land .lfloat.f8{opacity:.20} .lmast{padding-top:40px; padding-bottom:44px} .lmast .lask{display:flex; align-items:center; gap:14px; margin:24px 0 12px; font-size:10px; letter-spacing:.2em} .lmast .lask::after{content:""; flex:1; height:1px; background:var(--line2); opacity:.7} .lmast .lchiprow{margin-bottom:22px} .lproof{border-top:1px solid var(--line2); padding-top:2px} .land .lrow{padding:16px 0; grid-template-columns:64px 104px minmax(0,1fr) 72px; gap:16px; align-items:start} .land .lrow .lbrief{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden} .land .lrow .lwhen{font-variant-numeric:tabular-nums; padding-top:1px} .land .lrow h3{font-size:19px; letter-spacing:-.014em} .land .lrow:last-child{border-bottom:0} } @media (min-width:880px){ .lmast{padding-top:48px; padding-bottom:48px} .land .lrow{padding:18px 0; grid-template-columns:72px 108px minmax(0,1fr) 76px; gap:20px} } .demo{border:1px dashed var(--line2); border-radius:12px; padding:9px; opacity:.72} .demolab{margin:0 0 8px; font-family:"Archivo",sans-serif; font-size:10.5px; font-weight:600; letter-spacing:.15em; text-transform:uppercase; color:var(--faint)} .demo .card{pointer-events:none} .plsearch{margin:0 0 9px; width:100%} .plsearch input{width:100%; min-width:0; background:var(--surf); border:1px solid var(--line); border-radius:9px; padding:10px 13px; font:inherit; font-size:15px; color:var(--ink)} .plsearch input::placeholder{color:var(--faint)} .plbar{display:flex; flex-wrap:wrap; gap:7px; align-items:center; margin:0 0 4px; min-width:0} .pfacts{display:flex; flex-wrap:wrap; gap:6px 13px; align-items:baseline; margin:5px 0 0; font-size:12.5px} .prate{color:var(--ink2); font-weight:500; white-space:nowrap} .prate b{font-weight:700; font-variant-numeric:tabular-nums} .prate s{text-decoration:none; color:var(--faint); font-variant-numeric:tabular-nums} .popen{color:var(--mute); white-space:nowrap} .popen.yes{color:var(--c-family); font-weight:600} .cbstar{gap:5px} .cblab{white-space:nowrap} .cbstar.on{background:var(--amber); border-color:var(--amber); color:var(--chip-on-ink)} .cbstar.on .cbn{background:rgba(0,0,0,.22); color:inherit} .mine{margin:0 0 16px} .minehead{display:flex; align-items:center; gap:10px; font-family:"Archivo",sans-serif; font-size:10.5px; font-weight:600; letter-spacing:.17em; text-transform:uppercase; color:var(--mute); margin:0 0 9px} .minehead b{color:var(--amber); font-weight:600; font-variant-numeric:tabular-nums} .minemore{margin-left:auto; font-family:"Archivo",sans-serif; font-size:10.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--amber); background:none; border:0; cursor:pointer; padding:0} .minerow{display:flex; gap:9px; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; padding-bottom:2px} .minerow::-webkit-scrollbar{display:none} .minecard{flex:0 0 auto; width:172px; text-align:left; cursor:pointer; background:var(--surf); border:1px solid var(--line2); border-left:3px solid var(--cc); border-radius:10px; padding:10px 12px; -webkit-tap-highlight-color:transparent} .minecard:hover{border-color:var(--line2); background:var(--raise)} .minecard b{display:block; font-family:"Archivo",sans-serif; font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--cc); font-variant-numeric:tabular-nums} .minecard span{display:block; font-family:"Archivo",sans-serif; font-size:13.5px; font-weight:600; letter-spacing:-.015em; color:var(--ink); line-height:1.3; margin-top:3px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden} .minecard i{display:block; font-style:normal; font-size:11.5px; color:var(--mute); margin-top:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis} .btn.ghost.gon{color:var(--amber); border-color:var(--amber-dim)} .lfine{margin:14px auto 0; font-size:12.5px; color:var(--faint); max-width:46ch; font-variant-numeric:tabular-nums} .esub{font-size:13.5px; color:var(--mute); line-height:1.5; margin:0 0 16px; max-width:52ch} .elist{list-style:none; margin:0; padding:0} .erow{display:flex; gap:12px; align-items:flex-start} .erow .ebody{flex:1; min-width:0} .erank{font-family:"Archivo",sans-serif; font-size:13px; font-weight:700; color:var(--faint); min-width:22px; text-align:right; padding-top:2px} .echips{display:flex; gap:8px; flex-wrap:wrap; margin:10px 0 4px} .esec h2{margin:0 0 4px; font-family:"Archivo",sans-serif; font-size:19px; font-weight:800; letter-spacing:-.01em} .erow{padding:12px 0; border-bottom:1px solid var(--line)} .erow:last-child{border-bottom:0} .ehead{display:flex; align-items:baseline; gap:9px; flex-wrap:wrap; margin:0 0 6px} .ehead h3{margin:0; font-family:"Archivo",sans-serif; font-size:15px; font-weight:700; letter-spacing:-.01em} .ewhere{font-size:12.5px; color:var(--mute)} .ebadges{display:flex; gap:6px; flex-wrap:wrap; align-items:center} .ebadge{display:inline-block; font-family:"Archivo",sans-serif; font-size:10.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; text-decoration:none; padding:4px 8px; border-radius:999px; border:1px solid var(--line2); color:var(--c-food); background:color-mix(in srgb, var(--c-food) 6%, transparent)} .ebadge:hover{border-color:var(--c-food)} .ebadge.hot{color:var(--c-festival); background:color-mix(in srgb, var(--c-festival) 7%, transparent)} .ebadge.hot:hover{border-color:var(--c-festival)} .esite{font-size:11.5px; color:var(--mute); text-decoration:underline; text-underline-offset:2px} .esite:hover{color:var(--ink2)} .efoot{margin:18px 0 0; font-size:11.5px; color:var(--faint); line-height:1.5; max-width:52ch} .lmail{border-top:1px solid var(--line); padding-top:24px; max-width:420px; margin:0 auto} .lmail .lrow, .lmail form{text-align:left} .lmail h2{font-family:"Archivo",sans-serif; font-variation-settings:"wdth" 112; font-size:19px; font-weight:700; letter-spacing:-.026em; margin:0 0 5px} .lmail p{margin:0 0 15px; font-size:14px; color:var(--mute)} .lmine .prim{width:100%; background:var(--amber); color:var(--chip-on-ink); font-family:"Archivo",sans-serif; font-weight:700; font-size:15.5px; padding:13px; border-radius:10px; cursor:pointer; border:0} .lsignout{display:block; margin:12px auto 0; background:none; border:0; cursor:pointer; font-family:"Archivo",sans-serif; font-size:13px; color:var(--mute); text-decoration:underline; text-underline-offset:3px; padding:6px 10px} .lsignout:hover{color:var(--ink2)} .mark{--tile:17px; --burn-w:calc(var(--tile)*4 + 6px); --tv-w:calc(var(--tile)*2 + 2px); --pad:3px; cursor:pointer; display:flex; flex-direction:column; gap:2px; background:var(--grout-line); padding:var(--pad); border-radius:4px; box-shadow:inset 0 0 0 1px rgba(26,29,34,.06); transition:padding-right .16s ease} .mrow{display:flex; gap:2px; transition:padding-right .16s ease} .mrow i{width:var(--tile); height:calc(var(--tile) + 2px); background:var(--amber); color:var(--surf); font-family:"Archivo",sans-serif; font-weight:800; font-size:12px; line-height:calc(var(--tile) + 2px); text-align:center; font-style:normal; display:block; border-radius:2px; box-shadow:inset 0 1px 0 rgba(255,255,255,.28), inset 0 -1px 0 rgba(0,0,0,.22); transition:background .18s ease, transform .18s ease, color .18s ease} .mrow i.gap{width:6px; background:transparent; box-shadow:none} .mrow i:nth-child(2){background:color-mix(in srgb, var(--c-nightlife) 22%, var(--amber))} .mrow i:nth-child(3){background:color-mix(in srgb, var(--c-food) 30%, var(--amber))} .mrow i:nth-child(4){background:color-mix(in srgb, var(--c-sports) 20%, var(--amber))} .mrow i:nth-child(6){background:color-mix(in srgb, var(--c-food) 26%, var(--amber))} .mrow i:nth-child(7){background:color-mix(in srgb, var(--c-nightlife) 18%, var(--amber))} .mrow i:nth-child(8){background:color-mix(in srgb, var(--c-sports) 14%, var(--amber))} .mrow i:nth-child(1){transform:rotate(-1.1deg)} .mrow i:nth-child(3){transform:rotate(.9deg)} .mrow i:nth-child(6){transform:rotate(1deg)} .mrow i:nth-child(8){transform:rotate(-.8deg)} .mrow i:nth-child(12){transform:rotate(1.2deg)} .mrow i.tv{background:var(--amber); box-shadow:inset 0 1px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.25), 0 0 8px color-mix(in srgb, var(--amber) 45%, transparent)} @keyframes emberpass{ 0%,100%{ background:var(--amber); transform:translateY(0) rotate(var(--tilt,0deg)) } 35% { background:var(--c-music); transform:translateY(-2px) rotate(var(--tilt,0deg)) } 70% { background:var(--c-festival); transform:translateY(0) rotate(var(--tilt,0deg)) } } .tvpair,.burnpair{position:relative; display:inline-flex; gap:2px; transition:width .16s ease} .burnpair{width:var(--burn-w)} .tvpair{width:var(--tv-w)} .tvpair .tv,.burnpair i{transition:opacity .16s ease} .tvemo,.burnemo{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; line-height:1; opacity:0; transition:opacity .16s ease; pointer-events:none} .mark:hover .burnpair, .mark:focus-visible .burnpair, .mark:hover .tvpair, .mark:focus-visible .tvpair{width:var(--tile)} .mark:hover .mrow, .mark:focus-visible .mrow{ padding-right:calc((var(--burn-w) - var(--tile)) + (var(--tv-w) - var(--tile)))} .tvemo,.burnemo{font-size:16px} .mark:hover .tvpair .tv, .mark:focus-visible .tvpair .tv, .mark:hover .burnpair i, .mark:focus-visible .burnpair i{opacity:0} .mark:hover .tvemo, .mark:focus-visible .tvemo, .mark:hover .burnemo, .mark:focus-visible .burnemo{opacity:1} .mark:hover .mrow > i:not(.gap):not(.tv), .mark:focus-visible .mrow > i:not(.gap):not(.tv){ animation:emberpass .62s ease both } .mark:hover .mrow i:nth-child(1){animation-delay:0s} .mark:hover .mrow i:nth-child(2){animation-delay:.05s} .mark:hover .mrow i:nth-child(3){animation-delay:.1s} .mark:hover .mrow i:nth-child(4){animation-delay:.15s} .mark:hover .mrow i:nth-child(6){animation-delay:.22s} .mark:hover .mrow i:nth-child(7){animation-delay:.27s} .mark:hover .mrow i:nth-child(8){animation-delay:.32s} .mark:hover .mrow i:nth-child(9){animation-delay:.37s} .mark:hover .mrow i:nth-child(11){animation-delay:.45s} .mark:hover .mrow i:nth-child(12){animation-delay:.5s} @media (prefers-reduced-motion:reduce){ .mark:hover .mrow i, .mark:focus-visible .mrow i{ animation:none } .mark:hover .mrow i:not(.gap):not(.tv){ background:var(--c-music) } } .sub{font-family:"Archivo",sans-serif; font-size:9.5px; letter-spacing:.13em; text-transform:uppercase; color:var(--mute); margin-left:auto; text-align:right; line-height:1.35} .searchwrap{padding:0 16px 11px; max-width:1060px; margin:0 auto} .search{width:100%; background:var(--surf); border:1px solid var(--line); border-radius:9px; padding:9px 13px; font-size:15px; color:var(--ink); font-family:inherit} .search::placeholder{color:var(--faint)} .rail{display:flex; gap:7px; overflow-x:auto; padding:0 16px 11px; scrollbar-width:none; max-width:1060px; margin:0 auto} .rail::-webkit-scrollbar{display:none} .chip{flex:none; border:1px solid var(--line2); border-radius:100px; padding:6px 13px; font-size:13.5px; font-weight:500; color:var(--ink2); white-space:nowrap; display:flex; align-items:center; gap:6px; background:var(--surf)} .chip .dot{width:7px; height:7px; border-radius:50%; flex:none} .chip[aria-pressed="true"]{background:var(--ink); color:var(--bg); border-color:var(--ink)} .chip.time[aria-pressed="true"]{background:var(--amber); color:var(--chip-on-ink); border-color:var(--amber)} .chip.act{background:var(--amber); color:var(--chip-on-ink); border-color:var(--amber); font-weight:600} .chip.act b{font-weight:700} .chip.solid{background:var(--ink); color:var(--bg); border-color:var(--ink); font-weight:600} .spacer{flex:1; min-width:4px} main{padding:6px 16px 20px; max-width:1060px; margin:0 auto} main:has(.land){padding-top:0; padding-left:0; padding-right:0; max-width:none} .dayhead{font-family:"Archivo",sans-serif; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--mute); padding:20px 0 9px; display:flex; align-items:center; gap:11px; position:sticky; top:var(--headh,64px); z-index:20; background:var(--bg)} .dayhead::after{content:""; flex:1; height:1px; background:var(--line)} .dayhead b{color:var(--amber); font-weight:500} .grid{display:grid; grid-template-columns:minmax(0,1fr); gap:9px} .grid + .grid{margin-top:9px} @media(min-width:720px){ .grid{gap:10px} .grid + .grid{margin-top:10px} } .card{background:var(--surf); border:1px solid var(--line); border-radius:14px; padding:12px 14px; display:flex; flex-direction:column; gap:9px; border-left:3px solid var(--cc); text-align:left; width:100%; overflow:hidden} .cwhen{display:flex; align-items:baseline; gap:8px; color:var(--cc); font-family:"Archivo",sans-serif; font-variant-numeric:tabular-nums} .cwhen b{font-size:14px; font-weight:700; letter-spacing:-.01em; white-space:nowrap} .cwhen i{font-style:normal; font-size:9.5px; letter-spacing:.11em; text-transform:uppercase; color:var(--mute); white-space:nowrap} .cmeta{display:flex; align-items:center; gap:8px; flex-wrap:wrap} .ckind{font-size:12.5px; color:var(--mute); margin-top:1px; overflow:hidden; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical} .didyou{font-size:13.5px; color:var(--mute); margin:2px 0 10px} .didyou b{color:var(--ink)} .linkish{background:none; border:0; padding:0; font:inherit; color:var(--mute); text-decoration:underline; cursor:pointer} .cgone{color:var(--mute); opacity:.85; font-style:normal} .cprog{display:inline; font-weight:600; color:var(--ink); opacity:.72} .cprog::after{content:" \00b7 "; font-weight:400; opacity:.5} .act{margin-left:auto} @media(min-width:720px){ .card{display:grid; grid-template-columns:104px minmax(0,1fr) auto; align-items:center; gap:16px; padding:11px 16px} .cwhen{flex-direction:column; align-items:flex-start; gap:1px} .cmeta{justify-content:flex-end; flex-wrap:nowrap} .title{font-size:16px} .cbody{gap:3px} } .ctop{display:flex; align-items:baseline; gap:9px} .time{font-family:"Archivo",sans-serif; font-size:12px; font-weight:500; color:var(--cc); white-space:nowrap; font-variant-numeric:tabular-nums; margin-left:auto} .cat{display:flex; gap:1px; background:var(--grout-line); padding:1px; border-radius:2px; flex:none; align-self:center} .cat i{width:12px; height:14px; background:var(--surf); color:var(--cc); font-family:"Archivo",sans-serif; font-weight:800; font-size:8.5px; line-height:14px; text-align:center; font-style:normal; display:block} .title{font-family:"Archivo",sans-serif; font-weight:600; font-size:16.5px; line-height:1.24; letter-spacing:-.012em; margin:0; text-wrap:balance} .meta{display:flex; min-width:0; flex-wrap:wrap; font-size:13.5px; color:var(--ink2); line-height:1.4} .meta .venue{flex:0 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .meta .hood{color:var(--mute); white-space:nowrap; flex:none} .blurb{font-family:"Source Serif 4",Georgia,serif; font-size:13.5px; color:var(--mute); line-height:1.45} .crow{display:flex; align-items:center; gap:8px} .price{font-family:"Archivo",sans-serif; font-size:11.5px; color:var(--ink2); border:1px solid var(--line2); border-radius:5px; padding:2px 7px} .price.free{color:var(--c-fitness); border-color:currentColor} .cbar{display:flex; align-items:center; flex-wrap:wrap; gap:7px; padding:0 16px 10px; max-width:1060px; margin:0 auto; min-width:0} .cb{flex:none; display:flex; align-items:center; gap:6px; white-space:nowrap; border:1px solid var(--line2); background:var(--surf); color:var(--ink2); border-radius:100px; padding:7px 13px; font-size:13.5px; font-weight:500} .cb svg{width:11px; height:11px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; opacity:.55} .cb.on{background:var(--ink); border-color:var(--ink); color:var(--bg)} .cb.on svg{opacity:.8} .cbn{background:var(--amber); color:var(--surf); border-radius:100px; min-width:17px; height:17px; padding:0 5px; font-size:11px; font-weight:700; display:flex; align-items:center; justify-content:center} .cb.on .cbn{background:var(--surf); color:var(--ink)} .cbreset{margin-left:auto; flex:none; font-family:"Archivo",sans-serif; font-size:12px; font-weight:600; letter-spacing:.02em; color:var(--mute); padding:0 2px; border:none; background:none; text-decoration:underline; text-underline-offset:3px} .cbreset:hover{color:var(--ink)} .listcount s{text-decoration:none; font-weight:600; color:var(--faint)} .lcnarrow{font-family:"Archivo",sans-serif; font-size:11px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; color:var(--amber); background:none; border:0; padding:0; cursor:pointer; text-decoration:underline; text-underline-offset:3px} .lcnarrow:hover{color:var(--ink)} .listcount{font-family:"Archivo",sans-serif; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--mute); padding:14px 16px 2px; max-width:1060px; margin:0 auto} .cbcount{margin-left:auto; padding-left:10px; flex:none; font-family:"Archivo",sans-serif; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--faint)} .cbcount::after{content:" events"} .blurred{filter:blur(5px); opacity:.55; pointer-events:none; user-select:none; min-width:0; overflow:hidden} .gate{margin:4px 0 14px} .gatebox{background:var(--surf); border:1px solid var(--line2); border-radius:14px; padding:20px 18px; box-shadow:var(--shadow)} .gatebox h3{font-family:"Archivo",sans-serif; font-size:19px; font-weight:700; letter-spacing:-.015em; margin:0 0 7px} .gatebox p{font-size:14px; color:var(--ink2); line-height:1.5; margin:0 0 14px} .gatefield{display:flex; gap:8px; flex-wrap:wrap; justify-content:center} .gatefield input{flex:1; min-width:190px; background:var(--bg); border:1px solid var(--line2); border-radius:9px; padding:11px 13px; font-size:16px; color:var(--ink); font-family:inherit} .gatefield .prim{flex:none; background:var(--ink); color:var(--bg); border-radius:9px; padding:11px 18px; font-size:14.5px; font-weight:600} @keyframes gflash{ 0%,100%{ box-shadow:0 0 0 0 rgba(46,74,107,0) } 30%{ box-shadow:0 0 0 5px var(--amber-dim) } } .gflash{ animation:gflash .7s ease } @media (prefers-reduced-motion: reduce){ .gflash{ animation:none; outline:2px solid var(--amber) } } .gateerr{color:var(--c-music); font-size:13px; margin:9px 0 0} .gateerr:empty{display:none} .gatefine{font-size:12px; color:var(--mute); margin:10px 0 0} .toast{position:fixed; left:50%; bottom:76px; transform:translateX(-50%) translateY(8px); background:var(--ink); color:var(--surf); padding:9px 16px; border-radius:100px; font-size:13.5px; font-weight:500; z-index:3000; opacity:0; pointer-events:none; transition:opacity .18s ease, transform .18s ease; white-space:nowrap} .toast.on{opacity:1; transform:translateX(-50%) translateY(0)} .selbar{display:flex; flex-wrap:wrap; gap:6px; padding:0 16px 10px; max-width:1060px; margin:0 auto} .sel{flex:none; border:1px solid var(--amber); color:var(--amber); background:transparent; border-radius:100px; padding:4px 10px; font-size:12px; font-weight:500; white-space:nowrap} .sel.reset{border-color:var(--line2); color:var(--mute)} .daygrid{display:grid; grid-template-columns:repeat(auto-fill,minmax(74px,1fr)); gap:6px} .subnest{display:flex; flex-wrap:wrap; gap:6px; padding:2px 0 10px 30px} .swatch{width:8px; height:8px; border-radius:50%; flex:none; margin-right:2px} .searchwrap{position:relative} .qsug{position:absolute; left:16px; right:16px; top:calc(100% - 4px); z-index:60; background:var(--surf); border:1px solid var(--line2); border-radius:10px; box-shadow:var(--shadow); overflow:hidden; max-height:min(46vh,320px); overflow-y:auto} .qsrow{display:flex; align-items:center; gap:12px; width:100%; text-align:left; padding:11px 14px; background:none; border:0; border-bottom:1px solid var(--line); cursor:pointer; font-family:"Archivo",sans-serif; font-size:14.5px; color:var(--ink); -webkit-tap-highlight-color:transparent} .qsrow:last-child{border-bottom:0} .qsrow:hover{background:var(--raise)} .qsrow span{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .qsrow i{font-style:normal; font-size:12px; font-weight:600; color:var(--mute); font-variant-numeric:tabular-nums; flex:none} .cityswitch{position:absolute; left:50%; transform:translateX(-50%); max-width:46vw} .cityswitch:not(.open) > .citymenu{display:none} .cityswitch.open > .citymenu{display:flex} .citypill{appearance:none; font:inherit; cursor:pointer; display:flex; align-items:center; gap:6px; height:34px; padding:0 12px; border:1px solid var(--line2); border-radius:9px; color:var(--ink); background:var(--surf); font-size:13px; font-weight:700; letter-spacing:-.01em; white-space:nowrap; overflow:hidden; min-width:0} .citypill:hover{border-color:var(--ink2)} .citypin{width:13px; height:13px; flex:none; fill:var(--amber); margin-left:-2px} .citypill::after{content:"\25be"; font-size:11px; opacity:.85; flex:none; margin-left:2px; transition:transform .15s ease} .cityswitch.open .citypill::after{transform:rotate(180deg)} .citypill>span{overflow:hidden; text-overflow:ellipsis} .cityswitch.open .citypill{border-color:var(--ink2)} .citymenu{position:absolute; top:calc(100% + 6px); left:50%; transform:translateX(-50%); right:auto; bottom:auto; z-index:60; min-width:154px; display:flex; flex-direction:column; padding:5px; background:var(--surf); border:1px solid var(--line2); border-radius:10px; box-shadow:0 10px 26px rgba(0,0,0,.16)} .citymenu a{padding:8px 10px; border-radius:7px; color:var(--ink); text-decoration:none; font-size:13px; white-space:nowrap} .citymenu a:hover, .citymenu a:focus-visible{background:var(--sink)} .citymenu a[aria-current="page"]{color:var(--faint); pointer-events:none} .searchbtn{width:34px; height:34px; display:flex; align-items:center; flex:none; justify-content:center; border:1px solid var(--line2); border-radius:9px; color:var(--ink2); font-size:12px; font-weight:600} #searchbtn{margin-left:auto} .searchbtn svg{width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round} .searchbtn[aria-expanded="true"]{background:var(--amber); border-color:var(--amber); color:var(--surf)} #viewbtn{width:auto; padding:0 11px} .tag{font-family:"Archivo",sans-serif; font-size:9.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--mute); border:1px solid var(--line2); border-radius:5px; padding:2px 6px} .tag.when{color:var(--cc); border-color:currentColor; font-variant-numeric:tabular-nums} .act{display:flex; gap:6px; flex:none} .rail .chip.act{margin-left:0; display:flex} .btn{border:1px solid var(--line2); border-radius:7px; padding:5px 11px; font-size:12.5px; font-weight:600; color:var(--ink2); display:flex; align-items:center; gap:5px} .btn[aria-pressed="true"]{background:var(--amber); border-color:var(--amber); color:var(--chip-on-ink)} .btn.ghost{border-color:transparent; color:var(--mute); padding:5px 8px} .btn.ghost[aria-pressed="true"]{background:none; color:var(--amber)} .capture{grid-column:1/-1; background:var(--raise); border:1px solid var(--amber-dim); border-radius:11px; padding:18px} .capture h3{font-family:"Archivo",sans-serif; font-weight:700; font-size:18px; margin:0 0 6px; letter-spacing:-.015em} .capture p{margin:0 0 13px; font-size:14px; color:var(--ink2); max-width:52ch} .capture .social{margin-bottom:9px} .empty{grid-column:1/-1; text-align:center; padding:54px 20px; color:var(--mute)} .empty b{display:block; font-family:"Archivo",sans-serif; font-size:17px; color:var(--ink2); margin-bottom:6px} .empty span{font-size:14px} .follows{display:flex; flex-wrap:wrap; gap:7px; padding:4px 0 6px} .fchip{border:1px solid var(--line2); border-radius:100px; padding:5px 11px; font-size:13px; color:var(--ink2); display:flex; align-items:center; gap:8px; background:var(--surf)} .fchip button{color:var(--faint); font-size:15px; line-height:1} .maprap{position:relative; z-index:0; isolation:isolate; border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--sink); margin:10px 0 0} .mapslot{height:clamp(320px,calc(100svh - 300px),560px)} @supports (height:100dvh){ .mapslot{height:clamp(320px,calc(100dvh - 300px),560px)} } @media(max-width:719px){ .maprap{margin-top:6px} .mapslot{height:calc(100dvh - 232px); min-height:300px} } #leafhost{width:100%; height:100%; background:var(--sink)} .leaflet-container{font-family:"Archivo",sans-serif; background:var(--sink)} .leaflet-container a{color:var(--amber)} .maplegend{position:absolute; top:38px; left:8px; right:8px; z-index:401; display:flex; flex-wrap:wrap; gap:4px 10px; padding:6px 9px; border-radius:3px; pointer-events:none; background:color-mix(in srgb, var(--surf) 88%, transparent); box-shadow:inset 0 0 0 1px var(--grout-line)} .maplegend .lgi{display:inline-flex; align-items:center; gap:5px; font-size:11px; font-family:"Archivo",sans-serif; font-weight:600; letter-spacing:.02em; color:var(--ink2)} .maplegend .lgi i{width:8px; height:8px; border-radius:50%; flex:none} .leaflet-control-attribution{font-size:10px; background:rgba(251,250,247,.82); color:var(--mute)} :root[data-theme="dark"] .leaflet-control-attribution{background:rgba(34,27,18,.82)} .leaflet-bar a{background:var(--surf); color:var(--ink); border-bottom-color:var(--line)} .leaflet-bar a:hover{background:var(--raise); color:var(--ink)} .maprap.drawing #leafhost{cursor:crosshair} .mkwrap{background:none; border:0} .mk{display:flex; align-items:center; justify-content:center; width:100%; height:100%; border-radius:50%; background:var(--mkc); border:2px solid var(--surf); box-shadow:0 1px 4px rgba(0,0,0,.30); color:#fff; font-family:"Archivo",sans-serif; font-weight:700; font-size:11px; line-height:1; cursor:pointer} .mk.approx{opacity:.72; border-style:dashed} .mkwrap:focus-visible .mk{outline:3px solid var(--amber); outline-offset:2px} .selbox{fill:rgba(18,70,126,.14); stroke:var(--amber); stroke-width:2; stroke-dasharray:6 4} .mapzoom{display:flex; gap:1px; background:var(--grout-line); padding:1px; border-radius:8px} .mapzoom button{width:30px; height:26px; background:var(--surf); color:var(--ink); font-family:"Archivo",sans-serif; font-size:16px; font-weight:700; line-height:26px} .mapbar{display:flex; gap:8px; align-items:center; padding:10px 12px; background:var(--surf); border-top:1px solid var(--line); flex-wrap:wrap} .mapbar span{font-size:13px; color:var(--mute)} .leaflet-top .leaflet-control{margin-top:46px} .maphint{position:absolute; top:10px; left:10px; right:10px; z-index:500; background:var(--surf); border:1px solid var(--line); border-radius:7px; padding:6px 10px; font-size:12px; color:var(--mute); pointer-events:none; width:fit-content; max-width:calc(100% - 20px)} .maphint.on{color:var(--amber); border-color:var(--amber)} .rail.sub{padding-top:0} .chip.sb{font-size:12.5px; padding:5px 10px; gap:6px} .chip.sb .em{font-size:13px; line-height:1} .chip.sb[aria-pressed="true"]{background:var(--ink); color:var(--chip-on-ink); border-color:var(--ink)} .chip.sb[aria-pressed="true"] .mc{color:var(--chip-on-ink); opacity:.75} .chip.sb.bun{border-style:dashed} .mapload{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:13px; color:var(--mute); background:var(--sink); z-index:400} .scrim{position:fixed; inset:0; background:rgba(0,0,0,.55); z-index:2000; display:flex; align-items:flex-end; justify-content:center} .sheet{background:var(--bg); border-top:1px solid var(--line); border-radius:16px 16px 0 0; width:100%; max-width:620px; max-height:88vh; overflow-y:auto; padding:18px 18px 30px; max-height:88dvh; padding-top:0; padding-bottom:calc(30px + env(safe-area-inset-bottom)); overscroll-behavior:contain; will-change:transform} .sheet.full{max-height:96vh; max-height:96dvh; border-radius:16px 16px 0 0} .shead{display:flex; align-items:center; gap:12px; position:sticky; top:0; z-index:4; background:var(--bg); margin:0 -18px 14px; padding:14px 18px 11px; border-bottom:1px solid var(--line)} .shead::before{content:""; position:absolute; top:5px; left:50%; transform:translateX(-50%); width:34px; height:4px; border-radius:100px; background:var(--line2)} @media (min-width:721px){ .shead::before{display:none} } @media (max-width:720px){ .shead{padding-top:17px} } .shead h2{font-family:"Archivo",sans-serif; font-size:19px; font-weight:700; margin:0; letter-spacing:-.02em} .shead button{margin-left:auto; font-size:22px; color:var(--mute); line-height:1; min-width:44px; min-height:44px; display:flex; align-items:center; justify-content:center; margin-right:-8px; -webkit-tap-highlight-color:transparent} .sback{min-height:44px; display:flex; align-items:center} .fgroup{margin-bottom:20px} .fgroup h4{font-family:"Archivo",sans-serif; font-size:10.5px; letter-spacing:.13em; text-transform:uppercase; color:var(--mute); margin:0 0 9px; font-weight:500} .fwrap{display:flex; flex-wrap:wrap; gap:7px} .tog{display:flex; align-items:center; gap:10px; font-size:15px; color:var(--ink2)} .tog .sw{width:42px; height:24px; border-radius:100px; background:var(--line2); position:relative; flex:none} .tog[aria-pressed="true"] .sw{background:var(--amber)} .tog .sw::after{content:""; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:var(--bg); transition:transform .15s} .tog[aria-pressed="true"] .sw::after{transform:translateX(18px)} .sbtns{display:flex; gap:9px; margin-top:6px} .sbtns button{flex:1; border-radius:9px; padding:11px; font-weight:700; font-size:15px; font-family:"Archivo",sans-serif} .sbtns .prim{background:var(--amber); color:var(--chip-on-ink)} .sbtns .sec{border:1px solid var(--line2); color:var(--ink2)} .dhero{border-left:4px solid var(--cc); padding-left:14px; margin-bottom:14px} .dhero .k{display:flex; align-items:center; gap:8px} .dhero .w b{font-weight:700; color:var(--ink)} .dhero .w .hd{color:var(--mute)} .dtop{display:flex; gap:8px; align-items:center; margin:0 0 20px; flex-wrap:wrap} .dmap{height:210px; border-radius:12px; overflow:hidden; background:var(--sink); margin:0 0 12px; position:relative; transition:height .18s ease} .dmap.live{height:280px} .dmapveil{position:absolute; inset:0; z-index:500; border:0; padding:0; cursor:pointer; background:transparent; display:flex; align-items:flex-end; justify-content:center; font:inherit; -webkit-tap-highlight-color:transparent} .dmapveil span{margin-bottom:12px; padding:5px 11px; border-radius:999px; background:var(--surf); border:1px solid var(--line2); color:var(--ink2); font-family:"Archivo",sans-serif; font-size:11px; letter-spacing:.02em; box-shadow:0 1px 6px rgba(0,0,0,.13)} .dmapveil:hover span{background:var(--raise)} .dmap .leaflet-container{background:var(--sink)} .dwhere{display:flex; align-items:center; gap:12px} .dwhere .addr{margin:0; flex:1} .dwhere .pill.round{font-size:15px; transform:rotate(-45deg)} .dpin{display:flex; align-items:center; justify-content:center; width:100%; height:100%; background:var(--surf); border-radius:50% 50% 50% 6px; transform:rotate(45deg); box-shadow:0 2px 6px rgba(0,0,0,.28); border:1px solid var(--line)} .dpin span{transform:rotate(-45deg); font-size:17px; line-height:1; font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif} .dpin.approx{opacity:.75; border-style:dashed} .pill{border-radius:100px; padding:11px 18px; font-family:"Archivo",sans-serif; font-size:14.5px; font-weight:600; border:1px solid var(--line2); color:var(--ink); background:var(--surf); display:inline-flex; align-items:center; gap:6px; text-align:center} .pill.on{background:var(--ink); color:var(--bg); border-color:var(--ink)} .pill.round{width:42px; height:42px; padding:0; justify-content:center; font-size:17px; color:var(--amber); flex:none} .dhero .k{font-family:"Archivo",sans-serif; font-size:10.5px; letter-spacing:.13em; text-transform:uppercase; color:var(--cc); margin-bottom:7px} .dhero h1{font-family:"Archivo",sans-serif; font-size:27px; font-weight:700; margin:0 0 8px; line-height:1.14; letter-spacing:-.022em; text-wrap:balance} .dhero .w{font-size:15px; color:var(--ink2); line-height:1.5} .drow{display:flex; gap:9px; flex-wrap:wrap; margin-bottom:18px} .dsec{border-top:1px solid var(--line); padding-top:15px; margin-bottom:18px} .dsec h4{font-family:"Archivo",sans-serif; font-size:10.5px; letter-spacing:.13em; text-transform:uppercase; color:var(--mute); margin:0 0 10px; font-weight:500} .src{margin-top:7px !important; font-size:12px !important} .src a{color:var(--mute); text-decoration:none; border-bottom:1px solid var(--line2)} .src a:hover{color:var(--ink2)} .destlink{font-weight:500} .gcard{border:1px solid var(--line); border-radius:14px; background:var(--surf); overflow:hidden; margin-bottom:9px} .gcard summary{display:flex; align-items:center; gap:12px; padding:13px 15px; cursor:pointer; list-style:none; border-left:3px solid var(--cc); -webkit-tap-highlight-color:transparent} .gcard summary::-webkit-details-marker{display:none} .gcard summary:hover{background:var(--raise)} .gwhen{min-width:118px; flex:none; font-family:"Archivo",sans-serif; font-size:12.5px; color:var(--ink2)} .gwhen b{display:block; font-weight:600} .gmain{display:flex; align-items:center; gap:11px; flex:1; min-width:0} .gcount{flex:none; font-family:"Archivo",sans-serif; font-size:12px; color:var(--mute); background:var(--sink); border:1px solid var(--line2); border-radius:999px; padding:2px 9px} .gcard summary::after{content:""; width:7px; height:7px; flex:none; border-right:1.6px solid var(--mute); border-bottom:1.6px solid var(--mute); transform:rotate(45deg) translate(-2px,-2px); transition:transform .16s ease} .gcard[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)} .ginner{padding:0 10px 10px} .gcard.fold summary{background:var(--raise)} .gcard.fold .ico{font-size:20px; line-height:1} .gcard.fold[open] summary{border-bottom:1px solid var(--line)} @media (max-width:560px){ .gwhen{min-width:0; font-size:12px} } .social{width:100%; display:flex; align-items:center; justify-content:center; gap:11px; height:46px; border-radius:10px; cursor:pointer; margin-bottom:9px; padding:0 16px; font-family:"Archivo",sans-serif; font-size:15px; font-weight:500; letter-spacing:0; -webkit-tap-highlight-color:transparent; transition:box-shadow .14s ease, background .14s ease} .social svg{flex:none} .social.google{background:#fff; color:#1f1f1f; border:1px solid #747775} .social.google:hover{background:#f7f8f8; box-shadow:0 1px 3px rgba(0,0,0,.16)} .social.facebook{background:#1877F2; color:#fff; border:1px solid #1877F2} .social.facebook:hover{filter:brightness(1.05)} .author{display:flex; align-items:center; gap:12px; margin:14px 0; font-family:"Archivo",sans-serif; font-size:10.5px; color:var(--faint); letter-spacing:.14em; text-transform:uppercase} .author::before,.author::after{content:""; flex:1; height:1px; background:var(--line)} .wfinal{max-width:452px; margin:0 auto; padding-bottom:40px} .wpill{display:inline-block; font-family:"Archivo",sans-serif; font-size:11px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--amber); border:1px solid currentColor; border-radius:999px; padding:4px 11px; margin-bottom:14px} .wfinal h1{font-size:31px; line-height:1.1; letter-spacing:-.02em; margin:0 0 18px} .wfinal .wprev{border:1px solid var(--line); border-radius:14px; background:var(--surf); overflow:hidden; box-shadow:0 1px 2px rgba(0,0,0,.04)} .wprevrow{display:flex; align-items:flex-start; gap:14px; padding:13px 15px; border-bottom:1px solid var(--line)} .wprevrow:last-child{border-bottom:0} .wprevrow b{flex:none; width:74px; font-family:"Archivo",sans-serif; font-size:12px; font-weight:600; color:var(--mute); padding-top:2px; letter-spacing:.01em} .wpb{flex:1; min-width:0; display:flex; flex-direction:column; gap:2px} .wpt{font-size:15.5px; color:var(--ink); line-height:1.32; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden} .wprevrow i{font-style:normal; font-size:12.5px; color:var(--mute); line-height:1.35; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .wprevmore{text-align:center; font-family:"Archivo",sans-serif; font-size:12px; color:var(--faint); margin:11px 0 0} .wask{margin-top:26px; padding:20px 20px 16px; border-radius:16px; background:var(--surf); border:1px solid var(--line); box-shadow:0 1px 2px rgba(0,0,0,.04)} .wask h2{font-family:"Archivo",sans-serif; font-size:17px; font-weight:600; margin:0 0 5px; color:var(--ink); letter-spacing:-.01em} .wask > p{font-size:14px; color:var(--ink2); line-height:1.5; margin:0 0 16px} .wask .gatefield{display:flex; gap:8px} .wask .gatefine{margin:12px 0 0; text-align:center} .acct{display:flex; flex-wrap:wrap; align-items:center; gap:4px 12px; margin-bottom:16px; padding:13px 15px; border:1px solid var(--line); border-radius:12px; background:var(--surf)} .acctwho{font-family:"Archivo",sans-serif; font-size:13.5px; color:var(--ink2)} .acctwho b{color:var(--ink); font-weight:600} .acctnote{flex:1 1 100%; font-family:"Archivo",sans-serif; font-size:12px; color:var(--mute)} .acct .wlink{margin-left:auto} .acctbtn{height:44px; padding:0 12px; border-radius:999px; border:1px solid var(--line2); background:var(--surf); color:var(--ink2); cursor:pointer; font-family:"Archivo",sans-serif; font-size:12.5px; font-weight:500; margin-left:auto; flex:none; -webkit-tap-highlight-color:transparent} .acctbtn:hover{background:var(--raise); color:var(--ink)} .acctbtn.in{width:44px; padding:0; display:inline-flex; align-items:center; justify-content:center; background:var(--amber); border-color:var(--amber); color:var(--surf); font-weight:700; font-size:14px} .acctbtn.in:hover{filter:brightness(1.1); color:var(--surf)} .mark, button[data-sheet="signin"]{position:relative} .mark::after, button[data-sheet="signin"]::after{content:""; position:absolute; top:-13px; bottom:-13px; left:-4px; right:-4px} .sback{background:none; border:0; padding:6px 8px 6px 0; margin-right:2px; cursor:pointer; color:var(--mute); font-family:"Archivo",sans-serif; font-size:14px; font-weight:500; -webkit-tap-highlight-color:transparent; flex:none} .sback:hover{color:var(--ink)} @media (min-width:721px){ .sback{display:none} } .wsignin{margin:18px 0 0; font-family:"Archivo",sans-serif; font-size:13px; color:var(--mute)} .wsignin button{background:none; border:0; padding:0 0 0 4px; cursor:pointer; color:var(--amber); font:inherit; text-decoration:underline; text-underline-offset:3px} .wsignin button:hover{color:var(--ink)} .wfoot{display:flex; gap:20px; justify-content:center; margin-top:20px} .wlink{background:none; border:0; padding:6px 2px; cursor:pointer; color:var(--mute); font-family:"Archivo",sans-serif; font-size:13px; text-decoration:underline; text-underline-offset:3px; text-decoration-color:var(--line2)} .wlink:hover{color:var(--ink)} @media (max-width:520px){ .wfinal h1{font-size:26px} .wprevrow b{width:64px; font-size:11.5px} } .wprev{border:1px solid var(--line); border-radius:14px; background:var(--surf); overflow:hidden} .wprevrow{display:flex; align-items:baseline; gap:11px; padding:11px 14px; border-bottom:1px solid var(--line)} .wprevrow:last-child{border-bottom:0} .wprevrow b{flex:none; min-width:108px; font-family:"Archivo",sans-serif; font-size:12px; color:var(--mute); font-weight:600} .wpt{flex:1; min-width:0; font-size:15px; color:var(--ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .wprevrow i{flex:none; font-style:normal; font-size:12.5px; color:var(--mute); max-width:38%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .wprevmore{padding:10px 14px; font-family:"Archivo",sans-serif; font-size:12px; color:var(--faint); background:var(--sink)} @media (max-width:440px){ .bar{gap:8px; padding-left:16px; padding-right:16px; padding-top:5px; padding-bottom:5px} .acctbtn{height:40px} .bar{flex-wrap:wrap; row-gap:8px} .bar > .mark{flex:0 0 auto} .cityswitch{display:none} .mark{--tile:15px} @media (max-width:359px){ .mark{--tile:13px} .mrow i{font-size:9px} .bar{gap:6px} } .mrow i{font-size:10.5px} .mrow i.gap{width:5px} .acctbtn{padding:0 10px; font-size:12px} .cb{padding:7px 10px; font-size:13px; gap:5px} .cbar{gap:6px; padding-left:12px; padding-right:12px} .cbstar .cblab{display:none} .cbreset .cblab{display:none} .cbreset{font-size:11.5px} .lchips{flex-wrap:nowrap; overflow-x:auto; justify-content:flex-start; gap:6px; margin:0 0 20px; padding:2px 0; scrollbar-width:none; -webkit-overflow-scrolling:touch} .lchips::-webkit-scrollbar{display:none} .lchip{flex:none; padding:8px 12px; font-size:13px} } @media (max-width:560px){ .wprevrow{flex-wrap:wrap; gap:2px 10px} .wprevrow b{min-width:0} .wprevrow i{max-width:100%; width:100%} } .dsec p{margin:0; font-size:14.5px; color:var(--ink2); line-height:1.55} .dfold summary{display:flex; align-items:center; gap:8px; cursor:pointer; list-style:none; margin:-15px -4px 0; padding:15px 4px 0; border-radius:8px; -webkit-tap-highlight-color:transparent} .dfold summary::-webkit-details-marker{display:none} .dfold summary h4{margin:0; flex:1; min-width:0} .dcount{font-family:"Archivo",sans-serif; font-size:10.5px; color:var(--mute); background:var(--sink); border:1px solid var(--line2); border-radius:999px; padding:1px 7px} .dfold summary::after{content:""; width:7px; height:7px; flex:none; margin-left:2px; border-right:1.6px solid var(--mute); border-bottom:1.6px solid var(--mute); transform:rotate(45deg) translate(-2px,-2px); transition:transform .16s ease} .dfold[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)} .dfold summary:hover h4, .dfold summary:hover .dcount{color:var(--ink2)} .dfold .mini{margin-top:11px} .gal{display:grid; grid-template-columns:repeat(3,1fr); gap:7px} .gal div{aspect-ratio:1; border-radius:8px; background:var(--sink); border:1px dashed var(--line2); display:flex; align-items:center; justify-content:center; font-family:"Archivo",sans-serif; font-size:9.5px; color:var(--faint); text-align:center; letter-spacing:.06em; padding:6px; line-height:1.4} .dacts{display:flex; flex-direction:column; gap:9px} .dacts a,.dacts button{display:block; text-align:center; border-radius:9px; padding:12px; font-weight:700; font-size:15px; text-decoration:none; font-family:"Archivo",sans-serif} .dacts .prim{background:var(--amber); color:var(--chip-on-ink)} .dacts .sec{border:1px solid var(--line2); color:var(--ink)} .cal{background:var(--surf); border:1px solid var(--line); border-radius:14px; padding:12px 4px 10px 12px; margin-bottom:14px} .calhead{display:flex; align-items:baseline; justify-content:space-between; margin:0 10px 10px 2px} .calhead b{font-family:"Archivo",sans-serif; font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--ink2)} .calhead span{font-size:11.5px; color:var(--mute)} .calscroll{overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:thin; padding-top:9px; padding-bottom:11px} .calgrid{display:grid; grid-template-columns:38px repeat(7, minmax(104px, 1fr)); min-width:min-content} .calcorner{position:sticky; left:0; z-index:3; background:var(--surf)} .caldh{text-align:center; padding:0 0 7px; font-family:"Archivo",sans-serif; line-height:1.15} .caldh i{display:block; font-style:normal; font-size:9.5px; font-weight:600; letter-spacing:.11em; text-transform:uppercase; color:var(--mute)} .caldh b{font-size:15px; font-weight:700; color:var(--ink2); font-variant-numeric:tabular-nums} .caldh.on i, .caldh.on b{color:var(--amber)} .calgut{position:sticky; left:0; z-index:2; background:var(--surf); position:relative} .calgut i{position:absolute; right:7px; font-style:normal; font-size:9.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--faint); transform:translateY(-50%); white-space:nowrap} .calcol{position:relative; border-left:1px solid var(--line); background:repeating-linear-gradient(to bottom, var(--line) 0 1px, transparent 1px var(--hr))} .calcol.on{background-color:color-mix(in srgb, var(--amber) 6%, transparent)} .calev{position:absolute; overflow:hidden; border-radius:6px; border:0; cursor:pointer; padding:4px 5px; text-align:left; color:var(--surf); background:var(--cc); box-shadow:0 0 0 1.5px var(--surf), inset 0 1px 0 rgba(255,255,255,.22)} .calev b{display:block; font-family:"Archivo",sans-serif; font-size:9.5px; font-weight:700; letter-spacing:.04em; opacity:.85; line-height:1.2} .calev span{display:block; font-family:"Archivo",sans-serif; font-size:11.5px; font-weight:600; line-height:1.2; margin-top:1px} .calev:hover{filter:brightness(1.08)} .calnow{position:absolute; left:0; right:0; height:2px; background:var(--amber); z-index:2; pointer-events:none} .calnow::before{content:""; position:absolute; left:-3px; top:-2px; width:6px; height:6px; border-radius:50%; background:var(--amber)} .callater{margin:9px 0 0 40px; font-size:11.5px; color:var(--mute)} .sitefoot{max-width:640px; margin:28px auto 0; padding:22px 16px 10px; text-align:center; border-top:1px solid var(--line)} .footcities{display:flex; flex-wrap:wrap; justify-content:center; gap:6px 18px; margin-bottom:12px} .footcities a{color:var(--ink2); font-size:13px; text-decoration:none; font-weight:500} .footcities a:hover, .footcities a:focus-visible{color:var(--ink); text-decoration:underline} .footcities a[aria-current="page"]{color:var(--faint); font-weight:400; pointer-events:none} .footlinks{display:flex; flex-wrap:wrap; justify-content:center; gap:6px 20px} .footig::before{content:"\2197"; font-size:.85em; opacity:.6; margin-right:3px} .footlinks a{color:var(--mute); font-size:13px; text-decoration:none} .footlinks a:hover, .footlinks a:focus-visible{color:var(--ink); text-decoration:underline} .footnote{margin:11px 0 0; color:var(--faint); font-size:12px} nav{position:fixed; bottom:0; left:0; right:0; z-index:50; background:var(--surf); border-top:1px solid var(--line); display:flex; padding:7px 0 max(7px, env(safe-area-inset-bottom))} nav button{flex:1; display:flex; flex-direction:column; align-items:center; gap:4px; padding:6px 4px 4px; color:var(--ink2); font-family:"Archivo",sans-serif; font-size:11px; letter-spacing:.06em; font-weight:600; text-transform:uppercase; position:relative; background:none; border:0; cursor:pointer; -webkit-tap-highlight-color:transparent} nav button .navico{display:flex; align-items:center; justify-content:center; width:46px; height:30px; border-radius:999px; transition:background .18s ease, transform .18s ease} nav button .navico i{font-style:normal; font-size:20px; line-height:1; font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif; filter:grayscale(1); opacity:.85; transition:filter .18s ease, opacity .18s ease} nav button[aria-current="page"] .navico i{filter:none; opacity:1} nav button svg{width:21px; height:21px; stroke:currentColor; fill:none; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; transition:transform .18s ease} nav button:hover{color:var(--ink2)} nav button:hover .navico{background:var(--raise)} nav button[aria-current="page"]{color:var(--amber)} nav button[aria-current="page"] .navico{background:color-mix(in srgb, var(--amber) 15%, transparent)} nav button[aria-current="page"] svg{transform:translateY(-1px) scale(1.06)} nav button[aria-current="page"]::before{content:""; position:absolute; top:-7px; left:50%; transform:translateX(-50%); width:26px; height:2.5px; border-radius:0 0 3px 3px; background:var(--amber)} nav .count{position:absolute; top:2px; left:50%; margin-left:6px; background:var(--amber); color:var(--chip-on-ink); font-size:9px; font-weight:700; border-radius:100px; padding:1px 5px; font-family:"Archivo",sans-serif} .preview{background:var(--sink); border-bottom:1px solid var(--line); font-family:"Archivo",sans-serif; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--mute); text-align:center; padding:8px 16px} .preview b{color:var(--c-arts); font-weight:700} .em{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif; font-style:normal; line-height:1; display:block} .ico{width:34px; flex:none; display:flex; align-items:flex-start; justify-content:center; padding-top:2px} .ico .em{font-size:27px} .cmain{display:flex; gap:11px; align-items:center; min-width:0} .cbody{flex:1; min-width:0; display:flex; flex-direction:column; gap:5px} .cem{display:inline-flex; align-items:center; justify-content:center; flex:none; padding:5px 6px; line-height:1; pointer-events:none} .cem .em{font-size:16px} .dico{display:flex; margin-bottom:12px} .dico .em{font-size:42px} .dimg{width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:14px; margin:0 0 16px; background:var(--sink); display:block} .tag.dur{font-variant-numeric:tabular-nums} .welcome{padding:26px 4px 40px; max-width:640px} .welcome h1{font-family:"Archivo",sans-serif; font-size:27px; font-weight:800; letter-spacing:-.01em; margin:0 0 8px} .wsub{font-family:"Source Serif 4",Georgia,serif; font-size:15.5px; line-height:1.5; color:var(--ink2); margin:0 0 22px} .wgrid{display:grid; grid-template-columns:repeat(auto-fit,minmax(148px,1fr)); gap:8px} .wtile{background:var(--surf); padding:18px 14px; display:flex; flex-direction:column; gap:5px; align-items:flex-start; text-align:left; border:1px solid var(--line); border-left:3px solid var(--line2); border-radius:3px} .wtile[aria-pressed="true"]{background:var(--raise); border-left-color:var(--cc)} .wtile .wem{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif; font-size:26px; line-height:1; margin-bottom:2px} .wtile b{font-family:"Archivo",sans-serif; font-size:15px; font-weight:700; color:var(--ink)} .wtile span:last-child{font-size:12.5px; color:var(--mute); font-variant-numeric:tabular-nums} .wrow{margin:0 0 20px} .wrow h3{font-family:"Archivo",sans-serif; font-size:12px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--mute); margin:0 0 9px} .wchips{display:flex; flex-wrap:wrap; gap:7px} .wbtns{display:flex; gap:9px; flex-wrap:wrap; margin-top:26px} .wbtns .prim,.wbtns .sec{border-radius:9px; padding:13px 20px; font-family:"Archivo",sans-serif; font-size:15px; font-weight:600} .wbtns .prim{background:var(--amber); color:var(--chip-on-ink)} .wbtns .sec{border:1px solid var(--line2); color:var(--ink)} .wbtns .prim[disabled]{opacity:.4} .kindline{font-family:"Archivo",sans-serif; font-size:13px; font-weight:600; color:var(--cc); letter-spacing:.01em; margin:0 0 8px} .nodesc{color:var(--mute); font-style:italic} .srcline{font-size:11.5px; color:var(--faint); letter-spacing:.04em; margin-top:26px; padding-top:16px; border-top:1px solid var(--line)} .srcline a{color:var(--mute)} .saved{background:var(--surf); border:1px dashed var(--line2); border-radius:11px; padding:13px 14px; display:flex; flex-direction:column; gap:6px; width:100%; text-align:left} .saved .st{font-family:"Archivo",sans-serif; font-weight:600; font-size:16px; letter-spacing:-.012em} .saved .sm{font-size:13px; color:var(--mute)} .saved a{font-size:13px; word-break:break-all} .savebtn{width:100%; border:1px solid var(--amber); color:var(--amber); border-radius:10px; padding:13px; font-weight:700; font-size:15px; font-family:"Archivo",sans-serif; margin:4px 0 2px} .field{display:flex; flex-direction:column; gap:6px; margin-bottom:14px} .field label{font-size:10.5px; letter-spacing:.13em; text-transform:uppercase; color:var(--mute); font-weight:600} .field input{background:var(--surf); border:1px solid var(--line2); border-radius:8px; padding:10px 12px; font-size:15px; color:var(--ink); font-family:inherit; width:100%} .daystrip{display:flex; gap:3px; overflow-x:auto; padding:2px 16px 12px; scrollbar-width:none; max-width:1060px; margin:0 auto} .daystrip::-webkit-scrollbar{display:none} .daycard{flex:none; width:74px; background:var(--surf); border:none; border-radius:2px; padding:9px 9px 8px; text-align:left; display:flex; flex-direction:column; gap:1px; line-height:1.1; box-shadow:inset 0 0 0 1px var(--line)} .daycard .mo{font-size:9.5px; letter-spacing:.13em; text-transform:uppercase; color:var(--mute)} .daycard .dnum{font-family:"Archivo",sans-serif; font-weight:800; font-size:27px; letter-spacing:-.045em; font-variant-numeric:tabular-nums; color:var(--amber)} .daycard .wd{font-size:9.5px; letter-spacing:.11em; text-transform:uppercase; color:var(--mute)} .daycard .ct{font-size:10.5px; color:var(--faint); margin-top:4px; font-variant-numeric:tabular-nums} .daycard[aria-pressed="true"]{background:var(--amber); box-shadow:none} .daycard[aria-pressed="true"] .dnum{color:var(--chip-on-ink)} .daycard[aria-pressed="true"] .mo,.daycard[aria-pressed="true"] .wd,.daycard[aria-pressed="true"] .ct{color:var(--chip-on-ink); opacity:.8} .daycard.off{opacity:.42} .plgrid{display:grid; grid-template-columns:repeat(auto-fill,minmax(224px,1fr)); gap:10px; padding:0; border-radius:3px} .pl{background:var(--surf); border:1px solid var(--line); border-radius:3px; padding:13px 14px; display:flex; flex-direction:column; gap:5px; width:100%; text-align:left} .pl .pt{display:flex; align-items:baseline; gap:9px} .pl .nm{font-family:"Archivo",sans-serif; font-weight:600; font-size:16px; letter-spacing:-.012em} .pl .lb{font-family:"Archivo",sans-serif; font-size:9px; letter-spacing:.14em; font-weight:700; text-transform:uppercase; color:var(--mute); margin-left:auto; white-space:nowrap; border-radius:2px; padding:4px 8px; background:var(--surf); box-shadow:inset 0 0 0 1px var(--grout-line)} .pl .ad{font-size:13px; color:var(--ink2)} .pl .hd{color:var(--mute)} .pl .row2{display:flex; align-items:center; gap:8px; margin-top:2px; flex-wrap:wrap} .pl a{font-size:12.5px; color:var(--ink2); text-decoration:none; border-bottom:1px solid var(--line2)} .pl a:hover{color:var(--ink); border-bottom-color:currentColor} .chip.mood{padding:6px 11px 6px 12px; font-weight:600} .chip.mood .mc{font-size:11px; font-weight:600; opacity:.6; margin-left:2px; font-variant-numeric:tabular-nums} .chip.mood[aria-pressed="true"] .mc{opacity:.75} .fgrp{margin-bottom:16px} .fgrp h4{font-family:"Archivo",sans-serif; font-size:10.5px; letter-spacing:.13em; text-transform:uppercase; color:var(--mute); margin:0 0 8px; font-weight:500} .fgrp p{font-size:12px; color:var(--mute); margin:7px 0 0; line-height:1.45} .fopts{display:flex; flex-wrap:wrap; gap:6px} .fopt{display:inline-flex; align-items:center; gap:6px; padding:7px 12px; border-radius:999px; border:1px solid var(--line2); background:var(--surf); color:var(--ink2); font-family:"Archivo",sans-serif; font-size:13px; cursor:pointer; line-height:1.2; -webkit-tap-highlight-color:transparent; transition:background .12s ease, border-color .12s ease} .fopt i{font-style:normal; font-size:11px; color:var(--faint)} .fopt:hover{background:var(--raise); border-color:var(--line)} .fopt[aria-pressed="true"]{background:var(--ink); border-color:var(--ink); color:var(--surf); font-weight:500} .fopt[aria-pressed="true"] i{color:var(--surf); opacity:.65} .fopt.wide{width:100%; justify-content:flex-start} .shapegrp{margin-bottom:22px} .shapegrp h4{font-family:"Archivo",sans-serif; font-size:10.5px; letter-spacing:.13em; text-transform:uppercase; color:var(--mute); margin:0 0 9px; font-weight:600} .shapegrp p{font-size:12.5px; color:var(--mute); margin:8px 0 0} .srow{display:grid; grid-template-columns:minmax(0,1fr) auto 22px; align-items:center; gap:8px; width:100%; padding:10px 4px; border-bottom:1px solid var(--line); color:var(--ink); font-size:15px; line-height:1.3; text-align:left; -webkit-tap-highlight-color:transparent} .srow:last-child{border-bottom:0} .srow:hover{background:var(--raise)} .srow > span:first-child{min-width:0; overflow-wrap:anywhere} .srow .mc{justify-self:end; color:var(--mute); font-size:12px; font-weight:600; font-variant-numeric:tabular-nums} .srow .tick{width:22px; text-align:center; font-weight:700; color:var(--ink)} .srow.on > span:first-child{font-weight:600} @media(prefers-reduced-motion:reduce){ *{transition:none !important} } .dd{flex:none; border:1px solid var(--line2); border-radius:100px; padding:7px 12px 7px 14px; font-size:13.5px; font-weight:600; color:var(--ink2); white-space:nowrap; background:var(--surf); display:flex; align-items:center; gap:7px} .dd .cv{display:flex; gap:3px} .dd .cv i{width:8px; height:8px; border-radius:2px; display:block} .dd svg{width:11px; height:11px; stroke:currentColor; fill:none; stroke-width:2.2; opacity:.55} .dd[data-on="1"]{background:var(--amber); border-color:var(--amber); color:var(--chip-on-ink)} .dd[data-on="1"] svg{opacity:.8} .optrow{display:flex; align-items:center; gap:12px; padding:12px 4px; width:100%; border-bottom:1px solid var(--line); font-size:15.5px; color:var(--ink); text-align:left} .optrow:last-child{border-bottom:none} .cbx{width:21px; height:21px; border:1.5px solid var(--line2); border-radius:5px; flex:none; display:flex; align-items:center; justify-content:center; color:transparent; font-size:13px; font-weight:800} .optrow[aria-pressed="true"] .cbx{background:var(--amber); border-color:var(--amber); color:var(--chip-on-ink)} .cbx.rad{border-radius:50%} .optrow .sw2{width:9px; height:9px; border-radius:2px; flex:none} .optrow .ct{margin-left:auto; font-size:13px; color:var(--mute); font-variant-numeric:tabular-nums} .quick{display:flex; gap:8px; margin-bottom:6px} .quick button{border:1px solid var(--line2); border-radius:7px; padding:6px 12px; font-size:13px; font-weight:600; color:var(--ink2)} .facts{display:grid; grid-template-columns:repeat(auto-fit,minmax(104px,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); margin:0 0 18px} .facts div{background:var(--surf); padding:11px 13px} .facts dt{font-size:9.5px; letter-spacing:.13em; text-transform:uppercase; color:var(--mute); margin:0 0 5px} .facts dd{margin:0; font-size:15px; font-weight:600; font-variant-numeric:tabular-nums} .lineup{display:flex; flex-direction:column; gap:7px} .lineup div{display:flex; align-items:baseline; gap:10px; font-size:15px} .lineup span{font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--mute); width:52px; flex:none} .mini{display:flex; flex-direction:column; gap:2px} .mini button{display:flex; align-items:baseline; gap:10px; width:100%; text-align:left; padding:9px 0; border-bottom:1px solid var(--line); font-size:14px; color:var(--ink)} .mini button:last-child{border-bottom:none} .mini b{font-size:12px; font-weight:600; color:var(--mute); width:78px; flex:none; font-variant-numeric:tabular-nums} .mini i{font-style:normal; margin-left:auto; font-size:12px; color:var(--mute); white-space:nowrap} .pl.tinted{border-left:3px solid var(--pc)} .optpair{display:flex; align-items:stretch; gap:0} .optpair .optrow{flex:1 1 auto; min-width:0} .optpair.ishid .optrow{opacity:.4} .opthide{flex:0 0 auto; align-self:center; background:none; border:1px solid var(--line2); color:var(--mute); font-family:"Archivo",sans-serif; font-size:11px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; padding:5px 9px; border-radius:100px; cursor:pointer; margin-left:8px} .opthide:hover{border-color:var(--ink2); color:var(--ink2)} .optpair.ishid .opthide{background:var(--ink); border-color:var(--ink); color:var(--bg)} .pl .lb i{font-style:normal; font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif; font-size:11px; letter-spacing:0; margin-right:5px; vertical-align:-.05em} .pl .nm{background:none; border:none; padding:0; text-align:left; cursor:pointer; color:inherit} .vlink{background:none; border:none; padding:0; font:inherit; font-weight:700; color:inherit; cursor:pointer; text-align:left; text-decoration:underline; text-underline-offset:3px; text-decoration-color:var(--line2)} .vlink:hover{text-decoration-color:currentColor} .pl .nm:hover{text-decoration:underline; text-underline-offset:3px} .pl .plnext{margin-top:8px; border-top:1px solid var(--line); padding-top:4px} .fswitch{display:flex; gap:6px; padding:12px 16px 2px; max-width:1060px; margin:0 auto; flex-wrap:wrap} .wtile .winc{font-size:11.5px; color:var(--mute); line-height:1.35; margin-top:1px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden} .mini .rdot{width:7px; height:7px; border-radius:50%; background:var(--rc,var(--mute)); flex:none; align-self:center} .mini b{width:58px} .addr{font-size:14px; color:var(--ink2); line-height:1.5; margin:0 0 10px}