:root {
--in-bg:      #F2EDE3;
--in-ink:     #0F0F0F;
--in-accent:  #C9F73F;
--in-surface: #FFFFFF;
--in-sheet:   #FAF7EE;
--in-mute:    rgba(15, 15, 15, 0.55);
--in-mute2:   rgba(15, 15, 15, 0.40);
--in-mute3:   rgba(15, 15, 15, 0.65);
--in-divider: rgba(15, 15, 15, 0.15);
--in-divider-dashed: rgba(15, 15, 15, 0.18);
--in-open:    #1A8A4A;
--in-closed:  #B43B3B;
--in-cat-eats:   #FF6B3D;
--in-cat-drinks: #C9F73F;
--in-cat-sights: #6BB7FF;
--in-cat-shops:  #FF4D8F;
--in-cat-events: #B07AFF;
--in-font-display: 'Instrument Serif', Georgia, serif;
--in-font-ui:      'Bricolage Grotesque', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}    .in-app {
position: relative;
width: 100%;
height: 100%;
min-height: 360px;
background: var(--in-bg);
overflow: hidden;
font-family: var(--in-font-ui);
color: var(--in-ink);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.in-app *, .in-app *::before, .in-app *::after { box-sizing: border-box; }
.in-app button { font-family: inherit; color: inherit; }
.in-app input { font-family: inherit; color: inherit; }
.in-spacer { flex: 1; } .in-app ::-webkit-scrollbar { display: none; }
.in-app * { scrollbar-width: none; } .in-map-stage {
position: absolute; inset: 0;
}
.in-map {
position: absolute; inset: 0;
}
.in-paper-grain {
position: absolute; inset: 0;
pointer-events: none;
background-image:
radial-gradient(circle at 1px 1px, rgba(0, 0, 0, 0.02) 0.5px, transparent 1px),
radial-gradient(circle at 2px 2px, rgba(0, 0, 0, 0.02) 0.5px, transparent 1px);
background-size: 3px 3px, 5px 5px;
mix-blend-mode: multiply;
opacity: 0.55;
z-index: 2;
} .in-nearby {
position: absolute;
top: 198px;
left: 16px;
z-index: 40;
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 12px;
background: var(--in-bg);
border: 1.5px solid var(--in-ink);
border-radius: 14px;
box-shadow: 2px 2px 0 var(--in-ink);
font-size: 12px; font-weight: 600;
color: var(--in-ink);
white-space: nowrap;
}
.in-nearby__dot {
width: 6px; height: 6px;
border-radius: 50%;
background: var(--in-accent);
animation: in-pulse 1.6s ease-in-out infinite;
}
.in-nearby__count { font-variant-numeric: tabular-nums; } .in-mapctl {
position: absolute;
top: 208px; right: 14px;
z-index: 45;
display: flex; flex-direction: column; gap: 8px;
transition: top 220ms ease;
}
.in-mapctl__btn {
width: 44px; height: 44px;
background: var(--in-surface);
color: var(--in-ink);
border: 1.5px solid var(--in-ink);
border-radius: 14px;
box-shadow: 2px 2px 0 var(--in-ink);
display: inline-flex; align-items: center; justify-content: center;
cursor: pointer;
padding: 0;
}
.in-mapctl__btn--first { border-top-left-radius: 14px; border-top-right-radius: 14px; }
.in-mapctl__btn--last  { border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; } .in-wordmark-pill {
position: absolute;
top: 78px; left: 16px;
z-index: 50;
padding: 8px 14px;
background: var(--in-bg);
border: 1.5px solid var(--in-ink);
border-radius: 999px;
box-shadow: 2px 2px 0 var(--in-ink);
font-family: var(--in-font-display);
font-style: italic;
font-size: 18px; color: var(--in-ink);
display: none;
} .in-app:fullscreen,
.in-app:-webkit-full-screen {
width: 100vw;
height: 100vh;
max-width: none;
max-height: none;
background: var(--in-bg);
}  .in-chrome {
position: absolute;
top: 0; left: 0; right: 0;
z-index: 50;
padding-top: 54px;
background: linear-gradient(180deg, var(--in-bg) 0%, var(--in-bg) 60%, transparent 100%);
pointer-events: none;
}
.in-chrome > * { pointer-events: auto; }
.in-chrome__row {
display: flex; align-items: center; gap: 10px;
padding: 0 16px;
}
.in-wordmark {
font-family: var(--in-font-display);
font-style: italic;
font-size: 28px; color: var(--in-ink);
letter-spacing: -0.02em;
line-height: 1;
}
.in-accent-dot {
color: var(--in-accent);
font-family: var(--in-font-ui);
font-style: normal;
font-weight: 700;
} .in-wordmark span.innsight-mode-header {
font-size: .5em;
color: #333;
background: var(--in-accent);
padding: 2px 15px 2px 3px;
}
.in-wordmark span.innsight-mode-header + .in-accent-dot {
margin-left: -13px;
color: #a3c540;
}
.in-profile {
width: 40px; height: 40px;
border-radius: 50%;
background: var(--in-ink);
color: var(--in-bg);
border: 0;
cursor: pointer;
font-family: var(--in-font-display);
font-style: italic;
font-size: 18px;
display: inline-flex; align-items: center; justify-content: center;
padding: 0;
}
.in-chrome__search { padding: 10px 16px 0; }
.in-search {
height: 44px;
border-radius: 999px;
background: var(--in-surface);
border: 1.5px solid var(--in-ink);
box-shadow: 2px 2px 0 var(--in-ink);
display: flex; align-items: center;
padding: 0 14px;
gap: 10px;
}
.in-search__icon { color: var(--in-ink); flex-shrink: 0; }
.in-search__input {
flex: 1;
border: 0; outline: none; background: transparent;
font-size: 14px; color: var(--in-ink);
min-width: 0;
}
.in-search__input::placeholder { color: var(--in-mute); }
.in-search__badge {
width: 28px; height: 28px;
border-radius: 50%;
background: var(--in-accent);
border: 1.5px solid var(--in-ink);
display: inline-flex; align-items: center; justify-content: center;
font-size: 11px; font-weight: 700; color: var(--in-ink);
flex-shrink: 0;
font-variant-numeric: tabular-nums;
} .in-chips {
display: flex; gap: 8px;
padding: 10px 16px 6px;
overflow-x: auto;
}
.in-chip {
flex-shrink: 0;
height: 34px;
padding: 0 14px;
border-radius: 999px;
background: var(--in-surface);
color: var(--in-ink);
border: 1.5px solid var(--in-ink);
box-shadow: 2px 2px 0 var(--in-ink);
font-family: var(--in-font-ui);
font-weight: 600; font-size: 13px;
cursor: pointer;
display: inline-flex; align-items: center; gap: 6px;
transition: transform 120ms, box-shadow 120ms, background 120ms, color 120ms;
}
.in-chip[aria-pressed="true"] {
background: var(--in-ink);
color: var(--in-bg);
box-shadow: none;
transform: translate(2px, 2px);
}
.in-chip__dot {
width: 8px; height: 8px;
border-radius: 50%;
border: 1px solid var(--in-ink);
flex-shrink: 0;
}
.in-chip[aria-pressed="true"] .in-chip__dot { border-color: var(--in-bg); }
.in-chips--small .in-chip {
height: 32px;
padding: 0 12px;
font-size: 12.5px;
}
.in-chips--small .in-chip__dot { width: 7px; height: 7px; }  .in-tabs {
position: absolute;
left: 12px; right: 12px;
bottom: 22px; z-index: 9999;
height: 58px;
border-radius: 999px;
background: var(--in-bg) !important;
border: 1.5px solid var(--in-ink);
box-shadow: 3px 3px 0 var(--in-ink);
display: flex; align-items: center;
padding: 4px; pointer-events: auto;
}
.in-tab {
flex: 1;
height: 50px;
border-radius: 999px;
position: relative;
background: transparent;
color: var(--in-mute);
border: 0;
cursor: pointer;
font-weight: 600; font-size: 14px;
transition: background 160ms, color 160ms;
display: inline-flex; align-items: center; justify-content: center;
}
.in-tab[aria-selected="true"] {
background: var(--in-ink) !important;
color: #ffffff !important;
}
.in-tab__underline {
position: absolute;
left: 50%; bottom: 8px;
transform: translateX(-50%);
width: 0; height: 3px;
border-radius: 99px;
background: var(--in-accent);
transition: width 160ms;
}
.in-tab[aria-selected="true"] .in-tab__underline { width: 18px; }  .innsight-pin-host {
cursor: pointer;
background: transparent;
will-change: transform;
z-index: 5;
} .innsight-base-host { z-index: 1 !important; }
.innsight-base-ring-host { z-index: 2 !important; } .in-pin {
position: relative;
width: 60px; height: 52px;
animation: in-pin-pop 0.55s cubic-bezier(.5, 1.6, .4, 1) both;
transform-origin: 50% 100%;
overflow: visible;
}
.in-pin__tag {
position: absolute;
top: 0; left: 0; right: 0;
height: 32px;
background: #fff;
border: 1.5px solid var(--in-ink);
border-radius: 8px;
box-shadow: 2px 3px 0 rgba(15, 15, 15, 0.85);
display: flex;
overflow: hidden;
transform: rotate(-3deg);
transform-origin: 50% 100%;
z-index: 3;
}
.in-pin__letter {
position: relative;
flex: 1 1 auto;
min-width: 30px;
background: var(--c, #FFB85C);
background-image: repeating-linear-gradient(135deg,
rgba(255, 255, 255, 0.22) 0 4px,
transparent 4px 8px);
display: flex; align-items: center; justify-content: center;
border-right: 1.5px solid var(--in-ink);
}
.in-pin__letter-glyph {
font-family: var(--in-font-display);
font-style: italic;
font-size: 18px;
color: #fff;
line-height: 1;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 0 1px rgba(0, 0, 0, 0.3);
}
.in-pin__icon {
flex: 0 0 24px;
background: #fff;
display: flex; align-items: center; justify-content: center;
color: var(--in-ink);
}
.in-pin__icon svg { display: block; } .in-pin__glyph {
font-size: 14px !important;
line-height: 1 !important;
color: var(--in-ink);
font-style: normal !important;
font-weight: normal !important;
letter-spacing: normal !important;
text-transform: none !important;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
.in-pin__glyph:after {
display: inline-block;
line-height: 1;
}
.in-pin__string {
position: absolute;
bottom: 6px; left: 50%;
width: 1.5px; height: 12px;
margin-left: -0.75px;
background: var(--in-ink);
opacity: 0.75;
z-index: 2;
}
.in-pin__hole {
position: absolute;
bottom: 0; left: 50%;
width: 8px; height: 8px;
margin-left: -4px;
border-radius: 50%;
background: #fff;
border: 1.5px solid var(--in-ink);
z-index: 3;
} .in-sheet-backdrop {
position: absolute; inset: 0;
background: rgba(15, 15, 15, 0.45);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px); z-index: 10000;
opacity: 0;
pointer-events: none;
transition: opacity 220ms ease;
}
.in-app.is-sheet-open .in-sheet-backdrop {
opacity: 1;
pointer-events: auto;
}
.in-sheet {
position: absolute;
left: 0; right: 0; bottom: 0;
z-index: 10001;
transform: translateY(110%);
transition: transform 280ms cubic-bezier(.32, .72, .2, 1);
will-change: transform;
}
.in-app.is-sheet-open .in-sheet { transform: translateY(0); }
.in-sheet__inner {
background: var(--in-sheet);
border-top-left-radius: 28px;
border-top-right-radius: 28px;
padding: 10px 16px 36px;
box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.18);
max-height: 78vh;
overflow-y: auto; overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
touch-action: pan-y;
transform: translateX(0);
transition: transform 280ms cubic-bezier(.32, .72, .2, 1), opacity 220ms;
}
.in-sheet__inner.is-hint {
animation: in-sheet-hint 1.6s cubic-bezier(.4, 0, .2, 1) both;
}
.in-grabber {
width: 44px; height: 5px;
border-radius: 99px;
background: var(--in-ink);
opacity: 0.18;
margin: 4px auto 14px;
cursor: pointer; touch-action: none;
} .in-sheet__nav {
display: flex; align-items: center; justify-content: space-between;
margin-bottom: 10px;
font-size: 11px;
color: var(--in-mute);
}
.in-sheet__navbtn {
background: transparent; border: 0; padding: 0;
color: inherit; cursor: pointer;
display: inline-flex; align-items: center; gap: 6px;
font: inherit;
max-width: 40%;
}
.in-sheet__navname {
max-width: 110px;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.in-sheet__chev { font-size: 14px; }
.in-sheet__counter {
font-size: 10px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--in-mute2);
white-space: nowrap;
}
.in-sheet__inner.is-hint .in-sheet__navbtn {
animation: in-hint-chev 1.4s ease-in-out 2;
} .in-hero {
height: 168px;
border-radius: 22px;
overflow: hidden;
position: relative;
background: var(--c, #FFB85C);
}
.in-hero__img {
position: absolute; inset: 0;
width: 100%; height: 100%;
object-fit: cover;
filter: saturate(0.9) contrast(1.05);
}
.in-hero__wash {
position: absolute; inset: 0;
background: var(--c, #FFB85C);
opacity: 0.55;
mix-blend-mode: multiply;
}
.in-hero__shine {
position: absolute; inset: 0;
background: radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.25), transparent 60%);
}
.in-hero__initial {
position: absolute;
left: 18px; bottom: 16px;
font-family: var(--in-font-display);
font-style: italic;
font-size: 78px; line-height: 0.85; color: #fff;
letter-spacing: -0.02em;
text-shadow: 0 2px 6px rgba(0, 0, 0, 0.45), 0 0 1px rgba(0, 0, 0, 0.35);
}
.in-hero__tagpill {
position: absolute;
top: 14px; right: 14px;
background: var(--in-ink);
color: #fff;
padding: 5px 10px;
border-radius: 999px;
font-size: 11px; font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
} .in-sheet__meta {
display: flex; align-items: center; gap: 8px;
margin-top: 16px;
font-size: 12px;
color: var(--in-mute3);
flex-wrap: wrap;
}
.in-sheet__catdot {
width: 10px; height: 10px;
border-radius: 50%;
border: 1.5px solid var(--in-ink);
flex-shrink: 0;
}
.in-sheet__catlabel {
font-size: 12px; font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--in-ink);
}
.in-sheet__sep { color: var(--in-mute2); }
.in-sheet__open[data-open="true"]  { color: var(--in-open);   font-weight: 600; }
.in-sheet__open[data-open="false"] { color: var(--in-closed); font-weight: 600; }
.in-sheet__title {
font-family: var(--in-font-display);
font-weight: 400;
font-size: 38px; line-height: 1.05;
margin: 8px 0 6px;
letter-spacing: -0.01em;
color: var(--in-ink);
}
.in-sheet__hours {
font-size: 14px; color: var(--in-mute3);
margin-bottom: 14px;
}
.in-sheet__blurb {
font-size: 15px; line-height: 1.5;
margin: 0 0 18px;
color: var(--in-ink);
}
.in-sheet__vibelabel {
font-size: 10px; font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--in-mute);
margin-bottom: 8px;
}
.in-sheet__vibewrap {
display: flex; gap: 6px; flex-wrap: wrap;
margin-bottom: 22px;
}
.in-sheet__tag {
display: inline-block;
padding: 6px 11px;
border-radius: 999px;
background: var(--in-bg);
color: var(--in-ink);
border: 1px solid var(--in-ink);
font-size: 12px; font-weight: 500;
} .in-sheet__note-preview {
display: block;
width: 100%;
background: var(--in-accent);
color: var(--in-ink);
border: 1.5px solid var(--in-ink);
box-shadow: 2px 2px 0 var(--in-ink);
border-radius: 14px;
padding: 10px 14px;
margin-bottom: 14px;
text-align: left;
font: inherit;
cursor: pointer;
transition: transform 120ms, box-shadow 120ms;
}
.in-sheet__note-preview:hover { transform: translate(1px, 1px); box-shadow: 1px 1px 0 var(--in-ink); }
.in-sheet__note-label {
display: block;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--in-ink);
opacity: 0.7;
margin-bottom: 4px;
}
.in-sheet__note-text {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
line-height: 1.45;
font-style: italic;
word-break: break-word;
} .in-sheet__refs {
background: #ffffff;
border: 1.5px solid var(--in-ink);
border-radius: 14px;
box-shadow: 2px 2px 0 var(--in-ink);
padding: 10px 14px;
margin-bottom: 12px;
animation: in-refs-pop 220ms cubic-bezier(.32, .72, .2, 1) backwards;
}
.in-sheet__refs[hidden] { display: none; }
.in-sheet__refs-head {
font-size: 10px; font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--in-mute);
margin-bottom: 6px;
}
.in-sheet__refs-list {
list-style: none;
margin: 0; padding: 0; max-height: 132px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
}
.in-sheet__refs-list li {
border-bottom: 1px dashed var(--in-divider-dashed);
}
.in-sheet__refs-list li:last-child { border-bottom: 0; }
.in-sheet__refs-list a {
display: block;
padding: 9px 4px;
color: var(--in-ink) !important;
text-decoration: none !important;
font-size: 14px;
line-height: 1.3;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.in-sheet__refs-list a:hover { color: var(--in-ink) !important; background: var(--in-bg); border-radius: 6px; }
.in-sheet__refs-empty {
padding: 9px 4px;
color: var(--in-mute);
font-style: italic;
font-size: 13px;
}
@keyframes in-refs-pop {
from { transform: translateY(8px); opacity: 0; }
to   { transform: translateY(0);   opacity: 1; }
} .in-sheet__actions {
display: flex !important;
gap: 10px;
width: 100%;
margin-top: 4px;
}
.in-sheet__act {
flex: 1 1 0 !important;
min-width: 0 !important;
}
.in-sheet__act {
flex: 1; min-width: 0;
height: 48px;
line-height: 48px;
border-radius: 14px;
background: transparent;
color: var(--in-ink);
border: 1.5px solid var(--in-ink);
font-weight: 600; font-size: 15px;
cursor: pointer; display: block;
text-align: center;
padding: 0 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
box-sizing: border-box;
}
.in-sheet__act--primary,
.in-sheet__act--primary:visited,
.in-sheet__act--primary:active { background: var(--in-ink) !important;
color: #ffffff !important;
border-color: var(--in-ink) !important;
text-decoration: none !important;
}
.in-sheet__act--primary:hover,
.in-sheet__act--primary:focus { background: var(--in-accent) !important;
color: var(--in-ink) !important;
border-color: var(--in-ink) !important;
text-decoration: none !important;
}
.in-sheet__act--primary span { color: inherit !important; }
.in-sheet__act,
.in-sheet__act:visited,
.in-sheet__act:hover,
.in-sheet__act:focus {
color: var(--in-ink) !important;
}
.in-sheet__act--primary { color: #ffffff !important; } .in-list {
position: absolute;
inset: 0;
background: var(--in-bg);
z-index: 60; max-height: 100dvh;
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
padding-top: 54px; padding-bottom: 110px;
transform: translateX(100%);
transition: transform 320ms cubic-bezier(.32, .72, .2, 1);
pointer-events: none;
}
.in-app.is-route-list .in-list {
transform: translateX(0);
pointer-events: auto;
}
.in-list__row {
display: flex; align-items: center; gap: 10px;
padding: 0 16px;
}
.in-list__title { padding: 14px 16px 4px; }
.in-list__pretitle {
font-size: 11px; font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--in-mute);
}
.in-list__h1 {
font-family: var(--in-font-display);
font-weight: 400;
font-size: 40px; line-height: 1;
margin: 6px 0 0;
letter-spacing: -0.02em;
}
.in-list__h1 em {
color: var(--in-ink);
background: var(--in-accent);
padding: 0 8px;
border-radius: 6px;
font-style: italic;
}
.in-list__search { padding: 14px 16px 0; }
.in-list__sort {
display: flex; align-items: center; gap: 6px;
padding: 10px 16px 0;
font-size: 11.5px;
color: var(--in-mute3);
}
.in-list__sortvalue {
font-weight: 700; color: var(--in-ink);
text-decoration: underline var(--in-accent) 3px;
text-underline-offset: 3px;
}
.in-list__rows { padding: 4px 16px 130px; }
.in-list__empty {
padding: 60px 12px; text-align: center;
color: var(--in-mute);
font-family: var(--in-font-display);
font-style: italic;
font-size: 22px;
}
.in-row {
display: flex; align-items: center; gap: 14px;
padding: 14px 4px;
background: transparent; border: 0;
border-bottom: 1px dashed var(--in-divider-dashed);
cursor: pointer;
text-align: left;
width: 100%;
animation: in-list-in 0.45s cubic-bezier(.5, 1.4, .4, 1) both;
animation-delay: calc(var(--i, 0) * 50ms);
}
.in-row__sticker {
width: 56px; height: 56px;
flex-shrink: 0;
border-radius: 10px;
border: 2.5px solid var(--in-ink);
box-shadow: 3px 3px 0 var(--in-ink);
transform: rotate(-3deg);
overflow: hidden;
position: relative;
background: var(--c, #FFB85C);
}
.in-row__img {
position: absolute; inset: 0;
width: 100%; height: 100%;
object-fit: cover;
filter: saturate(0.85);
}
.in-row__wash {
position: absolute; inset: 0;
background: var(--c, #FFB85C);
opacity: 0.65;
mix-blend-mode: multiply;
}
.in-row__initial {
position: absolute; inset: 0;
display: flex; align-items: center; justify-content: center;
font-family: var(--in-font-display);
font-style: italic;
font-size: 33px; color: #fff; line-height: 1;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.in-row__body {
flex: 1;
min-width: 0;
}
.in-row__head {
display: flex; align-items: baseline; gap: 8px;
}
.in-row__name {
font-family: var(--in-font-display);
font-size: 22px; line-height: 1.05;
color: var(--in-ink);
letter-spacing: -0.01em;
}
.in-row__dist {
font-size: 11px; color: var(--in-mute);
flex-shrink: 0;
font-variant-numeric: tabular-nums;
}
.in-row__tag {
font-size: 12px; color: var(--in-mute);
margin-top: 2px;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.in-row__meta {
display: flex; align-items: center; gap: 6px;
margin-top: 6px;
}
.in-row__catdot {
width: 7px; height: 7px;
border-radius: 50%;
border: 1px solid var(--in-ink);
}
.in-row__catlabel {
font-size: 10.5px; font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--in-mute3);
}
.in-row__sep { color: var(--in-mute2); font-size: 10px; }
.in-row__open[data-open="true"]  { color: var(--in-open);   font-size: 11px; font-weight: 600; }
.in-row__open[data-open="false"] { color: var(--in-closed); font-size: 11px; font-weight: 600; }
.in-row__rating {
font-size: 11px; font-weight: 600;
background: var(--in-accent);
color: var(--in-ink);
border: 1px solid var(--in-ink);
padding: 2px 7px;
border-radius: 999px;
} .in-row__note {
flex-basis: 100%;
margin: 8px 0 0 70px;
background: var(--in-accent);
color: var(--in-ink);
border: 1.5px solid var(--in-ink);
border-radius: 10px;
padding: 6px 10px;
font-size: 12.5px;
line-height: 1.4;
font-style: italic; display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
@media (min-width: 768px) {
.in-row__note {
flex-basis: auto;
flex: 0 0 240px;
margin: 0 0 0 auto;
align-self: center;
-webkit-line-clamp: 3;
}
.in-row { flex-wrap: nowrap; }
}
@media (max-width: 767px) {
.in-row { flex-wrap: wrap; }
} .in-screen-empty {
position: absolute;
inset: 0;
background: var(--in-bg);
z-index: 60;
display: none;
flex-direction: column; align-items: center;
text-align: center;
padding: 110px 32px 130px;
}
.in-app.is-route-me   .in-screen-empty { display: flex; }
.in-empty__tile {
width: 84px; height: 84px;
border-radius: 16px;
margin-bottom: 18px;
background: var(--in-accent);
border: 2.5px solid var(--in-ink);
box-shadow: 4px 4px 0 var(--in-ink);
transform: rotate(-4deg);
display: inline-flex; align-items: center; justify-content: center;
font-family: var(--in-font-display);
font-style: italic;
font-size: 48px; color: var(--in-ink);
}
.in-empty__title {
font-family: var(--in-font-display);
font-weight: 400;
font-size: 40px;
margin: 6px 0 8px;
color: var(--in-ink);
line-height: 1;
}
.in-empty__body {
font-size: 14px;
color: rgba(15, 15, 15, 0.6);
margin: 0;
max-width: 240px;
} .in-app .mapboxgl-ctrl-attrib {
background: rgba(250, 247, 238, 0.7);
font: 10px/1 var(--in-font-ui);
color: rgba(15, 15, 15, 0.5);
border-radius: 999px;
padding: 3px 8px;
margin: 0 0 92px 12px;
}
.in-app .mapboxgl-ctrl-attrib a { color: rgba(15, 15, 15, 0.55); } .in-app .mapboxgl-ctrl-logo { display: none !important; } .in-app .mapboxgl-marker { will-change: transform; }
.in-app .mapboxgl-marker.innsight-pin-host { background: transparent; border: 0; padding: 0; } @keyframes in-pin-pop {
0%   { transform: scale(0);    opacity: 0; }
60%  { transform: scale(1.18); opacity: 1; }
100% { transform: scale(1);    opacity: 1; }
}
@keyframes in-pin-drop {
0%   { transform: translateY(-180%) scale(0.6); opacity: 0; }
70%  { transform: translateY(0)     scale(1.05); opacity: 1; }
100% { transform: translateY(0)     scale(1);    opacity: 1; }
}
@keyframes in-pin-ripple {
0%   { transform: scale(0.2);  opacity: 0; filter: blur(3px); }
50%  { transform: scale(1.05); opacity: 1; filter: blur(0); }
100% { transform: scale(1);    opacity: 1; filter: blur(0); }
}
@keyframes in-pin-fade {
0%   { transform: scale(0.92); opacity: 0; }
100% { transform: scale(1);    opacity: 1; }
}
@keyframes in-pulse {
0%, 100% { transform: scale(1);   opacity: 0.55; }
50%      { transform: scale(1.6); opacity: 0;    }
}
@keyframes in-list-in {
0%   { transform: translateX(-12px); opacity: 0; }
100% { transform: translateX(0);     opacity: 1; }
}
@keyframes in-sheet-hint {
0%   { transform: translateX(0); }
25%  { transform: translateX(-34px); }
50%  { transform: translateX(0); }
75%  { transform: translateX(18px); }
100% { transform: translateX(0); }
}
@keyframes in-hint-chev {
0%, 100% { transform: translateX(0);    opacity: 0.55; }
50%      { transform: translateX(-4px); opacity: 1;    }
} .in-app[data-entry="drop"]   .in-pin { animation-name: in-pin-drop; }
.in-app[data-entry="ripple"] .in-pin { animation-name: in-pin-ripple; }
.in-app[data-entry="fade"]   .in-pin { animation-name: in-pin-fade; } @media (prefers-reduced-motion: reduce) {
.in-pin, .in-row, .in-sheet, .in-sheet__inner.is-hint { animation: none !important; transition: none !important; }
.in-nearby__dot { animation: none !important; }
}  .in-app .in-search,
.in-app .in-list__search .in-search { background: #ffffff; }
.in-app .in-search__input { background: transparent; color: var(--in-ink); }
.in-app .in-search__input:focus { outline: none; } .in-app .in-tabs .in-tab[data-route="me"] { display: none; }
.in-app .in-profile { display: none; } .in-toast {
position: absolute;
bottom: 100px;
left: 50%;
transform: translateX(-50%) translateY(20px);
background: var(--in-ink) !important;
color: #ffffff !important;
padding: 10px 18px;
border-radius: 999px;
font-size: 13px;
font-weight: 600;
opacity: 0;
pointer-events: none;
z-index: 200;
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4);
transition: opacity 220ms ease, transform 220ms cubic-bezier(.32, .72, .2, 1);
white-space: nowrap;
}
.in-toast.is-visible { opacity: 1; transform: translateX(-50%) translateY(0); } .in-sheet__act.is-saved {
background: var(--in-accent);
color: var(--in-ink);
border-color: var(--in-ink);
} body.innsight-sheet-locked {
overflow: hidden;
overscroll-behavior-y: contain;
touch-action: pan-x pan-y;
} .in-sheet__nav { touch-action: none; } .in-list__sort { position: relative; }
.in-list__sortvalue {
background: transparent;
border: 0;
padding: 0;
color: inherit;
cursor: pointer;
font: inherit;
font-weight: 700;
color: var(--in-ink);
text-decoration: underline var(--in-accent) 3px;
text-underline-offset: 3px;
}
.in-list__sortmenu {
position: absolute;
top: 100%;
left: 0;
margin-top: 6px;
background: #fff;
border: 1.5px solid var(--in-ink);
border-radius: 14px;
box-shadow: 3px 3px 0 var(--in-ink);
padding: 6px;
display: flex;
flex-direction: column;
min-width: 160px;
z-index: 80;
}
.in-list__sortmenu[hidden] { display: none; }
.in-list__sortmenu button {
background: transparent;
border: 0;
padding: 8px 10px;
border-radius: 8px;
cursor: pointer;
text-align: left;
font: inherit;
color: var(--in-ink);
font-size: 13px;
}
.in-list__sortmenu button:hover { background: var(--in-bg); } .in-row__hostel {
font-size: 10.5px;
color: var(--in-mute);
font-variant-numeric: tabular-nums;
} .in-saved {
position: absolute;
inset: 0;
background: var(--in-bg);
z-index: 60;
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
padding-top: 54px;
padding-bottom: 110px;
transform: translateX(100%);
transition: transform 320ms cubic-bezier(.32, .72, .2, 1);
pointer-events: none;
}
.in-app.is-route-save .in-saved {
transform: translateX(0);
pointer-events: auto;
}
.in-saved__head { padding: 0 0 4px; }
.in-saved__rows { padding: 4px 16px 130px; }
.in-saved__rows .in-list__empty { padding: 60px 12px; text-align: center; color: var(--in-mute);
font-family: var(--in-font-display); font-style: italic; font-size: 22px; } .in-saved .in-row { position: relative; padding-right: 44px; }
.in-row__remove {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 32px;
height: 32px;
display: inline-flex;
align-items: center;
justify-content: center;
background: transparent;
border: 0;
color: var(--in-mute2);
font-size: 22px;
line-height: 1;
cursor: pointer;
border-radius: 50%;
transition: color 160ms, background 160ms, transform 160ms;
user-select: none;
}
.in-row__remove:hover {
color: var(--in-closed);
background: rgba(180, 59, 59, 0.10);
transform: translateY(-50%) scale(1.08);
}
.in-row__remove:active { transform: translateY(-50%) scale(0.92); } .in-sheet__gmaps {
display: block;
margin-top: 14px;
font-size: 12px;
font-weight: 600;
text-align: center;
color: var(--in-mute);
text-decoration: none;
letter-spacing: 0.02em;
}
.in-sheet__gmaps:hover { color: var(--in-ink); }
.in-sheet__tag--rating { background: var(--in-accent); } .in-livedot {
position: relative;
width: 44px; height: 44px;
pointer-events: none;
display: flex; align-items: center; justify-content: center;
z-index: 35;
}
.in-livedot__pulse {
position: absolute; inset: 0;
border-radius: 50%;
background: var(--in-accent);
opacity: 0.35;
animation: in-livedot-pulse 2s ease-in-out infinite;
}
.in-livedot__core {
position: relative;
width: 26px; height: 26px;
border-radius: 50%;
background: var(--in-accent);
border: 2px solid var(--in-ink);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
display: flex; align-items: center; justify-content: center;
font-size: 16px; line-height: 1; font-family: 'Apple Color Emoji', 'Segoe UI Emoji', system-ui;
}
@keyframes in-livedot-pulse {
0%, 100% { transform: scale(1);   opacity: 0.35; }
50%      { transform: scale(1.7); opacity: 0;    }
}
@media (prefers-reduced-motion: reduce) {
.in-livedot__pulse { animation: none !important; opacity: 0.2; }
}  .in-sheet__gstrip {
margin: 8px 0 14px;
font-size: 13px;
color: var(--in-mute3);
line-height: 1.4;
}
.in-sheet__gstrip-row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px 12px;
} .in-sheet__gsecondary-row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px 14px;
margin-top: 4px;
font-size: 12.5px;
color: var(--in-mute3);
}
.in-sheet__gsecondary-row:empty { display: none; }
.in-sheet__gitem {
display: inline-flex;
align-items: center;
gap: 5px;
color: var(--in-ink);
text-decoration: none;
} .in-sheet__gicon {
color: rgba(15, 15, 15, 0.60) !important;
fill: none !important;
flex-shrink: 0;
stroke-width: 1.5;
}
.in-sheet__gsep { color: var(--in-mute2); } .in-sheet__gitem--rating {
background: transparent !important;
border: 0 !important;
padding: 2px 4px !important;
font: inherit !important;
font-weight: 600 !important;
font-size: 13px !important;
color: var(--in-ink) !important;
text-decoration: none !important;
cursor: pointer;
box-shadow: none !important;
border-radius: 6px !important;
transition: background 120ms;
}
.in-sheet__gitem--rating:hover { background: rgba(15,15,15,0.05) !important; transform: none !important; }
.in-sheet__gitem--rating[aria-expanded="true"] { background: rgba(15,15,15,0.08) !important; }
.in-sheet__gitem--hours {
font-size: 12.5px;
color: var(--in-mute3);
}
.in-sheet__gopen { font-weight: 600; }
.in-sheet__gopen[data-open="true"]  { color: var(--in-open); }
.in-sheet__gopen[data-open="false"] { color: var(--in-closed); }
.in-sheet__gsched-toggle {
background: transparent;
border: 0;
padding: 0 0 0 4px;
color: var(--in-mute) !important;
font: inherit;
font-size: 11.5px;
text-decoration: underline var(--in-accent) 2px;
text-underline-offset: 2px;
cursor: pointer;
} .in-sheet__gsched {
margin: 8px 0 0;
padding: 10px 14px 12px;
background: #FFFDF6;
border: 1px solid var(--in-divider);
border-radius: 10px;
animation: in-gsched-pop 200ms ease backwards;
}
.in-sheet__gsched[hidden] { display: none; }
.in-sheet__gsched-title {
font-size: 10px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--in-mute);
margin-bottom: 6px;
}
.in-sheet__gsched-list {
list-style: none;
margin: 0;
padding: 0;
font-size: 12.5px;
line-height: 1.7;
color: var(--in-ink);
font-variant-numeric: tabular-nums;
}
.in-sheet__gsched-list li {
display: flex;
justify-content: space-between;
gap: 12px;
padding: 2px 0;
border-bottom: 1px dashed transparent;
}
.in-sheet__gsched-list li + li { border-top: 1px dashed rgba(15,15,15,0.08); } .in-sheet__greviews {
margin: 8px 0 0;
padding: 10px 14px 12px;
background: #FFFDF6;
border: 1px solid var(--in-divider);
border-radius: 10px;
animation: in-gsched-pop 200ms ease backwards;
}
.in-sheet__greviews[hidden] { display: none; }
.in-sheet__greview + .in-sheet__greview { margin-top: 10px; padding-top: 10px; border-top: 1px dashed rgba(15,15,15,0.10); }
.in-sheet__greview-head {
display: flex;
align-items: baseline;
gap: 8px;
font-size: 12px;
color: var(--in-mute3);
margin-bottom: 3px;
}
.in-sheet__greview-author {
font-weight: 600;
color: var(--in-ink);
}
.in-sheet__greview-rating {
color: var(--in-ink);
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 2px;
}
.in-sheet__greview-rating svg {
color: rgba(15, 15, 15, 0.60);
fill: none;
stroke-width: 1.5;
}
.in-sheet__greview-when { color: var(--in-mute2); font-size: 11px; margin-left: auto; }
.in-sheet__greview-text {
margin: 0;
font-size: 13px;
line-height: 1.45;
color: var(--in-ink);
}
.in-sheet__greviews-all {
display: inline-block;
margin-top: 10px;
font-size: 12px;
font-weight: 600;
color: var(--in-mute3) !important;
text-decoration: underline var(--in-accent) 2px !important;
text-underline-offset: 2px;
}
.in-sheet__greviews-all:hover { color: var(--in-ink) !important; } .in-sheet__gitem--price,
.in-sheet__gitem--phone {
color: var(--in-ink);
font-size: 12.5px;
}
.in-sheet__gitem--phone { color: var(--in-ink) !important; text-decoration: none !important; }
.in-sheet__gitem--phone:hover { text-decoration: underline var(--in-accent) 2px !important; text-underline-offset: 2px; } .in-sheet__gitem--address {
color: var(--in-ink) !important;
text-decoration: none !important;
max-width: 100%;
min-width: 0;
overflow: hidden;
}
.in-sheet__gitem--address:hover { text-decoration: underline var(--in-accent) 2px !important; text-underline-offset: 2px; }
.in-sheet__gaddress-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 260px;
} .in-sheet__gitem--pending {
background: rgba(15,15,15,0.06) !important;
color: var(--in-mute) !important;
border-color: transparent !important;
filter: blur(1px);
animation: in-gstrip-bump 1.6s ease-in-out infinite;
}
.in-sheet__gitem--pending:hover { transform: none !important; }
@keyframes in-gsched-pop {
from { opacity: 0; transform: translateY(-4px); }
to   { opacity: 1; transform: translateY(0); }
}
@keyframes in-shimmer {
0%   { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
@media (prefers-reduced-motion: reduce) {
.in-sheet__gitem--pending { animation: none !important; filter: none !important; }
}
@keyframes in-gstrip-bump {
0%, 100% { transform: translateY(0);     opacity: 1; }
50%      { transform: translateY(-2px);  opacity: 0.65; }
}  .in-sheet__notes-peek {
display: none;
margin-top: 22px;
padding: 14px 16px 0;
background: var(--in-bg);
border: 1.5px dashed var(--in-divider);
border-radius: 18px 18px 0 0;
border-bottom: 0;
cursor: pointer;
user-select: none;
text-align: center;
color: var(--in-mute);
transition: background 160ms, color 160ms; touch-action: none;
}
.in-app.is-poi-saved .in-sheet__notes-peek { display: block; }
.in-sheet__notes-peek:hover { background: #fff; color: var(--in-ink); }
.in-sheet__notes-peek-arrow {
display: block;
color: var(--in-ink);
margin: 0 auto 4px;
animation: in-notes-bob 2.2s ease-in-out infinite;
}
.in-sheet__notes-peek-label {
display: block;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.06em;
margin-bottom: 10px;
} .in-sheet__notes-peek-edge {
display: block;
height: 14px;
margin: 0 -16px;
border-top: 1.5px solid var(--in-ink);
background: #FFFDF6;
border-radius: 16px 16px 0 0;
box-shadow: 2px -2px 0 var(--in-ink);
}
@keyframes in-notes-bob {
0%, 100% { transform: translateY(0); }
50%      { transform: translateY(3px); }
} .in-notes {
position: absolute;
left: 0; right: 0; bottom: 0;
height: var(--in-notes-h, 100%); z-index: 10005;
background: var(--in-sheet);
border-top-left-radius: 28px;
border-top-right-radius: 28px;
box-shadow: 0 -16px 50px rgba(0,0,0,0.22);
flex-direction: column;
display: none; }
.in-notes[hidden] { display: none !important; } .in-app.is-notes-open .in-notes {
display: flex;
animation: in-notes-slide-up 320ms cubic-bezier(.32,.72,.2,1) backwards;
}
@keyframes in-notes-slide-up {
from { transform: translateY(100%); opacity: 0.6; }
to   { transform: translateY(0);    opacity: 1; }
}
.in-notes__inner {
flex: 1;
display: flex; flex-direction: column;
padding: 8px 16px 18px;
min-height: 0;
}
.in-notes__head {
display: flex; align-items: center; gap: 10px;
padding: 4px 4px 12px;
border-bottom: 1px dashed var(--in-divider-dashed);
margin-bottom: 10px;
cursor: grab;
touch-action: none;
}
.in-notes__grabber {
width: 44px; height: 5px;
border-radius: 99px;
background: var(--in-ink);
opacity: 0.18;
margin-right: 4px;
}
.in-notes__title {
font-family: var(--in-font-display);
font-style: italic;
font-size: 22px;
color: var(--in-ink);
flex: 1;
line-height: 1;
}
.in-notes__close,
.in-notes__close:visited,
.in-notes__close:hover,
.in-notes__close:focus {
height: 36px;
padding: 0 16px;
border-radius: 999px;
background: var(--in-ink) !important;
color: #ffffff !important;
border: 0;
font: inherit; font-weight: 600;
cursor: pointer;
}
.in-notes__sub {
font-size: 11px;
color: var(--in-mute);
text-align: right;
margin: 0 4px 6px;
transition: color 200ms;
}
.in-notes__sub.is-saved { color: var(--in-open); font-weight: 600; }
.in-notes__area {
flex: 1;
width: 100%;
border: 1.5px solid var(--in-ink);
border-radius: 18px;
box-shadow: 2px 2px 0 var(--in-ink);
background: #FFFDF6;
padding: 14px 16px;
font-family: var(--in-font-ui);
font-size: 15px;
line-height: 1.5;
color: var(--in-ink);
resize: none;
outline: none;
-webkit-appearance: none;
appearance: none;
min-height: 120px;
}
.in-notes__area::placeholder { color: var(--in-mute2); font-style: italic; }
.in-notes__area:focus { box-shadow: 2px 2px 0 var(--in-accent), 2px 2px 0 1.5px var(--in-ink); } .in-saved__share,
.in-saved__share:visited,
.in-saved__share:hover,
.in-saved__share:focus,
.in-saved__share:active {
display: inline-flex; align-items: center; gap: 6px;
height: 38px;
padding: 0 14px;
border-radius: 999px;
background: var(--in-ink) !important;
color: #ffffff !important;
border: 1.5px solid var(--in-ink) !important;
box-shadow: 2px 2px 0 var(--in-accent);
font: inherit;
font-weight: 700;
font-size: 13px;
cursor: pointer;
transition: transform 120ms, box-shadow 120ms;
}
.in-saved__share span { color: inherit !important; }
.in-saved__share svg  { color: inherit !important; }
.in-saved__share:hover,
.in-saved__share:focus {
background: var(--in-accent) !important;
color: var(--in-ink) !important;
transform: translate(1px, 1px);
box-shadow: 1px 1px 0 var(--in-ink);
}
.in-saved__share[hidden] { display: none; } .in-share-backdrop {
position: absolute; inset: 0;
background: rgba(15,15,15,0.45);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px); z-index: 10010;
opacity: 0;
pointer-events: none;
transition: opacity 220ms ease;
}
.in-app.is-share-open .in-share-backdrop { opacity: 1; pointer-events: auto; }
.in-share-menu {
position: absolute;
left: 0; right: 0; bottom: 0;
z-index: 10011;
transform: translateY(110%);
transition: transform 280ms cubic-bezier(.32,.72,.2,1);
will-change: transform;
}
.in-app.is-share-open .in-share-menu { transform: translateY(0); }
.in-share-menu__inner {
background: var(--in-sheet);
border-top-left-radius: 28px;
border-top-right-radius: 28px;
padding: 10px 16px 28px;
box-shadow: 0 -10px 40px rgba(0,0,0,0.18);
}
.in-share-menu__head {
display: flex; align-items: center; gap: 10px;
padding: 6px 4px 14px;
}
.in-share-menu__pretitle {
font-size: 11px; font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--in-mute);
}
.in-share-menu__title {
font-family: var(--in-font-display);
font-size: 26px; line-height: 1;
color: var(--in-ink);
margin-top: 4px;
}
.in-share-menu__close {
margin-left: auto;
width: 38px; height: 38px;
border-radius: 50%;
background: transparent;
color: var(--in-ink);
border: 1.5px solid var(--in-ink);
font-size: 20px;
cursor: pointer;
line-height: 1;
}
.in-share-menu__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
gap: 10px;
}
.in-share-tile {
display: flex; flex-direction: column; align-items: center; gap: 8px;
padding: 14px 10px;
border-radius: 16px;
background: var(--in-surface);
border: 1.5px solid var(--in-ink);
box-shadow: 2px 2px 0 var(--in-ink);
color: var(--in-ink);
font-weight: 600;
font-size: 12px;
cursor: pointer;
transition: transform 120ms, box-shadow 120ms;
}
.in-share-tile:hover { transform: translate(1px, 1px); box-shadow: 1px 1px 0 var(--in-ink); }
.in-share-tile__icon {
width: 42px; height: 42px;
border-radius: 12px;
display: inline-flex; align-items: center; justify-content: center;
background: var(--in-bg);
color: var(--in-ink);
border: 1.5px solid var(--in-ink);
} .in-share-tile__icon[data-channel="whatsapp"] { background: #25D366; color: #fff; }
.in-share-tile__icon[data-channel="facebook"] { background: #1877F2; color: #fff; }
.in-share-tile__icon[data-channel="email"]    { background: var(--in-accent); } .in-receive {
position: absolute; inset: 0; z-index: 10020;
display: flex; align-items: center; justify-content: center;
padding: 20px;
opacity: 0;
pointer-events: none;
background: rgba(15,15,15,0.55);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
transition: opacity 240ms ease;
}
.in-app.is-receive-open .in-receive { opacity: 1; pointer-events: auto; }
.in-receive__card {
width: min(100%, 380px);
background: var(--in-sheet);
border: 2px solid var(--in-ink);
box-shadow: 6px 6px 0 var(--in-ink);
border-radius: 24px;
padding: 28px 24px 24px;
text-align: center;
transform: translateY(20px) scale(0.96);
transition: transform 320ms cubic-bezier(.4,1.6,.4,1);
}
.in-app.is-receive-open .in-receive__card { transform: translateY(0) scale(1); }
.in-receive__sticker {
width: 68px; height: 68px;
margin: 0 auto 14px;
border-radius: 16px;
background: var(--in-accent);
border: 2px solid var(--in-ink);
box-shadow: 3px 3px 0 var(--in-ink);
transform: rotate(-6deg);
display: inline-flex; align-items: center; justify-content: center;
font-size: 38px;
color: var(--in-ink);
line-height: 1; padding-bottom: 4px;
}
.in-receive__pretitle {
font-size: 11px; font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--in-mute);
}
.in-receive__title {
font-family: var(--in-font-display);
font-size: 30px;
line-height: 1.1;
color: var(--in-ink);
margin: 8px 0 10px;
}
.in-receive__body {
font-size: 14px;
color: var(--in-mute3);
margin: 0 4px 14px;
line-height: 1.5;
}
.in-receive__count {
display: inline-block;
background: var(--in-bg);
border: 1.5px solid var(--in-ink);
border-radius: 999px;
padding: 5px 14px;
font-size: 12px;
font-weight: 700;
margin-bottom: 22px;
}
.in-receive__count span { font-variant-numeric: tabular-nums; }
.in-receive__actions {
display: flex; gap: 10px;
}
.in-receive__btn {
flex: 1;
height: 46px;
border-radius: 14px;
background: transparent;
color: var(--in-ink);
border: 1.5px solid var(--in-ink);
font: inherit;
font-weight: 600;
font-size: 14px;
cursor: pointer;
transition: transform 120ms, box-shadow 120ms;
}
.in-receive__btn--primary,
.in-receive__btn--primary:visited,
.in-receive__btn--primary:active {
background: var(--in-ink) !important;
color: #ffffff !important;
border-color: var(--in-ink) !important;
box-shadow: 2px 2px 0 var(--in-accent);
}
.in-receive__btn--primary:hover,
.in-receive__btn--primary:focus {
background: var(--in-accent) !important;
color: var(--in-ink) !important;
border-color: var(--in-ink) !important;
transform: translate(1px, 1px);
box-shadow: 1px 1px 0 var(--in-ink);
}
.in-receive__btn,
.in-receive__btn:visited {
color: var(--in-ink) !important;
border-color: var(--in-ink) !important;
}
.in-receive__btn--primary { color: #ffffff !important; } .in-chip--shared {
background: var(--in-accent);
color: var(--in-ink);
border-color: var(--in-ink);
padding-right: 6px;
}
.in-chip--shared .in-chip__heart {
color: #B43B7C;
margin-right: 2px;
font-size: 14px;
line-height: 1;
}
.in-chip--shared .in-chip__close {
display: inline-flex; align-items: center; justify-content: center;
width: 22px; height: 22px;
border-radius: 50%;
background: var(--in-ink);
color: var(--in-bg);
margin-left: 4px;
font-size: 14px;
line-height: 1;
}
.in-chip--dance { animation: in-dance 1.6s ease-in-out infinite; transform-origin: 50% 80%; }
@keyframes in-dance {
0%, 100% { transform: rotate(-3deg) translateY(0); }
25%      { transform: rotate( 3deg) translateY(-2px); }
50%      { transform: rotate(-2deg) translateY(0); }
75%      { transform: rotate( 4deg) translateY(-1px); }
}
@media (prefers-reduced-motion: reduce) {
.in-chip--dance, .in-sheet__notes-peek-arrow { animation: none !important; }
} @media (min-width: 900px) {
.in-sheet__inner {
width: 56%;
max-width: 720px;
min-width: 480px;
margin: 0 auto;
max-height: 80vh;
border-radius: 28px 28px 0 0;
padding: 14px 28px 40px;
}
.in-hero { height: 240px; border-radius: 26px; }
.in-hero__initial { font-size: 92px; }
.in-sheet__title { font-size: 44px; }
.in-sheet__blurb { font-size: 16px; } .in-share-menu__inner {
width: 56%; max-width: 720px; min-width: 480px;
margin: 0 auto;
border-radius: 28px 28px 0 0;
}
}
@media (min-width: 1280px) {
.in-sheet__inner { width: 50%; max-width: 760px; }
.in-share-menu__inner { width: 50%; max-width: 760px; }
}  .in-base { position: relative; width: 0; height: 0; }
.in-base__dot {
position: absolute; left: -6px; top: -6px;
width: 12px; height: 12px; border-radius: 50%;
background: var(--in-accent); border: 2px solid var(--in-ink);
}
.in-base__print {
position: absolute; left: -52px; bottom: 14px;
padding: 8px 8px 0;
background: #fff;
border: 1.5px solid var(--in-ink);
box-shadow: 4px 5px 0 rgba(15, 15, 15, 0.85);
transform: rotate(-6deg);
animation: in-pin-pop 0.55s cubic-bezier(.5, 1.6, .4, 1) both;
}
.in-base__tape {
position: absolute; left: -16px; top: -11px;
width: 58px; height: 19px;
background: rgba(201, 247, 63, 0.9); border: 1px solid rgba(15, 15, 15, 0.25);
transform: rotate(-24deg);
}
.in-base__frame {
position: relative; width: 96px; height: 70px; overflow: hidden;
border: 1px solid rgba(15, 15, 15, 0.25);
background: repeating-linear-gradient(135deg, #E4DBC4 0 7px, #EFE8D8 7px 14px);
display: flex; align-items: flex-end; justify-content: center;
padding-bottom: 6px;
}
.in-base__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.in-base__img + .in-base__ph { display: none; } .in-base__ph {
font-family: ui-monospace, Menlo, monospace;
font-size: 7.5px; letter-spacing: .06em; color: var(--in-mute2);
}
.in-base__caption {
display: flex; align-items: baseline; gap: 6px;
padding: 7px 1px 9px;
}
.in-base__name {
font-family: var(--in-font-display);
font-style: italic;
font-size: 17px;
color: var(--in-ink);
}
.in-base__kicker {
font-size: 7.5px; font-weight: 700; letter-spacing: .14em;
color: var(--in-mute);
} .in-base-ring-host { pointer-events: none; }
.in-base__ring {
position: absolute;
padding: 2px 7px; border-radius: 999px;
background: var(--in-accent); border: 1.5px solid var(--in-ink);
font-size: 8.5px; font-weight: 700; letter-spacing: .12em;
color: var(--in-ink); white-space: nowrap;
box-shadow: 1px 1px 0 var(--in-ink);
}
@media (prefers-reduced-motion: reduce) {
.in-base__print { animation: none !important; }
}.in-pin__glyph[class*="md-"]  { font-family: 'Innsight Material Icons', 'Material Icons', sans-serif !important; }
.in-pin__glyph[class*="map-"] { font-family: 'Innsight Map Icons', 'Map Icons', sans-serif !important; } .in-pin__glyph.md-local-airport:after { content: '\e38a'; }
.in-pin__glyph.md-beach-access:after { content: '\e0ad'; }
.in-pin__glyph.md-local-library:after { content: '\e3a4'; }
.in-pin__glyph.md-directions-bus:after { content: '\e1c6'; }
.in-pin__glyph.md-local-cafe:after { content: '\e38f'; }
.in-pin__glyph.md-directions-car:after { content: '\e1c8'; }
.in-pin__glyph.md-local-movies:after { content: '\e3a8'; }
.in-pin__glyph.md-location-city:after { content: '\e3bf'; }
.in-pin__glyph.md-local-mall:after { content: '\e3a6'; }
.in-pin__glyph.md-local-convenience-store:after { content: '\e393'; }
.in-pin__glyph.md-fastfood:after { content: '\e23e'; }
.in-pin__glyph.md-restaurant-menu:after { content: '\e54a'; }
.in-pin__glyph.md-local-florist:after { content: '\e398'; }
.in-pin__glyph.md-restaurant:after { content: '\e549'; }
.in-pin__glyph.md-food-truck:after { content: '\e533'; }
.in-pin__glyph.md-forest:after { content: '\e320'; }
.in-pin__glyph.md-local-grocery-store:after { content: '\e39c'; }
.in-pin__glyph.md-fitness-center:after { content: '\e283'; }
.in-pin__glyph.md-hardware:after { content: '\e29f'; }
.in-pin__glyph.md-night-shelter:after { content: '\e877'; }
.in-pin__glyph.md-hotel:after { content: '\e30d'; }
.in-pin__glyph.md-local-jewelry:after { content: '\e318'; }
.in-pin__glyph.md-lake:after { content: '\e3a0'; }
.in-pin__glyph.md-local-library:after { content: '\e3a4'; }
.in-pin__glyph.md-location-pin:after { content: '\e3a5'; }
.in-pin__glyph.md-mosque:after { content: '\e3a9'; }
.in-pin__glyph.md-landscape:after { content: '\e359'; }
.in-pin__glyph.md-museum:after { content: '\e421'; }
.in-pin__glyph.md-nightlife:after { content: '\e229'; }
.in-pin__glyph.md-park:after { content: '\e3ab'; }
.in-pin__glyph.md-local-parking:after { content: '\e3ac'; }
.in-pin__glyph.md-pets:after { content: '\e4ac'; }
.in-pin__glyph.md-local-pharmacy:after { content: '\e3ad'; }
.in-pin__glyph.md-place:after { content: '\e4e7'; }
.in-pin__glyph.md-local-police:after { content: '\e3b5'; }
.in-pin__glyph.md-restaurant:after { content: '\e549'; }
.in-pin__glyph.md-river:after { content: '\eb97'; }
.in-pin__glyph.md-school:after { content: '\e56e'; }
.in-pin__glyph.md-local-mall:after { content: '\e3a6'; }
.in-pin__glyph.md-sports-stadium:after { content: '\e56e'; }
.in-pin__glyph.md-streetview:after { content: '\e57f'; }
.in-pin__glyph.md-subway:after { content: '\e657'; }
.in-pin__glyph.md-synagogue:after { content: '\e659'; }
.in-pin__glyph.md-local-taxi:after { content: '\e3bd'; }
.in-pin__glyph.md-temple:after { content: '\e76f'; }
.in-pin__glyph.md-theaters:after { content: '\e68b'; }
.in-pin__glyph.md-toys:after { content: '\e6b0'; }
.in-pin__glyph.md-train:after { content: '\e6b5'; }
.in-pin__glyph.md-commute:after { content: '\e166'; }
.in-pin__glyph.md-hiking:after { content: '\e902'; }
.in-pin__glyph.md-school:after { content: '\e56e'; }
.in-pin__glyph.md-wine-bar:after { content: '\e898'; }
.in-pin__glyph.md-zoo:after { content: '\e64e'; } .in-pin__glyph.map-amusement-park:after { content: "\e004"; }
.in-pin__glyph.map-aquarium:after { content: "\e005"; }
.in-pin__glyph.map-art-gallery:after { content: "\e007"; }
.in-pin__glyph.map-atm:after { content: "\e009"; }
.in-pin__glyph.map-bakery:after { content: "\e00b"; }
.in-pin__glyph.map-bank:after { content: "\e00c"; }
.in-pin__glyph.map-bar:after { content: "\e00d"; }
.in-pin__glyph.map-baseball:after { content: "\e00e"; }
.in-pin__glyph.map-beauty-salon:after { content: "\e00f"; }
.in-pin__glyph.map-bicycle-store:after { content: "\e010"; }
.in-pin__glyph.map-boat-ramp:after { content: "\e011"; }
.in-pin__glyph.map-boat-tour:after { content: "\e012"; }
.in-pin__glyph.map-boating:after { content: "\e013"; }
.in-pin__glyph.map-book-store:after { content: "\e014"; }
.in-pin__glyph.map-bowling-alley:after { content: "\e015"; }
.in-pin__glyph.map-braille:after { content: "\e016"; }
.in-pin__glyph.map-campground:after { content: "\e019"; }
.in-pin__glyph.map-canoe:after { content: "\e01a"; }
.in-pin__glyph.map-car-dealer:after { content: "\e01b"; }
.in-pin__glyph.map-car-repair:after { content: "\e01d"; }
.in-pin__glyph.map-car-wash:after { content: "\e01e"; }
.in-pin__glyph.map-casino:after { content: "\e01f"; }
.in-pin__glyph.map-cemetery:after { content: "\e020"; }
.in-pin__glyph.map-chairlift:after { content: "\e021"; }
.in-pin__glyph.map-church:after { content: "\e022"; }
.in-pin__glyph.map-circle:after { content: "\e023"; }
.in-pin__glyph.map-city-hall:after { content: "\e024"; }
.in-pin__glyph.map-climbing:after { content: "\e025"; }
.in-pin__glyph.map-closed-captioning:after { content: "\e026"; }
.in-pin__glyph.map-compass:after { content: "\e028"; }
.in-pin__glyph.map-courthouse:after { content: "\e02a"; }
.in-pin__glyph.map-cross-country-skiing:after { content: "\e02b"; }
.in-pin__glyph.map-crosshairs:after { content: "\e02c"; }
.in-pin__glyph.map-dentist:after { content: "\e02d"; }
.in-pin__glyph.map-department-store:after { content: "\e02e"; }
.in-pin__glyph.map-diving:after { content: "\e02f"; }
.in-pin__glyph.map-doctor:after { content: "\e030"; }
.in-pin__glyph.map-electrician:after { content: "\e031"; }
.in-pin__glyph.map-electronics-store:after { content: "\e032"; }
.in-pin__glyph.map-embassy:after { content: "\e033"; }
.in-pin__glyph.map-female:after { content: "\e035"; }
.in-pin__glyph.map-finance:after { content: "\e036"; }
.in-pin__glyph.map-fire-station:after { content: "\e037"; }
.in-pin__glyph.map-fish-cleaning:after { content: "\e038"; }
.in-pin__glyph.map-fishing-pier:after { content: "\e039"; }
.in-pin__glyph.map-florist:after { content: "\e03a"; }
.in-pin__glyph.map-food:after { content: "\e03b"; }
.in-pin__glyph.map-funeral-home:after { content: "\e03d"; }
.in-pin__glyph.map-furniture-store:after { content: "\e03e"; }
.in-pin__glyph.map-gas-station:after { content: "\e03f"; }
.in-pin__glyph.map-general-contractor:after { content: "\e040"; }
.in-pin__glyph.map-grocery-or-supermarket:after { content: "\e041"; }
.in-pin__glyph.map-gym:after { content: "\e042"; }
.in-pin__glyph.map-hair-care:after { content: "\e043"; }
.in-pin__glyph.map-hang-gliding:after { content: "\e044"; }
.in-pin__glyph.map-health:after { content: "\e046"; }
.in-pin__glyph.map-hindu-temple:after { content: "\e047"; }
.in-pin__glyph.map-hospital:after { content: "\e048"; }
.in-pin__glyph.map-ice-fishing:after { content: "\e049"; }
.in-pin__glyph.map-ice-skating:after { content: "\e04a"; }
.in-pin__glyph.map-inline-skating:after { content: "\e04b"; }
.in-pin__glyph.map-insurance-agency:after { content: "\e04c"; }
.in-pin__glyph.map-jet-skiing:after { content: "\e04d"; }
.in-pin__glyph.map-kayaking:after { content: "\e04f"; }
.in-pin__glyph.map-laundry:after { content: "\e050"; }
.in-pin__glyph.map-lawyer:after { content: "\e051"; }
.in-pin__glyph.map-liquor-store:after { content: "\e053"; }
.in-pin__glyph.map-local-government:after { content: "\e054"; }
.in-pin__glyph.map-location-arrow:after { content: "\e055"; }
.in-pin__glyph.map-locksmith:after { content: "\e056"; }
.in-pin__glyph.map-lodging:after { content: "\e057"; }
.in-pin__glyph.map-low-vision-access:after { content: "\e058"; }
.in-pin__glyph.map-male:after { content: "\e059"; }
.in-pin__glyph.map-map-pin:after { content: "\e05a"; }
.in-pin__glyph.map-marina:after { content: "\e05b"; }
.in-pin__glyph.map-movie-rental:after { content: "\e05d"; }
.in-pin__glyph.map-movie-theater:after { content: "\e05e"; }
.in-pin__glyph.map-moving-company:after { content: "\e05f"; }
.in-pin__glyph.map-natural-feature:after { content: "\e061"; }
.in-pin__glyph.map-open-captioning:after { content: "\e063"; }
.in-pin__glyph.map-painter:after { content: "\e064"; }
.in-pin__glyph.map-parking:after { content: "\e066"; }
.in-pin__glyph.map-physiotherapist:after { content: "\e069"; }
.in-pin__glyph.map-place-of-worship:after { content: "\e06a"; }
.in-pin__glyph.map-playground:after { content: "\e06b"; }
.in-pin__glyph.map-plumber:after { content: "\e06c"; }
.in-pin__glyph.map-point-of-interest:after { content: "\e06d"; }
.in-pin__glyph.map-political:after { content: "\e06f"; }
.in-pin__glyph.map-post-box:after { content: "\e070"; }
.in-pin__glyph.map-post-office:after { content: "\e071"; }
.in-pin__glyph.map-rafting:after { content: "\e074"; }
.in-pin__glyph.map-real-estate-agency:after { content: "\e075"; }
.in-pin__glyph.map-roofing-contractor:after { content: "\e077"; }
.in-pin__glyph.map-route:after { content: "\e078"; }
.in-pin__glyph.map-route-pin:after { content: "\e079"; }
.in-pin__glyph.map-rv-park:after { content: "\e07a"; }
.in-pin__glyph.map-sailing:after { content: "\e07b"; }
.in-pin__glyph.map-scuba-diving:after { content: "\e07d"; }
.in-pin__glyph.map-search:after { content: "\e07e"; }
.in-pin__glyph.map-sheild:after { content: "\e07f"; }
.in-pin__glyph.map-shopping-mall:after { content: "\e080"; }
.in-pin__glyph.map-sign-language:after { content: "\e081"; }
.in-pin__glyph.map-skateboarding:after { content: "\e082"; }
.in-pin__glyph.map-ski-jumping:after { content: "\e083"; }
.in-pin__glyph.map-skiing:after { content: "\e084"; }
.in-pin__glyph.map-sledding:after { content: "\e085"; }
.in-pin__glyph.map-snow:after { content: "\e086"; }
.in-pin__glyph.map-snow-shoeing:after { content: "\e087"; }
.in-pin__glyph.map-snowboarding:after { content: "\e088"; }
.in-pin__glyph.map-snowmobile:after { content: "\e089"; }
.in-pin__glyph.map-spa:after { content: "\e08a"; }
.in-pin__glyph.map-square:after { content: "\e08b"; }
.in-pin__glyph.map-square-pin:after { content: "\e08c"; }
.in-pin__glyph.map-square-rounded:after { content: "\e08d"; }
.in-pin__glyph.map-stadium:after { content: "\e08e"; }
.in-pin__glyph.map-storage:after { content: "\e08f"; }
.in-pin__glyph.map-store:after { content: "\e090"; }
.in-pin__glyph.map-surfing:after { content: "\e092"; }
.in-pin__glyph.map-swimming:after { content: "\e093"; }
.in-pin__glyph.map-taxi-stand:after { content: "\e095"; }
.in-pin__glyph.map-tennis:after { content: "\e096"; }
.in-pin__glyph.map-toilet:after { content: "\e097"; }
.in-pin__glyph.map-transit-station:after { content: "\e099"; }
.in-pin__glyph.map-travel-agency:after { content: "\e09a"; }
.in-pin__glyph.map-unisex:after { content: "\e09b"; }
.in-pin__glyph.map-university:after { content: "\e09c"; }
.in-pin__glyph.map-veterinary-care:after { content: "\e09d"; }
.in-pin__glyph.map-volume-control-telephone:after { content: "\e09e"; }
.in-pin__glyph.map-waterskiing:after { content: "\e09f"; }
.in-pin__glyph.map-whale-watching:after { content: "\e0a0"; }
.in-pin__glyph.map-wheelchair:after { content: "\e0a1"; }
.in-pin__glyph.map-wind-surfing:after { content: "\e0a2"; }