@property --seed-hue{syntax:"<number>";inherits:true;initial-value:40}@property --seed-drift{syntax:"<number>";inherits:true;initial-value:0}:root,[data-theme=field-journal]{--seed-hue:40;--seed-drift:0;--hue-paper:calc(40 + var(--seed-drift) * 22);--hue-stamp:calc(28 + var(--seed-drift) * 16);--hue-ticket:calc(258 + var(--seed-drift) * 18);--hue-tape:calc(92 + var(--seed-drift) * 28);--paper:oklch(96.5% 0.016 var(--hue-paper));--paper-deep:oklch(92.5% 0.022 var(--hue-paper));--paper-edge:oklch(86% 0.027 var(--hue-paper));--print:oklch(98.5% 0.004 var(--hue-paper));--ink:oklch(23% 0.022 calc(var(--hue-paper) + 15));--ink-soft:oklch(40% 0.02 calc(var(--hue-paper) + 15));--ink-faint:oklch(47% 0.018 calc(var(--hue-paper) + 15));--pencil:oklch(47% 0.018 calc(var(--hue-paper) + 15)/0.6);--pen:oklch(30% 0.07 var(--hue-ticket));--rule:oklch(84% 0.02 var(--hue-paper));--stamp:oklch(54% 0.2 var(--hue-stamp));--stamp-ink:oklch(98% 0.01 var(--hue-stamp));--ticket:oklch(44% 0.15 var(--hue-ticket));--ticket-ink:oklch(97% 0.012 var(--hue-ticket));--ticket-edge:oklch(36% 0.14 var(--hue-ticket));--tape:oklch(88% 0.12 var(--hue-tape)/0.82);--leather:oklch(21% 0.03 48);--leather-deep:oklch(15% 0.025 48);--leather-hi:oklch(100% 0 0/0.07);--scrim:oklch(18% 0.03 var(--hue-paper)/0.55);--focus:oklch(60% 0.18 var(--hue-ticket));--spine:oklch(20% 0.03 48/0.16);--stain:oklch(48% 0.075 62);--stain-alpha:0.075;--shadow-page:0 18px 40px -18px oklch(20% 0.03 48/0.55),0 2px 6px -2px oklch(20% 0.03 48/0.25);--shadow-ticket:0 10px 24px -12px oklch(25% 0.1 var(--hue-ticket)/0.6),0 1px 2px oklch(20% 0.05 var(--hue-ticket)/0.3);--shadow-ticket-lift:0 18px 32px -14px oklch(25% 0.1 var(--hue-ticket)/0.65),0 1px 2px oklch(20% 0.05 var(--hue-ticket)/0.3);--shadow-tape:0 1px 2px oklch(30% 0.05 var(--hue-tape)/0.25);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.2 0 0 0 0 0.16 0 0 0 0 0.12 0 0 0 0.16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");--mottle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024'%3E%3Cfilter id='m' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.0045' numOctaves='3' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.3 0 0 0 0 0.22 0 0 0 0 0.14 0 0 0 0.32 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E");--fibres:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.015 0.7' numOctaves='2' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 0.98 0 0 0 0 0.94 0 0 0 0.42 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");--leather-tile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='l' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.045' numOctaves='4' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 0.9 0 0 0 0 0.8 0 0 0 0.16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23l)'/%3E%3C/svg%3E");--paper-vignette:radial-gradient(130% 110% at 50% 35%,transparent 45%,oklch(20% 0.03 var(--hue-paper)/0.05) 80%,oklch(20% 0.03 var(--hue-paper)/0.1) 100%);--grain-blend:multiply;--fibre-blend:soft-light;--ease-standard:cubic-bezier(0.2,0,0,1);--ease-emphasized:cubic-bezier(0.05,0.7,0.1,1);--ease-exit:cubic-bezier(0.3,0,0.8,0.15);--ease-leaf:cubic-bezier(0.3,0,0.65,0.45);--dur-fast:120ms;--dur-base:240ms;--dur-slow:480ms;--dur-cinematic:800ms;--dur-leaf:820ms;--desk-margin:0.55rem;--ticket-overhang:1.6rem;--touch-target:3rem;color-scheme:light}::-moz-selection{background:var(--tape);color:var(--ink)}::selection{background:var(--tape);color:var(--ink)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:2px}*{scrollbar-color:var(--paper-edge) transparent;scrollbar-width:thin}input,textarea{caret-color:var(--stamp)}a{text-underline-offset:.18em;text-decoration-thickness:1px}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0ms;--dur-base:0ms;--dur-slow:0ms;--dur-cinematic:0ms;--dur-leaf:0ms}}.paper{isolation:isolate;background:transparent}.paper:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-color:var(--paper);background-image:var(--fibres),var(--grain),var(--mottle),var(--stains,none),var(--paper-vignette);background-size:420px 420px,160px 160px,1024px 1024px,auto,auto;background-blend-mode:var(--fibre-blend),var(--grain-blend),var(--grain-blend),multiply,multiply;clip-path:var(--edge,none)}.paper>*{position:relative;z-index:1}.spine{position:absolute;inset:0 auto 0 0;width:26px;z-index:0;pointer-events:none;background:linear-gradient(90deg,var(--spine),transparent)}.title-clip{overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.backdrop-map{animation:backdrop-map-in var(--dur-cinematic) var(--ease-standard) both}@keyframes backdrop-map-in{0%{opacity:0}to{opacity:1}}.backdrop-inner{position:absolute;inset:0}.backdrop-photo{clip-path:inset(0 0 100% 0);transform:scale(1.03);transition:clip-path var(--dur-cinematic) var(--ease-emphasized),transform 1.4s cubic-bezier(.22,1,.36,1)}.backdrop-photo.is-loaded{clip-path:inset(0 0 0 0);transform:none}.backdrop-label{right:.6rem;bottom:.5rem;font-size:.7rem;color:oklch(98% .01 48/.7)}.backdrop-label,.pencil-frame{position:absolute;font-family:var(--font-ticket);letter-spacing:.1em;text-transform:uppercase}.pencil-frame{inset:0;border:1px dashed var(--pencil);border-radius:2px;pointer-events:none;display:grid;place-items:center;font-size:.8rem;color:var(--pencil);opacity:0}.pencil-frame svg{position:absolute;left:50%;bottom:34%;width:7.5rem;height:12px;translate:-50% 0;overflow:visible}.glyph,.pencil-frame path{fill:none;stroke:var(--pencil);stroke-width:1.4;stroke-linecap:round}.glyph{width:1.6rem;height:1.6rem;stroke-linejoin:round;overflow:visible}.notes{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;gap:.35rem}.note{display:grid;grid-template-columns:1.7rem minmax(0,1fr) auto;gap:.65rem;align-items:start;width:100%;min-height:2.75rem;margin:0 -.35rem 0 -.1rem;padding:.45rem .35rem .35rem .1rem;border:0;border-radius:var(--radius-control,8px);background:none;text-align:left;font-family:var(--font-hand),"Bradley Hand","Segoe Print",cursive;font-size:1.5rem;line-height:1.08;color:var(--pen);text-shadow:0 0 .35px currentColor;transform:rotate(-.7deg);transform-origin:left center;-webkit-tap-highlight-color:transparent}button.note{cursor:pointer}.notes li:nth-child(2n) .note{transform:rotate(.5deg) translateX(.35rem)}.notes li:nth-child(3n) .note{transform:rotate(-.3deg) translateX(.15rem)}.note .glyph{margin-top:.1rem}.note-text{padding-top:.15rem}.note-warning .note-text{text-decoration:underline;text-decoration-color:var(--stamp);text-decoration-thickness:1.5px;text-underline-offset:.1em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.note-arrow{width:1.1rem;height:1.1rem;stroke:var(--pen);margin-top:.35rem;opacity:.7}button.note:active{background:var(--paper-deep)}@media (hover:hover){button.note:hover{background:var(--paper-deep)}}.reading-mark{position:absolute;left:.45rem;top:0;width:3px;height:1.35rem;border-radius:2px;background:var(--stamp);opacity:0;z-index:4;pointer-events:none}.btn-control{min-height:var(--touch-target,3rem)}@media (pointer:coarse){.btn-control{min-height:calc(var(--touch-target, 3rem) + .25rem);padding-inline:1.15rem;font-size:1.0625rem;letter-spacing:.05em}}.choice{--stub:max(var(--touch-target,3rem),3.4rem);margin:1.25rem 0 0}.choice-stub{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"glyph label" "glyph detail";align-items:center;gap:0 .7rem;min-height:var(--stub);padding:.6rem .9rem;border:1px solid var(--rule);border-radius:var(--radius-ticket,6px);background:var(--paper-deep);color:var(--ink-soft);font-family:var(--font-ticket);text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),transform var(--dur-base) var(--ease-emphasized)}.choice-stub:active{transform:translateY(1px)}.choice-stub.is-chosen{background:var(--ticket);border-color:var(--ticket-edge);color:var(--ticket-ink);box-shadow:var(--shadow-ticket)}.choice-stub.is-chosen:after{content:"";position:absolute;inset:.35rem auto .35rem 0;width:1px;border-left:2px dashed oklch(from var(--ticket-ink) l c h/.45);transform:translateX(.45rem)}.choice-stub.is-chosen .choice-detail{color:oklch(from var(--ticket-ink) l c h/.85)}.choice-glyph{grid-area:glyph;width:1.5rem;height:1.5rem;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.choice-label{grid-area:label;font-size:1.0625rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1.15}.choice-detail{grid-area:detail;font-size:.9375rem;letter-spacing:.03em;font-variant-numeric:tabular-nums lining-nums;color:var(--ink-faint);line-height:1.3}.choice-rail{display:flex;gap:.5rem;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:.15rem}.choice-rail::-webkit-scrollbar{display:none}.choice-rail .choice-stub{flex:1 0 auto;min-width:5rem;grid-template-columns:minmax(0,1fr);grid-template-areas:"glyph" "label" "detail";justify-items:center;text-align:center;gap:.15rem;padding:.7rem .6rem .75rem;scroll-snap-align:center}.choice-rail .choice-label{font-size:.9375rem;letter-spacing:.07em}.choice-rail .choice-detail,.choice-rows .choice-detail{white-space:nowrap}.choice-rail .choice-stub.is-chosen:after{inset:0 .4rem auto .4rem;width:auto;height:1px;border-left:0;border-top:2px dashed oklch(from var(--ticket-ink) l c h/.4);transform:translateY(.4rem)}.choice-rows .choice-stub.is-chosen .choice-detail,.choice-rows .choice-stub.is-chosen .choice-label{padding-left:.55rem}@media (min-width:768px){.choice-rail{justify-content:flex-start}.choice-rail .choice-stub{flex:0 1 11rem}.choice-rows .choice-stub{max-width:30rem}}.choice-rows{display:grid;gap:.5rem}.choice-deck-frame{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;gap:.4rem}.choice-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"glyph label" "glyph detail";align-items:center;gap:0 .75rem;min-height:calc(var(--stub) + .6rem);padding:.7rem 1rem;border-radius:var(--radius-ticket,6px);background:var(--ticket);color:var(--ticket-ink);box-shadow:var(--shadow-ticket);font-family:var(--font-ticket);touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform var(--dur-base) var(--ease-emphasized)}.choice-card .choice-detail{color:oklch(from var(--ticket-ink) l c h/.85)}.choice-arrow{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch-target,3rem);min-height:var(--touch-target,3rem);padding:0;border:1px solid var(--rule);border-radius:var(--radius-control,8px);background:var(--paper-deep);color:var(--ink-soft);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.choice-arrow:active{background:var(--paper-edge);color:var(--ink)}.choice-arrow svg{width:1.4rem;height:1.4rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.choice-dots{display:flex;justify-content:center;gap:.15rem;margin-top:.35rem}.choice-dot{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target,3rem);height:2.25rem;padding:0;border:0;background:none;cursor:pointer}.choice-dot span{width:.5rem;height:.5rem;border-radius:9999px;border:1px solid var(--ink-faint);transition:background var(--dur-fast) var(--ease-standard),transform var(--dur-base) var(--ease-emphasized)}.choice-dot.is-chosen span{background:var(--stamp);border-color:var(--stamp);transform:scale(1.25)}@media (hover:hover){.choice-stub:hover{border-color:var(--ink-faint);color:var(--ink)}.choice-stub.is-chosen:hover{background:var(--ticket-edge);color:var(--ticket-ink)}.choice-arrow:hover{background:var(--paper-edge);color:var(--ink)}}.fall-space{position:fixed;left:0;right:0;bottom:0;z-index:35;overflow:hidden;pointer-events:none}.boekenlegger{position:absolute;top:0;background:repeating-linear-gradient(180deg,transparent 0 3.1rem,oklch(from var(--rule) l c h/.45) 3.1rem 3.15rem),linear-gradient(90deg,oklch(0 0 0/.12),transparent 26%,transparent 74%,oklch(0 0 0/.09)),linear-gradient(174deg,oklch(from var(--paper-deep) calc(l - .05) calc(c + .012) h) 0,oklch(from var(--paper-deep) calc(l - .09) calc(c + .02) h) 48%,oklch(from var(--paper-deep) calc(l - .14) calc(c + .022) h) 100%);border-radius:2px 2px 0 0;box-shadow:var(--shadow-ticket);clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 1.2rem),0 100%);transform-origin:50% 0}.boekenlegger:before{content:"";position:absolute;inset:0;background-image:var(--fibres),var(--grain);background-size:180px 180px,120px 120px;mix-blend-mode:var(--grain-blend);opacity:.55}.boekenlegger-band{position:absolute;left:.3rem;right:.3rem;top:1rem;height:.55rem;background:var(--ticket);opacity:.92}.boekenlegger-band:after{content:"";position:absolute;left:0;right:0;top:.95rem;height:2px;background:var(--stamp);opacity:.6}.boekenlegger-rule{position:absolute;top:0;bottom:0;left:.62rem;width:1px;background:oklch(from var(--stamp) l c h/.45)}.loose-page{position:absolute;background:repeating-linear-gradient(180deg,transparent 0 1.55rem,oklch(from var(--rule) l c h/.5) 1.55rem 1.6rem),linear-gradient(200deg,var(--paper) 0,var(--paper-deep) 88%);box-shadow:var(--shadow-page);will-change:transform}.loose-page:before{content:"";position:absolute;inset:0;background-image:var(--fibres),var(--grain);background-size:180px 180px,120px 120px;mix-blend-mode:var(--grain-blend);opacity:.55}.loose-page svg{position:absolute;left:12%;right:12%;top:38%;width:76%;height:2.4rem;stroke:var(--pencil);fill:none;stroke-width:1.6;stroke-linecap:round;opacity:.75}.flip-stage{position:fixed;z-index:30;perspective:2200px;perspective-origin:50% 40%;pointer-events:none}.flip-stage[data-axis=top]{perspective:1500px;perspective-origin:50% 30%}.flip-stage-under{position:absolute;z-index:4;perspective:none}.flip-cover{z-index:10;background:linear-gradient(180deg,oklch(18% .02 60/.62),oklch(18% .02 60/.44) 45%,oklch(18% .02 60/.5));opacity:0;will-change:opacity;pointer-events:none}.flip-cover,.flip-face{position:absolute;inset:0}.flip-face{overflow:hidden;border-radius:var(--radius-paper,2px);box-shadow:var(--shadow-page);will-change:transform}.flip-front{position:absolute;left:0;right:0}.leaf-facet{position:absolute;overflow:hidden;backface-visibility:hidden;will-change:transform;background:var(--paper)}.leaf-facet:last-child{border-radius:0 var(--radius-paper,2px) var(--radius-paper,2px) 0}.flip-stage[data-axis=top] .leaf-facet:last-child{border-radius:0 0 var(--radius-paper,2px) var(--radius-paper,2px)}.leaf-shade{z-index:9;background:oklch(12% .01 60/.5);will-change:opacity;pointer-events:none}.leaf-cast,.leaf-shade{position:absolute;inset:0;opacity:0}.leaf-cast{transform-origin:left center;background:linear-gradient(90deg,oklch(10% .01 60/.42),oklch(10% .01 60/.2) 50%,oklch(10% .01 60/.06) 85%,transparent);will-change:transform,opacity}.flip-stage[data-axis=top] .leaf-cast{transform-origin:center top;background:linear-gradient(180deg,oklch(10% .01 60/.42),oklch(10% .01 60/.2) 50%,oklch(10% .01 60/.06) 85%,transparent)}.leaf-follower{position:absolute;top:0;bottom:0;left:0;background:linear-gradient(90deg,var(--paper-deep),var(--paper) 60%);-webkit-mask-image:linear-gradient(90deg,oklch(0 0 0) 55%,transparent);mask-image:linear-gradient(90deg,oklch(0 0 0) 55%,transparent);transform-origin:left center;backface-visibility:hidden;will-change:transform;border-radius:var(--radius-paper,2px);box-shadow:-1px 0 0 oklch(0 0 0/.06) inset,var(--shadow-page)}.flip-stage[data-axis=top] .leaf-follower{top:0;bottom:auto;left:0;right:0;background:linear-gradient(180deg,var(--paper-deep),var(--paper) 60%);-webkit-mask-image:linear-gradient(180deg,oklch(0 0 0) 55%,transparent);mask-image:linear-gradient(180deg,oklch(0 0 0) 55%,transparent);transform-origin:center top}.leaf-follower .leaf-shade{background:linear-gradient(90deg,oklch(12% .01 60/.4),oklch(12% .01 60/.12) 60%,transparent)}.flip-stage[data-axis=top] .leaf-follower .leaf-shade{background:linear-gradient(180deg,oklch(12% .01 60/.4),oklch(12% .01 60/.12) 60%,transparent)}.ticket{--t-card:var(--ticket);--t-ink:var(--ticket-ink);--t-stub:var(--ticket-edge);--t-stub-ink:var(--ticket-ink);--t-rule:oklch(100% 0 0/0.25);--t-perf:oklch(100% 0 0/0.55);--t-grain:oklch(100% 0 0/0.06);position:relative;display:flex;align-items:stretch;background:var(--t-card);color:var(--t-ink);border-radius:var(--radius-ticket,6px);box-shadow:var(--shadow-ticket);font-family:var(--font-ticket);text-decoration:none;overflow:hidden;--lift:var(--focus-amt,0);transform:translateY(calc(var(--lift) * -3px)) rotate(calc(var(--lift) * -.4deg));transition:transform var(--dur-base) var(--ease-emphasized),box-shadow var(--dur-base) var(--ease-emphasized)}.ticket:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:var(--shadow-ticket-lift);opacity:var(--lift);pointer-events:none;z-index:-1}.ticket-interactive{cursor:pointer}@media (hover:hover){.ticket-interactive:hover{transform:translateY(-2px) rotate(-.4deg);box-shadow:var(--shadow-ticket-lift)}}.ticket-body{display:flex;flex:1 1 auto;min-width:0;gap:.9rem;padding:.85rem 1rem;font-size:.95rem;line-height:1.3;background-image:repeating-linear-gradient(90deg,transparent 0 22px,var(--t-grain) 22px 23px)}.ticket-figure{display:flex;flex-direction:column;justify-content:center;flex:0 0 auto;padding-right:1rem;border-right:1px solid var(--t-rule)}.ticket-figure-value{font-size:1.7rem;line-height:1;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.01em}.ticket-figure-caption{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;opacity:.8;margin-top:.25rem}.ticket-content{display:flex;flex-direction:column;justify-content:center;gap:.2rem;min-width:0}.ticket-content strong{font-weight:600;font-size:1.05rem;line-height:1.2}.ticket-content span{opacity:.85}.ticket-tear{flex:0 0 auto;width:0;border-left:2px dashed var(--t-perf);position:relative;margin:0}.ticket-tear:after,.ticket-tear:before{content:"";position:absolute;left:-8px;width:14px;height:14px;border-radius:50%;background:var(--paper)}.ticket-tear:before{top:-7px}.ticket-tear:after{bottom:-7px}.ticket-stub{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.9rem;min-width:5.5rem;max-width:7.5rem;overflow-wrap:anywhere;text-align:center;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;background:var(--t-stub);color:var(--t-stub-ink)}.ticket-stub>span:first-child{font-size:.7rem;letter-spacing:.06em;overflow-wrap:normal}.ticket[data-variant=train]{--t-card:var(--print);--t-ink:oklch(30% 0.1 var(--hue-ticket));--t-stub:oklch(94% 0.02 var(--hue-ticket));--t-stub-ink:var(--ticket);--t-rule:oklch(55% 0.1 var(--hue-ticket)/0.3);--t-perf:oklch(55% 0.1 var(--hue-ticket)/0.45);--t-grain:transparent;border-radius:3px;background-image:linear-gradient(var(--ticket),var(--ticket)),linear-gradient(var(--leather-deep),var(--leather-deep)),repeating-linear-gradient(45deg,oklch(55% .1 var(--hue-ticket)/.07) 0 1px,transparent 1px 7px),repeating-linear-gradient(-45deg,oklch(55% .1 var(--hue-ticket)/.07) 0 1px,transparent 1px 7px);background-size:100% 5px,100% .55rem,auto,auto;background-position:top,bottom,0 0,0 0;background-repeat:no-repeat,no-repeat,repeat,repeat}.ticket[data-variant=train] .ticket-body,.ticket[data-variant=train] .ticket-stub{padding-top:1rem;padding-bottom:1.25rem}.ticket[data-variant=train] .ticket-stub{background:linear-gradient(var(--ticket),var(--ticket)) top /100% 5px no-repeat,linear-gradient(var(--leather-deep),var(--leather-deep)) bottom /100% .55rem no-repeat,var(--t-stub)}.ticket[data-variant=train] .ticket-content strong{text-transform:uppercase;letter-spacing:.03em}.ticket[data-variant=train] .ticket-tear:after,.ticket[data-variant=train] .ticket-tear:before{display:none}.ticket[data-variant=bus],.ticket[data-variant=voucher]{--tooth:6px;background:none;box-shadow:none;overflow:visible;border-radius:0;filter:drop-shadow(0 7px 8px oklch(22% .05 var(--hue-ticket)/.3)) drop-shadow(0 1px 1px oklch(20% .04 48/.3))}.ticket[data-variant=bus] .ticket-tear:after,.ticket[data-variant=bus] .ticket-tear:before,.ticket[data-variant=bus]:after,.ticket[data-variant=voucher] .ticket-tear:after,.ticket[data-variant=voucher] .ticket-tear:before,.ticket[data-variant=voucher]:after{display:none}@media (hover:hover){.ticket[data-variant=bus].ticket-interactive:hover,.ticket[data-variant=voucher].ticket-interactive:hover{box-shadow:none}}.ticket[data-variant=bus]{--t-card:oklch(90% 0.1 var(--hue-tape));--t-ink:var(--ink);--t-stub:oklch(85% 0.115 var(--hue-tape));--t-stub-ink:var(--ink);--t-rule:oklch(40% 0.03 var(--hue-tape)/0.3);--t-perf:oklch(40% 0.03 var(--hue-tape)/0.5);--t-grain:transparent}.ticket[data-variant=bus] .ticket-body,.ticket[data-variant=bus] .ticket-stub{padding-top:calc(.85rem + var(--tooth));padding-bottom:calc(.85rem + var(--tooth));-webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top /calc(2 * var(--tooth)) 51% repeat-x,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom /calc(2 * var(--tooth)) 51% repeat-x;mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top /calc(2 * var(--tooth)) 51% repeat-x,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom /calc(2 * var(--tooth)) 51% repeat-x}.ticket[data-variant=bus] .ticket-body{background-color:var(--t-card)}.ticket[data-variant=voucher]{--tooth:5px;--t-card:var(--print);--t-ink:var(--ink);--t-stub:var(--paper-deep);--t-stub-ink:var(--ink);--t-rule:var(--rule);--t-perf:var(--ink-faint);--t-grain:transparent}.ticket[data-variant=voucher] .ticket-body,.ticket[data-variant=voucher] .ticket-stub{padding-bottom:calc(.85rem + var(--tooth));-webkit-mask:linear-gradient(#000 0 0) top /100% calc(100% - var(--tooth)) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom /calc(2 * var(--tooth)) calc(2 * var(--tooth)) repeat-x;mask:linear-gradient(#000 0 0) top /100% calc(100% - var(--tooth)) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom /calc(2 * var(--tooth)) calc(2 * var(--tooth)) repeat-x}.ticket[data-variant=voucher] .ticket-body{background-color:var(--t-card);outline:1px dashed var(--ink-faint);outline-offset:-5px}.ticket[data-variant=ferry]{--t-card:oklch(93% 0.035 var(--hue-ticket));--t-ink:oklch(28% 0.08 var(--hue-ticket));--t-stub:oklch(87% 0.055 var(--hue-ticket));--t-stub-ink:oklch(28% 0.08 var(--hue-ticket));--t-rule:oklch(45% 0.1 var(--hue-ticket)/0.25);--t-perf:oklch(45% 0.1 var(--hue-ticket)/0.4);--t-grain:transparent;border-radius:12px}.ticket[data-variant=ferry] .ticket-body{padding-bottom:1.3rem;background-image:radial-gradient(circle at 8px -3px,transparent 7px,oklch(55% .1 var(--hue-ticket)/.55) 7.5px 8.5px,transparent 9px);background-size:16px 8px;background-repeat:repeat-x;background-position:0 calc(100% - .4rem)}.ticket[data-variant=key]{--t-card:linear-gradient(150deg,var(--leather) 0%,var(--leather-deep) 100%);--t-ink:oklch(90% 0.02 48);--t-stub:oklch(100% 0 0/0.05);--t-stub-ink:oklch(84% 0.1 var(--hue-tape));--t-rule:oklch(100% 0 0/0.1);--t-perf:oklch(100% 0 0/0.12);--t-grain:transparent;border-radius:14px}.ticket[data-variant=key] .ticket-tear{border-left-style:solid;border-left-width:1px}.ticket[data-variant=key] .ticket-tear:after,.ticket[data-variant=key] .ticket-tear:before{display:none}.ticket[data-variant=key] .ticket-content strong,.ticket[data-variant=key] .ticket-figure-value{color:oklch(86% .1 var(--hue-tape))}.ticket[data-variant=key] .ticket-content strong{font-family:var(--font-display);font-weight:400;font-size:1.15rem}.ticket[data-variant=key] .ticket-body{position:relative;padding-right:2.9rem}.ticket[data-variant=key] .ticket-body:after{content:"";position:absolute;right:.85rem;bottom:.85rem;width:1.5rem;height:1.15rem;border-radius:3px;background:linear-gradient(90deg,transparent 32%,oklch(45% .08 var(--hue-tape)/.6) 32% 36%,transparent 36% 64%,oklch(45% .08 var(--hue-tape)/.6) 64% 68%,transparent 68%),linear-gradient(transparent 46%,oklch(45% .08 var(--hue-tape)/.6) 46% 54%,transparent 54%),linear-gradient(135deg,oklch(86% .1 var(--hue-tape)),oklch(70% .1 var(--hue-tape)))}.ticket[data-variant=admission]{--t-card:oklch(95.5% 0.03 calc(var(--hue-paper) + 35));--t-ink:var(--ink);--t-stub:oklch(91% 0.045 calc(var(--hue-paper) + 35));--t-stub-ink:var(--pen);--t-rule:oklch(30% 0.07 var(--hue-ticket)/0.25);--t-perf:oklch(30% 0.07 var(--hue-ticket)/0.5);--t-grain:transparent;border-radius:4px}.ticket[data-variant=admission] .ticket-body{margin:.35rem .5rem .35rem .35rem;padding:.55rem .8rem;border:3px double oklch(30% .07 var(--hue-ticket)/.55);border-radius:2px}.ticket[data-variant=admission] .ticket-tear{border-left-style:dotted}.ticket[data-variant=admission] .ticket-figure-value{color:var(--pen)}.ticket[data-variant=admission] .ticket-content strong{font-family:var(--font-display);font-weight:400;font-size:1.05rem}.stamp{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:.35rem .8rem;border:2px solid var(--stamp);border-radius:6px;color:var(--stamp);font-family:var(--font-ticket);text-transform:uppercase;letter-spacing:.14em;line-height:1.05;font-weight:600;mix-blend-mode:var(--grain-blend);box-shadow:inset 0 0 0 2px var(--paper),inset 0 0 0 3px var(--stamp);opacity:.95}.stamp:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background-image:var(--grain);background-size:70px 70px;mix-blend-mode:screen;opacity:.55;pointer-events:none}.stamp{position:relative}.stamp-label{font-size:.95rem}.stamp-detail{font-size:.65rem;letter-spacing:.1em;opacity:.85}.tape{position:absolute;height:1.6rem;background:var(--tape);box-shadow:var(--shadow-tape);z-index:2;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6px,#000 calc(100% - 6px),transparent);mask-image:linear-gradient(90deg,transparent,#000 6px,#000 calc(100% - 6px),transparent)}.tape:before{inset:0;background-image:var(--grain),repeating-linear-gradient(180deg,transparent 0 3px,oklch(100% 0 0/.16) 3px 4px);background-size:120px 120px,auto;opacity:.7;mix-blend-mode:soft-light}.tape:after,.tape:before{content:"";position:absolute}.tape:after{inset:0 0 auto 0;height:30%;background:oklch(100% 0 0/.12)}.taped{position:relative;overflow:visible}.taped-frame{position:relative;overflow:hidden;border-radius:2px;box-sizing:border-box;border:.42rem solid var(--print);box-shadow:inset 0 1px 0 oklch(100% 0 0/.5),0 10px 24px -14px oklch(20% .03 48/.6)}