@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/PlusJakartaSans.woff2) format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:italic;font-weight:200 800;font-display:swap;src:url(/fonts/PlusJakartaSans-Italic.woff2) format("woff2")}@font-face{font-family:Bricolage Grotesque;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(/fonts/BricolageGrotesque.woff2) format("woff2")}:root{--bg-primary: #e8eaeb;--bg-secondary: #ffffff;--bg-inverse: #0a0f14;--bg-light: #f0f2f3;--bg-dark: #17181a;--bg-subtle: #f7f8f9;--text-primary: #0a0f14;--text-secondary: #4a6a80;--text-tertiary: #7a9ab0;--text-inverse: #eff4f8;--text-disabled: #a0b8c8;--border-disabled: #d8dce0;--divider-medium: #c0d0dc;--divider-dark: #8faec4;--accent: #08c3df;--pink: #e573dd;--heading: "Bricolage Grotesque", Arial, sans-serif;--body: "Plus Jakarta Sans", Arial, sans-serif;--condensed: "opsz" 56, "wdth" 75;--dock: 143px}*{-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg-inverse);color:var(--text-primary);font-family:var(--body);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}.app{position:relative;display:flex;flex-direction:column;height:100dvh;max-width:430px;margin:0 auto;overflow:hidden;background:var(--bg-primary)}.header{flex:none;background:var(--bg-inverse)}.header-row{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 18px}.brand{position:relative;width:64px;height:33px}.brand img{display:block;width:64px;height:33px;object-fit:contain}.hamburger{position:absolute;top:20px;left:51px;display:grid;place-items:center;box-sizing:border-box;width:16px;height:16px;background:var(--bg-inverse);border:1px solid var(--text-inverse);border-radius:3px}.header-badges{display:flex}.city-badge,.profile-badge{display:grid;place-items:center;box-sizing:border-box;width:33px;height:33px;border:1px solid var(--text-inverse);color:var(--text-inverse);font-family:var(--heading);font-weight:800;font-variation-settings:var(--condensed);text-transform:uppercase}.city-badge{margin-right:-1px;border-radius:3px 0 0 3px}.city-badge span{font-size:15px;line-height:1;transform:rotate(-90deg)}.profile-badge{border-radius:0 3px 3px 0;font-size:19px;line-height:27px;letter-spacing:-.14px}.tabs{display:flex;height:37px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar,.list::-webkit-scrollbar,.pills::-webkit-scrollbar,.scroller-viewport::-webkit-scrollbar,.sheet-facts>div::-webkit-scrollbar{display:none}.tab{display:grid;flex:none;place-items:center;width:52px}.tab img{width:16px;height:16px}.tab-home{display:flex;align-items:center;gap:3px;width:auto;padding:0 12px;background:var(--bg-primary);clip-path:polygon(6px 0%,calc(100% - 6px) 0%,100% 100%,0% 100%);font-size:14px;line-height:21px}.list{display:flex;flex:1;flex-direction:column;gap:18px;min-height:0;padding:0 18px 167px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.turn{display:flex;flex-direction:column;flex:none;gap:18px;margin-top:12px;scroll-margin-top:12px}.turn:last-child{min-height:100%}.user-row{display:flex;align-items:flex-start;align-self:flex-end;justify-content:flex-end;gap:3px;max-width:100%}.user-bubble{margin:0;padding:6px 9px;background:var(--bg-secondary);border-radius:3px;font-size:14px;line-height:21px;letter-spacing:.14px;white-space:pre-wrap;overflow-wrap:anywhere}.user-badge{display:grid;flex:none;place-items:center;box-sizing:border-box;width:27px;height:27px;background:var(--text-inverse);border:1px solid var(--text-primary);border-radius:3px;color:#161617;font:800 15px/22px var(--heading);font-variation-settings:var(--condensed);letter-spacing:-.14px}.bot{display:flex;flex-direction:column;gap:9px;width:100%}.bot-text{width:fit-content;max-width:100%;margin:0;padding-bottom:4px;background:linear-gradient(var(--accent),var(--accent)) 0 100% / 100% 3px no-repeat;font-size:14px;font-weight:700;line-height:22px}.bot-text.intro{font-style:italic}.thinking{display:flex;align-items:center;gap:9px;min-height:27px}.thinking img,.idle{width:27px;height:27px}.thinking span{font-size:12px;font-style:italic;line-height:21px;letter-spacing:.14px;animation:fade-in .25s ease}.idle{margin-top:-12px}.scroller{display:flex;flex-direction:column;gap:6px;width:100%}.scroller-controls{display:flex;align-items:center;justify-content:flex-end;gap:6px}.scroller-controls button{display:grid;place-items:center;box-sizing:border-box;width:21px;height:21px;padding:3px;background:var(--bg-subtle);border:1px solid var(--divider-medium);border-radius:3px;cursor:pointer}.scroller-controls button:disabled{color:var(--text-disabled);cursor:default}.scroller-track{position:relative;width:54px;height:9px;overflow:hidden;background:var(--bg-light);border-radius:3px}.scroller-track i{position:absolute;top:2px;width:12px;height:5px;background:var(--bg-dark);border-radius:3px;transition:left .2s ease}@media (hover: none){.scroller-controls{display:none}}.scroller-viewport{display:flex;gap:18px;padding:0 6px 6px 0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.scroller-slot{flex:none;width:250px;height:350px;border-radius:6px;scroll-snap-align:start;transition:box-shadow .2s ease}.scroller-slot.active{box-shadow:4px 4px #000}.scroller-active{display:flex;flex-direction:column;gap:3px;min-height:48px}.scroller-caveat,.sheet-caveat{color:var(--text-secondary);font-size:12px;line-height:18px;letter-spacing:.14px}.scroller-caveat b,.sheet-caveat b{color:var(--text-primary);font-weight:800}.sheet-caveat{padding-right:36px}.scroller-active p{margin:0;font-size:16px;font-weight:700;line-height:24px;letter-spacing:.14px}.scroller-active i{display:block;flex:none;height:3px;background:var(--accent);transform:rotate(-.83deg);animation:underline-sweep 1.1s ease-in-out forwards}.card{position:relative;box-sizing:border-box;width:250px;height:350px;overflow:hidden;background:var(--bg-secondary);border:1px solid var(--text-primary);border-radius:6px;cursor:pointer}.card-title{position:absolute;top:12px;left:11px;width:150px;height:96px;overflow:hidden}.card-title h3{margin:0;font:800 25px/24px var(--heading);font-variation-settings:var(--condensed);letter-spacing:.1307px;text-transform:uppercase;overflow-wrap:anywhere}.card-title h3.small{display:-webkit-box;overflow:hidden;font-size:19px;line-height:19px;-webkit-box-orient:vertical;-webkit-line-clamp:5}.card-venue{position:absolute;top:109px;left:11px;width:226px;margin:0;overflow:hidden;font-size:10px;line-height:21px;letter-spacing:.22px;text-overflow:ellipsis;white-space:nowrap}.card-art{position:absolute;top:133px;left:11px;box-sizing:border-box;width:204px;height:204px;overflow:hidden;background:var(--bg-dark);border:2px solid var(--text-primary);border-radius:3px 0 3px 3px}.card-art>img,.card-art-missing{display:block;width:100%;height:100%;object-fit:cover}.card-art-missing{background:repeating-linear-gradient(135deg,#17181a 0,#17181a 12px,#20242a 12px,#20242a 24px)}.card-art-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.card-fit{position:absolute;top:0;left:0;padding:3px 7px 3px 6px;background:var(--bg-secondary);border-right:2px solid var(--text-primary);border-bottom:2px solid var(--text-primary);border-radius:0 0 3px;color:var(--text-primary);font-size:10px;font-weight:800;line-height:14px;letter-spacing:.3px;text-transform:uppercase}.card-social{position:absolute;top:76px;left:87px;width:48px;height:48px}.card-social img{width:48px;height:48px}.card-curator{position:absolute;bottom:0;left:0;max-width:200px;padding:3px;overflow:hidden;background:#0d0d0d1a;border-radius:1px;color:var(--text-inverse);font-size:9px;line-height:14.15px;letter-spacing:.2053px;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(10.2px);backdrop-filter:blur(10.2px)}.card-side{position:absolute;top:133px;left:215px;width:22px;height:204px}.card-category{position:absolute;top:0;left:0;max-width:204px;padding:2.962px 8.885px;overflow:hidden;background:var(--text-primary);border:.494px solid var(--text-primary);border-radius:3px 3px 0 0;color:var(--text-inverse);font-size:12.947px;font-weight:700;line-height:16.184px;letter-spacing:.2374px;text-overflow:ellipsis;white-space:nowrap;transform:rotate(90deg) translateY(-100%);transform-origin:top left}.card-date{position:absolute;top:-1px;right:10px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;box-sizing:border-box;width:48px;height:84px;padding:12px 0 6px;background:var(--bg-dark);border-radius:0 0 1px 1px;color:var(--text-inverse);font-family:var(--heading);font-weight:800;font-variation-settings:var(--condensed);text-align:center;text-transform:uppercase}.card-day{font-size:33px;line-height:22px}.card-month{font-size:19px;line-height:13px}.dock{position:absolute;right:0;bottom:0;left:0;padding:0 18px 12px;background:var(--bg-primary)}.dock:before{position:absolute;top:-32px;right:0;left:0;height:32px;background:linear-gradient(rgba(232,234,235,0),var(--bg-primary));content:"";pointer-events:none}.pills{display:flex;gap:9px;min-height:34px;margin:0 -18px 9px;padding:0 18px;overflow-x:auto;scrollbar-width:none}.pill{flex:none;box-sizing:border-box;height:34px;padding:6px 9px;background-color:var(--bg-light);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Crect width='100%25' height='100%25' fill='none' rx='3' ry='3' stroke='%230A0F14' stroke-width='0.5' stroke-dasharray='6 6'/%3E%3C/svg%3E");border:0;border-radius:3px;font-size:14px;line-height:22px;letter-spacing:.14px;white-space:nowrap;cursor:pointer}.input-row{display:flex;align-items:center;gap:6px}.field{position:relative;display:flex;flex:1;align-items:center;box-sizing:border-box;min-width:0;height:42px;padding:0 9px;overflow:hidden;background:var(--bg-light);border:1px solid var(--text-primary);border-radius:3px}.field input{flex:1;min-width:0;padding:0;background:transparent;border:0;outline:0;color:var(--text-primary);font:400 14px/21px var(--body);letter-spacing:.14px}.hint{position:absolute;top:0;right:9px;bottom:0;left:9px;display:flex;align-items:center;color:var(--text-tertiary);font-size:14px;line-height:21px;letter-spacing:.14px;white-space:nowrap;pointer-events:none;animation:slide-in .35s ease-in-out}.send{display:grid;flex:none;place-items:center;box-sizing:border-box;width:42px;height:42px;padding:0;background:var(--accent);border:1px solid var(--text-primary);border-radius:3px;box-shadow:1px 1px #000;cursor:pointer;transition:transform 60ms ease-out,box-shadow 60ms ease-out}.send:active{box-shadow:none;transform:translate(1px,1px)}.busy .field{border-color:var(--border-disabled)}.busy .hint,.send:disabled{color:var(--text-disabled)}.send:disabled{background:transparent;border-color:var(--border-disabled);box-shadow:none;cursor:not-allowed;transform:none}.note{margin:12px 0 0;overflow:hidden;color:var(--text-secondary);font-size:10px;line-height:15px;letter-spacing:.22px;text-align:center;text-overflow:ellipsis;white-space:nowrap;animation:fade-in .4s ease}.unofficial{display:flex;align-items:center;justify-content:center;gap:8px;margin:4px 0 0;color:var(--text-secondary);font-size:10px;line-height:15px;letter-spacing:.22px;white-space:nowrap}.reset{flex:none;margin:-8px -6px;padding:8px 6px;border:0;background:none;color:var(--text-secondary);font-size:10px;font-weight:600;line-height:15px;letter-spacing:.22px;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.reset.sure{color:var(--text-primary)}.reset:disabled{opacity:.5;cursor:not-allowed}.to-bottom{position:absolute;bottom:calc(var(--dock) + 9px);left:50%;display:grid;place-items:center;box-sizing:border-box;width:33px;height:33px;padding:0;background:var(--bg-primary);border:1px solid var(--divider-dark);border-radius:3px;box-shadow:1px 1px #000;cursor:pointer;transform:translate(-50%)}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;justify-content:flex-end;background:#121212e6;animation:backdrop-in .3s ease-out}.sheet-backdrop.closing{animation:backdrop-out .25s ease-in forwards}.sheet{position:relative;display:flex;flex-direction:column;height:calc(100% - 84px);background:var(--bg-primary);border-top:1px solid var(--text-primary);border-radius:6px 6px 0 0;box-shadow:0 -4px #000;animation:panel-up .3s ease-out}.closing .sheet{animation:panel-down .25s ease-in forwards}.sheet-close{position:absolute;top:-51px;left:50%;display:grid;place-items:center;box-sizing:border-box;width:33px;height:33px;padding:0;background:var(--bg-inverse);border:1px solid #0f0f10;border-radius:3px;box-shadow:2px 2px #000;cursor:pointer;transform:translate(-50%)}.sheet-head{display:flex;flex:none;flex-direction:column;gap:6px;padding:18px;background:var(--bg-subtle);border-radius:6px 6px 0 0}.sheet-head p{margin:0;padding-right:36px;font-size:14px;font-weight:700;line-height:22px}.sheet-progress{display:block;height:2px;background:var(--bg-primary)}.sheet-progress i{display:block;width:90%;height:2px;background:var(--accent);transform-origin:left;animation:progress 1.2s ease-out both}.sheet-head img{width:36px;height:36px}.sheet-body{display:flex;flex:1;flex-direction:column;gap:24px;min-height:0;padding-bottom:24px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.sheet-hero{position:relative;flex:none;height:260px;background:var(--bg-dark)}.sheet-hero>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.sheet-hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#0000 40%,#0a0f14e6),#0d0d0d1a}.sheet-hero-text{position:absolute;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:18px;padding:18px;color:var(--text-inverse)}.sheet-hero-text h2{margin:0;font:800 33px/42px var(--heading);font-variation-settings:var(--condensed);letter-spacing:.14px;text-transform:uppercase}.sheet-hero-text div{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:700;line-height:16px;letter-spacing:.22px}.sheet-about{display:flex;flex:none;flex-direction:column;gap:24px;padding:0 18px}.sheet-labels{display:flex;flex-wrap:wrap;gap:6px}.sheet-labels span{padding:3px 9px;background:var(--bg-inverse);color:var(--text-inverse);font-size:12px;font-weight:700;line-height:15px;letter-spacing:.22px}.sheet-about p{display:-webkit-box;margin:0;overflow:hidden;font-size:16px;line-height:24px;letter-spacing:.14px;white-space:pre-line;-webkit-box-orient:vertical;-webkit-line-clamp:6}.sheet-about p.expanded{display:block}.sheet-band{flex:none;width:calc(100% + 48px);margin-left:-24px;padding:9px 0;overflow:hidden;background:var(--pink);transform:rotate(-4deg)}.sheet-band div{display:flex;width:max-content;animation:marquee 24s linear infinite}.sheet-band span{font:700 16px/24px var(--heading);font-variation-settings:var(--condensed);letter-spacing:.14px;white-space:pre}.sheet-facts{display:flex;flex:none;flex-direction:column;gap:18px}.sheet-facts h4{margin:0;padding:0 18px;font:800 19px/29.85px var(--heading);font-variation-settings:var(--condensed);text-transform:uppercase}.sheet-facts>div{display:flex;gap:9px;padding:0 18px;overflow-x:auto;scrollbar-width:none}.sheet-facts article{display:flex;flex:none;flex-direction:column;width:300px;height:264px;background:var(--bg-light)}.sheet-facts article p{display:flex;flex:1;align-items:center;margin:0;padding:0 12px;font-size:19px;font-weight:500;line-height:27px;letter-spacing:-.19px}.sheet-facts article img{display:block;width:300px;height:12px;object-fit:cover}.sheet-footer{flex:none;padding:18px;background:var(--accent)}.sheet-footer a{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:48px;background:var(--text-inverse);border:1px solid var(--text-primary);border-radius:3px;box-shadow:4px 4px #000;color:var(--text-primary);font-size:16px;font-weight:700;text-decoration:none}.sheet-footer a:active{box-shadow:none;transform:translate(2px,2px)}@keyframes underline-sweep{0%{clip-path:inset(0 100% 0 0);animation-timing-function:ease-in}50%{clip-path:inset(0 20% 0 0);animation-timing-function:ease-out}to{clip-path:inset(0 0 0 100%)}}@keyframes backdrop-in{0%{background-color:transparent}}@keyframes backdrop-out{to{background-color:transparent}}@keyframes panel-up{0%{transform:translateY(100%)}}@keyframes panel-down{to{transform:translateY(100%)}}@keyframes progress{0%{transform:scaleX(0)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes slide-in{0%{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}@media (prefers-reduced-motion: reduce){*,*:before{animation-duration:.01ms!important;scroll-behavior:auto!important}}
