:root{--paper: #f7f7f4;--paper-raised: #ffffff;--paper-sunk: #efefe9;--ink: #16180f;--ink-soft: #5c5f52;--ink-faint: #6c6f60;--rule: #d9dad0;--rule-strong: #b9bbae;--enamel: #0b6b5e;--enamel-quiet: #e3efec;--warn: #8a5a00;--warn-quiet: #f6efdf;--seal: #c3272b;--seal-quiet: #f7e6e4;--lift: 0 1px 0 rgb(22 24 15 / 4%), 0 8px 32px rgb(22 24 15 / 10%);--chrome: "Archivo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--testimony: "Newsreader", "Noto Serif SC", "Songti SC", ui-serif, Georgia, serif;--t-xs: .75rem;--t-sm: .8125rem;--t-ms: .875rem;--t-md: 1rem;--t-lg: 1.25rem;--t-xl: 1.625rem;--t-2xl: 2.25rem;--t-3xl: 3.25rem;--t-display: clamp(2.25rem, 6.4vw, 4.5rem);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 72px;--s9: 96px;--s10: 144px;--r-input: 10px;--r-card: 16px;--r-panel: 24px;--r-chip: 999px;--e1: 0 1px 2px rgb(22 24 15 / 5%);--e2: 0 1px 2px rgb(22 24 15 / 4%), 0 6px 20px rgb(22 24 15 / 7%);--e3: 0 2px 6px rgb(22 24 15 / 6%), 0 18px 44px rgb(22 24 15 / 12%);--pandan: #2f7d52;--pandan-soft: #e4f1e8;--telang: #43539c;--telang-soft: #e6e9f6;--gula: #8a5a2b;--gula-soft: #f5ebe0;--bandung: #c14a70;--bandung-soft: #fae8ee;--dur-fast: .12s;--dur-ui: .18s;--dur-step: .28s;--ease: cubic-bezier(.16, 1, .3, 1);--z-nav: 30;--z-island: 40;--measure: 34rem;--page: 76rem}@media(prefers-color-scheme:dark){:root{--paper: #12130f;--paper-raised: #1a1b16;--paper-sunk: #0c0d0a;--ink: #f2f2ec;--ink-soft: #9b9e90;--ink-faint: #84877a;--rule: #2c2e25;--rule-strong: #43463a;--enamel: #3fa697;--enamel-quiet: #15302c;--warn: #d9a441;--warn-quiet: #2a2113;--seal: #e2564c;--seal-quiet: #34191a;--e1: 0 1px 2px rgb(0 0 0 / 30%);--e2: 0 1px 2px rgb(0 0 0 / 30%), 0 6px 20px rgb(0 0 0 / 40%);--e3: 0 2px 6px rgb(0 0 0 / 35%), 0 18px 44px rgb(0 0 0 / 50%);--pandan: #5fb583;--pandan-soft: #16281d;--telang: #8e9ada;--telang-soft: #1a1d2c;--gula: #c99a63;--gula-soft: #291f16;--bandung: #e4849f;--bandung-soft: #2b1a20;--lift: 0 1px 0 rgb(0 0 0 / 30%), 0 8px 32px rgb(0 0 0 / 45%)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--chrome);font-size:var(--t-md);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,p,figure,blockquote,ul,ol{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}.display{font-size:var(--t-display);font-weight:600;line-height:1.02;letter-spacing:-.035em;text-wrap:balance}.h-section{font-size:var(--t-2xl);font-weight:600;line-height:1.1;letter-spacing:-.025em;text-wrap:balance}.h-sub{font-size:var(--t-xl);font-weight:600;line-height:1.15;letter-spacing:-.02em}.lede{font-size:var(--t-lg);line-height:1.45;color:var(--ink-soft);max-width:var(--measure);text-wrap:pretty}.body-soft{color:var(--ink-soft);max-width:var(--measure);text-wrap:pretty}.meta-line{font-size:var(--t-sm);color:var(--ink-soft);font-variant-numeric:tabular-nums}.meta-line>span+span:before{content:" · ";color:var(--ink-faint)}:where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--enamel);outline-offset:2px;border-radius:var(--r-input)}.btn{box-shadow:var(--e1);display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);font:inherit;font-weight:500;white-space:nowrap;text-decoration:none;border-radius:var(--r-input);padding:var(--s3) var(--s5);cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.btn-primary{color:var(--paper);background:var(--ink);border:1px solid var(--ink)}.btn-primary:hover:not(:disabled){background:var(--ink-soft);border-color:var(--ink-soft)}.btn-quiet{color:var(--ink);background:transparent;border:1px solid var(--rule-strong)}.btn-quiet:hover:not(:disabled){background:var(--paper-sunk);border-color:var(--ink-faint)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:default}.btn-wide{width:100%}.link{color:var(--ink);font-weight:500;text-decoration:underline;text-decoration-color:var(--rule-strong);text-underline-offset:3px}.link:hover{text-decoration-color:currentcolor}.field{display:flex;flex-direction:column;gap:var(--s2)}.field>label{font-size:var(--t-ms);font-weight:500}.field input,.field textarea{font:inherit;color:var(--ink);background:var(--paper-raised);border:1px solid var(--rule-strong);border-radius:var(--r-input);padding:var(--s3) var(--s4);width:100%}.field input::placeholder,.field textarea::placeholder{color:var(--ink-faint)}.field-help{font-size:var(--t-sm);color:var(--ink-soft)}.field-error{font-size:var(--t-sm);color:var(--warn)}.notice{display:block;padding:var(--s3) var(--s4);background:var(--warn-quiet);border-left:2px solid var(--warn);color:var(--warn);font-size:var(--t-ms)}.notice-plain{color:var(--ink-soft);font-size:var(--t-ms)}.notice a,.notice-plain a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.page{max-width:var(--page);margin:0 auto;padding-inline:var(--s4)}@media(min-width:48rem){.page{padding-inline:var(--s6)}}.rise-in{animation:rise-in var(--dur-step) var(--ease) both}.fade-in{animation:fade-in var(--dur-step) var(--ease) both}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}}@keyframes fade-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rise-in{animation-name:fade-in;animation-duration:var(--dur-ui)}.fade-in{animation-duration:var(--dur-ui)}.skeleton,.skeleton-bar{animation:none}}.ground{position:relative;isolation:isolate}.ground:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-color:var(--rule);opacity:.55;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cg fill='none' stroke='%23000' stroke-width='1'%3E%3Ccircle cx='0' cy='0' r='22'/%3E%3Ccircle cx='44' cy='0' r='22'/%3E%3Ccircle cx='0' cy='44' r='22'/%3E%3Ccircle cx='44' cy='44' r='22'/%3E%3Ccircle cx='22' cy='22' r='22'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cg fill='none' stroke='%23000' stroke-width='1'%3E%3Ccircle cx='0' cy='0' r='22'/%3E%3Ccircle cx='44' cy='0' r='22'/%3E%3Ccircle cx='0' cy='44' r='22'/%3E%3Ccircle cx='44' cy='44' r='22'/%3E%3Ccircle cx='22' cy='22' r='22'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-size:44px 44px;mask-size:44px 44px}.ground-fade:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cg fill='none' stroke='%23000' stroke-width='1'%3E%3Ccircle cx='0' cy='0' r='22'/%3E%3Ccircle cx='44' cy='0' r='22'/%3E%3Ccircle cx='0' cy='44' r='22'/%3E%3Ccircle cx='44' cy='44' r='22'/%3E%3Ccircle cx='22' cy='22' r='22'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,#000 0%,#000 42%,transparent 88%);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cg fill='none' stroke='%23000' stroke-width='1'%3E%3Ccircle cx='0' cy='0' r='22'/%3E%3Ccircle cx='44' cy='0' r='22'/%3E%3Ccircle cx='0' cy='44' r='22'/%3E%3Ccircle cx='44' cy='44' r='22'/%3E%3Ccircle cx='22' cy='22' r='22'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,#000 0%,#000 42%,transparent 88%);-webkit-mask-size:44px 44px,100% 100%;mask-size:44px 44px,100% 100%;-webkit-mask-composite:source-in;mask-composite:intersect}.prose-page{padding-block:var(--s8) var(--s9);max-width:46rem}.prose-page p{margin-top:var(--s4);color:var(--ink-soft);max-width:68ch}.prose-page .h-section{margin-top:var(--s7)}.shell{min-height:100dvh;display:flex;flex-direction:column}.shell>main{position:relative;z-index:1;flex:1;margin-bottom:calc(var(--s9) + var(--s7) + var(--s3));background:var(--paper)}.nav{position:sticky;top:0;z-index:var(--z-nav);background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}@supports not (backdrop-filter: blur(8px)){.nav{background:var(--paper)}}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);height:64px;max-width:var(--page);margin:0 auto;padding-inline:var(--s4)}@media(min-width:48rem){.nav-inner{height:72px;padding-inline:var(--s6)}}.wordmark{display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--t-lg);font-weight:600;letter-spacing:-.035em;text-decoration:none;white-space:nowrap}.wordmark .chop{color:var(--seal);flex:none;transform:translateY(-1px)}.nav-links{display:flex;align-items:center;gap:var(--s4);font-size:var(--t-ms)}@media(min-width:30rem){.nav-links{gap:var(--s5)}}.nav-link{display:inline-flex;align-items:center;min-height:24px;text-decoration:none;color:var(--ink-soft);font-weight:500;white-space:nowrap;transition:color var(--dur-fast) var(--ease)}.nav-link:hover,.nav-link[aria-current=page]{color:var(--ink)}.nav-cta{padding:var(--s2) var(--s4);font-size:var(--t-ms)}.foot{position:fixed;bottom:0;left:0;right:0;z-index:0;height:calc(var(--s9) + var(--s7) + var(--s3));border-top:1px solid var(--rule);background:var(--paper)}.foot-inner{max-width:var(--page);height:100%;margin:0 auto;padding-inline:var(--s4);display:grid;justify-items:center;align-content:center;gap:var(--s3);text-align:center}.foot-brand{display:inline-flex;align-items:center;gap:var(--s2);text-decoration:none;color:var(--ink)}.foot-brand .chop{color:var(--seal);flex:none}.foot-name{font-size:var(--t-lg);font-weight:600;letter-spacing:-.035em}.foot-motto{font-size:var(--t-ms);color:var(--ink-soft);margin:0}.foot-link{font-size:var(--t-sm);color:var(--ink-soft);text-decoration:none;border-bottom:1px solid var(--rule-strong);padding-bottom:1px;transition:color var(--dur-fast) var(--ease)}.foot-link:hover{color:var(--ink)}.nav-account{font-size:var(--t-sm);color:var(--ink-soft);max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-account-shared{color:var(--warn);max-width:none}.nav-signout{font:inherit;font-size:var(--t-ms);background:none;border:none;padding:0;cursor:pointer}@media(max-width:30rem){.wordmark-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}.hero-band{border-bottom:1px solid var(--rule)}.hero{display:grid;gap:var(--s7);padding-block:var(--s7) var(--s8);align-items:start}@media(min-width:62rem){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:var(--s8);column-gap:var(--s7);align-items:center;padding-block:var(--s8);min-height:min(38rem,calc(100dvh - 72px))}}.hero-copy>*+*{margin-top:var(--s5)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s6)}.specimen{position:relative;border:1px solid var(--rule);border-radius:var(--r-panel);box-shadow:var(--e2);padding:var(--s5);margin:0}.specimen .stamp{top:calc(var(--s6) * -1);right:calc(var(--s5) * -1)}@media(max-width:30rem){.specimen .stamp{top:var(--s4);right:var(--s4)}}.hero-band .specimen{background:var(--paper)}@media(min-width:48rem){.specimen{padding:var(--s6)}}.specimen-caption{font-size:var(--t-sm);color:var(--ink-soft);margin-bottom:var(--s3)}.specimen-head{padding-bottom:var(--s4)}.specimen .evidence{margin-top:0}.feature-quote{margin-top:var(--s6);max-width:44rem}.section{padding-block:var(--s8);border-top:1px solid var(--rule)}@media(min-width:62rem){.section{padding-block:var(--s9)}}.section-split{display:grid;gap:var(--s6)}@media(min-width:62rem){.section-split{grid-template-columns:minmax(0,24rem) minmax(0,1fr);gap:var(--s8);align-items:start}.section-split .feature-quote{margin-top:0}}.section-lede{margin-top:var(--s4)}.section-notice{margin-top:var(--s5)}.corpus{display:grid;gap:var(--s5);margin-top:var(--s6)}@media(min-width:40rem){.corpus{grid-template-columns:repeat(3,1fr);gap:var(--s6)}}.stat{border-top:1px solid var(--rule-strong);padding-top:var(--s3)}.stat-figure{font-size:var(--t-2xl);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1}.stat-label{font-size:var(--t-sm);color:var(--ink-soft);margin-top:var(--s2)}.commitments{margin-top:var(--s6)}.commitments>li{display:grid;gap:var(--s2);padding-block:var(--s5);border-top:1px solid var(--rule)}@media(min-width:48rem){.commitments>li{grid-template-columns:minmax(0,26rem) minmax(0,1fr);gap:var(--s7);align-items:baseline}}.commit-claim{font-size:var(--t-lg);font-weight:600;letter-spacing:-.015em;line-height:1.25}.commit-why{font-size:var(--t-ms);color:var(--ink-soft);max-width:62ch}.last-call{position:relative;margin-top:var(--s8);isolation:isolate;display:grid;align-items:end;min-height:22rem;overflow:hidden}.last-call-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:30% 50%}.last-call:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c0e0b73,#0c0e0bb8 55%,#0c0e0be0)}.last-call-copy{max-width:var(--page);width:100%;margin-inline:auto;padding:var(--s8) var(--s4);color:#f4f4ee}@media(min-width:48rem){.last-call{min-height:26rem}.last-call-copy{padding-inline:var(--s6);padding-block:var(--s9);max-width:min(var(--page),100%)}}@media(min-width:62rem){.last-call-inner{margin-left:auto;max-width:32rem}}.last-call-copy .section-lede{color:#d3d5cc}.btn-invert{margin-top:var(--s5);color:#16180f;background:#f7f7f4;border:1px solid #f7f7f4;justify-self:start}.btn-invert:hover:not(:disabled){background:#fff;border-color:#fff}.specimen-enter{animation-delay:90ms}@media(prefers-reduced-motion:reduce){.specimen-enter{animation-delay:0ms}}.hero-full{position:relative;isolation:isolate;display:grid;align-items:center;min-height:calc(100dvh - 72px);overflow:hidden}.hero-full-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:40% 50%;filter:blur(2px);transform:scale(1.06)}.hero-full:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,#0c0e0bd6,#0c0e0b9e 46%,#0c0e0b4d)}.hero-full-inner{max-width:var(--page);width:100%;margin-inline:auto;padding:var(--s8) var(--s4)}@media(min-width:48rem){.hero-full-inner{padding-inline:var(--s6)}}.hero-glass{max-width:44rem;padding:var(--s6);border-radius:var(--r-panel);border:1px solid rgb(255 255 255 / 14%);background:#12140e75;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--e3);color:#f6f3ee}@media(min-width:48rem){.hero-glass{padding:var(--s7)}}.hero-glass .lede{color:#ddd8cf;margin-top:var(--s5)}.hero-mark{display:inline-flex;color:#f6f3ee;margin-bottom:var(--s5)}@media(prefers-reduced-transparency:reduce){.hero-glass{background:#12140eeb;-webkit-backdrop-filter:none;backdrop-filter:none}}.posts-split{display:grid;gap:var(--s6);margin-top:var(--s6)}@media(min-width:76rem){.posts-split{grid-template-columns:minmax(42rem,1.3fr) minmax(0,1fr);gap:var(--s7);align-items:start}}.post-cards{display:grid;gap:var(--s5);list-style:none;padding:0}@media(min-width:48rem){.post-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6)}}@media(min-width:76rem){.post-cards{grid-template-columns:minmax(0,1fr);gap:var(--s5)}}.post-card{display:flex;flex-direction:column;gap:var(--s4);min-width:0;padding:var(--s5);border:1px solid var(--rule);border-radius:var(--r-card);background:var(--paper-raised);box-shadow:var(--e1);transition:box-shadow var(--dur-ui) var(--ease),border-color var(--dur-ui) var(--ease)}.post-card:hover{border-color:var(--rule-strong);box-shadow:var(--e2)}.post-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-width:0}.post-card-date{font-size:var(--t-xs);color:var(--ink-faint);white-space:nowrap}.post-card-quote{font-family:var(--testimony);font-size:var(--t-ms);line-height:1.65;color:var(--ink);margin:0;min-width:0;white-space:pre-line;overflow-wrap:anywhere}.post-card-link{margin-top:auto;font-size:var(--t-sm);color:var(--enamel);text-decoration:none;border-bottom:1px solid currentcolor;align-self:flex-start;padding-bottom:1px}.results{margin-top:var(--s6);border-top:1px solid var(--rule)}.result{display:grid;grid-template-columns:2rem minmax(0,1fr);column-gap:var(--s3);padding-block:var(--s6);border-bottom:1px solid var(--rule)}@media(min-width:48rem){.result{grid-template-columns:3rem minmax(0,1fr);column-gap:var(--s5)}}.rank{font-size:var(--t-sm);font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink-faint);padding-top:.4rem}.venue-name{font-size:var(--t-lg);font-weight:600;letter-spacing:-.02em;line-height:1.3}@media(min-width:48rem){.venue-name{font-size:var(--t-xl)}}.venue-name a{text-decoration:none;padding-block:3px}.venue-name a:hover{text-decoration:underline;text-underline-offset:3px}.result .meta-line{margin-top:var(--s2)}.why{margin-top:var(--s3);font-size:var(--t-ms);color:var(--ink-soft);max-width:56ch}.basis{margin-top:var(--s2);font-size:var(--t-sm);color:var(--ink-faint)}.evidence{margin-top:var(--s4);display:grid;gap:var(--s4)}.result-body,.specimen{container-type:inline-size}@container (min-width: 34rem){.evidence-pair{grid-template-columns:1fr 1fr;gap:var(--s6)}}.testimony{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s3);border-top:1px solid var(--rule);padding-top:var(--s3);min-width:0;max-width:100%}.testimony>*{min-width:0;max-width:100%}.excerpt{font-family:var(--testimony);font-size:var(--t-md);line-height:1.75;letter-spacing:normal;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;max-width:46ch}.excerpt-lg{font-size:var(--t-lg)}.result .excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;line-clamp:7;overflow:hidden}.attribution{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3)}.posted{font-size:var(--t-xs);color:var(--ink-faint);font-variant-numeric:tabular-nums}.chip{min-width:0;display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--t-xs);font-weight:500;color:var(--enamel);background:var(--enamel-quiet);border-radius:var(--r-chip);padding:var(--s1) var(--s3);text-decoration:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip:hover{text-decoration:underline}.result-actions{margin-top:var(--s3);display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);font-size:var(--t-ms)}.result-actions .link,.rail-taste .link,.attribution .link{display:inline-flex;align-items:center;min-height:24px}.discover-grid{display:grid;gap:var(--s6);padding-block:var(--s5) var(--s8)}@media(min-width:60rem){.discover-grid{grid-template-columns:17rem minmax(0,1fr);gap:var(--s8);padding-block:var(--s7) var(--s10)}}@media(min-width:60rem){.discover-rail{position:sticky;top:calc(72px + var(--s5));align-self:start;max-height:calc(100dvh - 72px - var(--s8));overflow-y:auto}}.rail-block+.rail-block{margin-top:var(--s5);padding-top:var(--s5);border-top:1px solid var(--rule)}.rail-heading{font-size:var(--t-sm);font-weight:600;margin-bottom:var(--s3)}.search{display:flex;gap:var(--s2)}.search input{flex:1;min-width:0;font:inherit;color:var(--ink);background:var(--paper-raised);border:1px solid var(--rule-strong);border-radius:var(--r-input);padding:var(--s3) var(--s4)}.search input::placeholder{color:var(--ink-faint)}.taste-summary{display:grid;gap:var(--s2);font-size:var(--t-sm)}.taste-summary>div{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:var(--s3);align-items:baseline}.taste-summary dt{color:var(--ink-faint)}.taste-summary dd{margin:0;color:var(--ink);overflow-wrap:anywhere}.result-count{font-size:var(--t-sm);color:var(--ink-soft);font-variant-numeric:tabular-nums}.stack-gap>*+*{margin-top:var(--s4)}.empty{padding-block:var(--s8);color:var(--ink-soft);max-width:var(--measure)}.empty-centred{text-align:center;margin-inline:auto}.empty>*+*{margin-top:var(--s3)}.skeleton{border-bottom:1px solid var(--rule);padding-block:var(--s6);display:grid;grid-template-columns:2rem minmax(0,1fr);column-gap:var(--s3)}@media(min-width:48rem){.skeleton{grid-template-columns:3rem minmax(0,1fr);column-gap:var(--s5)}}.skeleton-bar{height:.75rem;background:var(--paper-sunk);border:1px solid var(--rule)}.skeleton-bar+.skeleton-bar{margin-top:var(--s3)}.skeleton-bar:nth-child(1){width:45%;height:1.25rem}.skeleton-bar:nth-child(2){width:30%}.skeleton-bar:nth-child(3){width:88%}.skeleton-bar:nth-child(4){width:66%}@media(prefers-reduced-motion:no-preference){.skeleton{animation:skeleton-breathe 1.6s ease-in-out infinite}}@keyframes skeleton-breathe{50%{opacity:.55}}.venue-head{padding-block:var(--s7) var(--s6);border-bottom:1px solid var(--rule)}.venue-title{font-size:var(--t-2xl);font-weight:600;letter-spacing:-.03em;line-height:1.1}.trail{padding-block:var(--s6) var(--s7)}.trail-item{padding-block:var(--s5);border-bottom:1px solid var(--rule);display:grid;gap:var(--s3)}@media(min-width:48rem){.trail-item{grid-template-columns:12rem minmax(0,1fr);gap:var(--s6)}}.trail-list{margin-top:var(--s5)}.venue-back{padding-top:var(--s5)}.trail-source{font-size:var(--t-sm);color:var(--ink-soft);display:flex;flex-direction:column;align-items:flex-start;gap:var(--s2)}@media(max-width:59.99rem){.discover-rail{display:contents}.rail-search{order:1}.discover-results{order:2}.rail-distance{order:3}.rail-taste{order:4}.rail-mascot{order:5}.rail-block+.rail-block{margin-top:0;padding-top:0;border-top:0}.rail-distance,.rail-taste,.rail-mascot{padding-top:var(--s5);border-top:1px solid var(--rule)}}.list-basis{margin-top:var(--s1);max-width:54ch}.stamp{position:absolute;top:calc(var(--s5) * -1);right:0;color:var(--seal);opacity:.9;transform:rotate(-7deg);pointer-events:none;animation:press var(--dur-step) var(--ease) both}.result-body{position:relative}@keyframes press{0%{opacity:0;transform:rotate(-7deg) scale(1.35)}}@media(max-width:30rem){.stamp{top:0;right:var(--s2)}.stamp .chop{width:38px;height:38px}}@media(prefers-reduced-motion:reduce){.stamp{animation-name:fade-in;animation-duration:var(--dur-ui)}}.taste{display:grid;gap:var(--s6);padding-block:var(--s6);padding-bottom:128px;min-height:calc(100dvh - 64px);align-content:start}@media(min-width:56rem){.taste{grid-template-columns:minmax(0,1fr) 18rem;gap:var(--s8);padding-block:var(--s7);padding-bottom:140px;min-height:calc(100dvh - 72px)}}.taste-rail{order:-1}.taste-rail .index-island{display:none}@media(min-width:56rem){.taste-rail{order:0;position:sticky;top:calc(72px + var(--s6));align-self:start}.taste-rail .index-island{display:block;margin-top:var(--s6)}}.step-panel[hidden]{display:none}@media(min-width:56rem){.step-panel:not([hidden]){display:flex;flex-direction:column;justify-content:center;min-height:calc(100dvh - 72px - 140px - var(--s7))}}.step-question{font-size:var(--t-2xl);font-weight:600;letter-spacing:-.03em;line-height:1.1;text-wrap:balance}@media(min-width:48rem){.step-question{font-size:var(--t-3xl)}}.step-hint{margin-top:var(--s3);color:var(--ink-soft);max-width:var(--measure)}.options{display:grid;gap:var(--s3);margin-top:var(--s6);max-width:48rem}@media(min-width:40rem){.taste .options{grid-template-columns:1fr 1fr}}.option{display:flex;align-items:baseline;gap:var(--s3);width:100%;text-align:left;font:inherit;color:var(--ink);background:transparent;border:1px solid var(--rule-strong);border-radius:var(--r-input);padding:var(--s4);cursor:pointer;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.option:hover{border-color:var(--ink-faint);background:var(--paper-sunk)}.option:focus-within{outline:2px solid var(--enamel);outline-offset:2px}.option:has(input:checked),.option[aria-pressed=true]{border-color:var(--ink);background:var(--paper-raised);box-shadow:inset 0 0 0 1px var(--ink)}.option:active{transform:translateY(1px)}.option-label{font-weight:500;flex:1}.option-note{display:block;font-weight:400;font-size:var(--t-sm);color:var(--ink-soft);margin-top:var(--s1)}.option-tick{font-size:var(--t-sm);color:var(--ink);line-height:1}.own-words{margin-top:var(--s4);max-width:44rem}.index-list>li+li{margin-top:var(--s1)}.index-link{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);width:100%;text-align:left;font:inherit;font-size:var(--t-ms);color:var(--ink-soft);background:none;border:none;border-left:2px solid var(--rule);padding:var(--s2) var(--s3);cursor:pointer;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.index-link:hover:not(:disabled){color:var(--ink)}.index-link[aria-current=step]{color:var(--ink);font-weight:600;border-left-color:var(--ink)}.index-link:disabled{cursor:default;color:var(--ink-faint)}.index-tick{color:var(--enamel);font-size:var(--t-sm)}.bottom-island{position:fixed;bottom:var(--s5);left:50%;transform:translate(-50%);z-index:var(--z-island);display:flex;align-items:center;gap:var(--s3);width:calc(100% - var(--s6));max-width:27rem;justify-content:space-between;background:var(--paper-raised);border:1px solid var(--rule-strong);box-shadow:var(--lift);padding:var(--s2) var(--s2) var(--s2) var(--s3)}.island-counter{font-size:var(--t-sm);color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap}.island-back{font:inherit;font-size:var(--t-ms);font-weight:500;color:var(--ink);background:none;border:none;padding:var(--s2) var(--s3);cursor:pointer;border-radius:var(--r-input)}.island-back:disabled{color:var(--ink-faint);cursor:default}.bottom-island .btn{padding:var(--s2) var(--s4);font-size:var(--t-ms)}.mascot{position:relative;width:100%}.mascot-fallback{display:flex;flex-direction:column;justify-content:center;border-left:2px solid var(--rule);padding-left:var(--s4);padding-right:var(--s8)}.mascot-canvas,.mascot-fallback{position:absolute;inset:0}.mascot-live{height:200px;padding-bottom:var(--s6)}.mascot-reading{position:absolute;inset:auto 0 0}.mascot:not(.mascot-live) .mascot-fallback{position:static}.mascot canvas{display:block}.mascot-dismiss{position:absolute;top:0;right:0;z-index:1;font:inherit;font-size:var(--t-xs);color:var(--ink-soft);background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-input);padding:var(--s1) var(--s2);cursor:pointer}.mascot-dismiss:hover{color:var(--ink);border-color:var(--ink-faint)}.mascot-read{font-size:var(--t-ms);font-weight:600}.mascot-note{font-size:var(--t-sm);color:var(--ink-soft);margin-top:var(--s1);max-width:32ch}.companion{display:grid;gap:var(--s2)}.companion-stage{display:none;position:relative}.companion-live .companion-stage{height:220px}.companion canvas{display:block}@media(min-width:56rem){.companion-stage{display:block}}.companion-bubble{position:relative;background:var(--bandung-soft);border:1px solid var(--rule);border-radius:var(--r-panel);padding:var(--s4) var(--s5);font-size:var(--t-ms);line-height:1.55;color:var(--ink);box-shadow:var(--e1);text-wrap:pretty}.companion-bubble:before,.companion-bubble:after{content:"";position:absolute;left:var(--s6);width:0;height:0;border-inline:9px solid transparent}.companion-bubble:before{top:-10px;border-bottom:10px solid var(--rule)}.companion-bubble:after{top:-9px;border-bottom:10px solid var(--bandung-soft)}@media(max-width:55.99rem){.companion-bubble:before,.companion-bubble:after{display:none}}.companion-voice{justify-self:start;display:inline-flex;align-items:center;gap:var(--s2);font:inherit;font-size:var(--t-xs);color:var(--ink-soft);background:transparent;border:1px solid var(--rule);border-radius:var(--r-chip);padding:var(--s1) var(--s3);cursor:pointer;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.companion-voice:hover{color:var(--ink);border-color:var(--ink-faint)}.companion-voice[aria-pressed=true]{color:var(--bandung);border-color:var(--bandung)}.companion-voice-icon{font-size:var(--t-ms);line-height:1}.auth{max-width:27rem;margin-inline:auto;padding-block:var(--s8) var(--s9)}.auth-head{padding-bottom:var(--s6)}.auth-form{display:grid;gap:var(--s5)}.auth-alt{margin-top:var(--s5);font-size:var(--t-ms);line-height:1.9;color:var(--ink-soft)}.guest-btn{margin-top:var(--s5)}.auth-alt .link{padding-block:5px}.auth-split{display:grid;gap:0;align-items:stretch}.auth-brand{display:none}.auth-pane{padding-inline:var(--s4)}@media(min-width:64rem){.auth-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:calc(100dvh - 72px)}.auth-brand{position:sticky;top:72px;align-self:start;height:calc(100dvh - 72px);display:block;overflow:hidden;isolation:isolate}.auth-pane{display:grid;align-content:center;padding-inline:var(--s8)}}.auth-brand-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.auth-brand:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#3c0c081a,#3c0c088c 62%,#3c0c08e0)}.auth-brand-copy{position:absolute;inset-inline:var(--s7);bottom:var(--s7);color:#fdf6f2}.auth-brand-mark{display:inline-flex;color:#fdf6f2}.auth-brand-line{font-size:var(--t-2xl);font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-top:var(--s4);text-wrap:balance}.auth-brand-sub{font-size:var(--t-ms);color:#f0d8cd;margin-top:var(--s3);max-width:32ch}@media(min-width:64rem){.auth-pane .auth{max-width:27rem;margin-inline:0;padding-block:var(--s8)}}