/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-accent:oklch(52% .15 18)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer ll-tokens{:root{color-scheme:light;--font-display:"Songti SC", "STSongti-SC", "Noto Serif CJK SC", "Source Han Serif SC", "SimSun", "Iowan Old Style", Georgia, serif;--font-letter:"Kaiti SC", "STKaiti", KaiTi, "AR PL KaitiM GB", "Songti SC", Georgia, serif;--font-body:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--mist-1:oklch(98.4% .008 20);--mist-2:oklch(95.4% .026 12);--mist-3:oklch(91.2% .046 6);--water:oklch(89% .05 358);--sakura:oklch(85% .075 4);--gold:oklch(80% .07 82);--accent:oklch(52% .15 18);--accent2:oklch(62% .12 26);--accent-wash:oklch(52% .15 18/.09);--fg:oklch(30% .022 340);--fg-soft:oklch(41% .02 340);--muted:oklch(52% .017 340);--card:oklch(99.2% .005 40/.82);--card-solid:oklch(99.3% .005 40);--surface:oklch(97.6% .009 20);--border:oklch(52% .02 340/.13);--border-strong:oklch(52% .03 340/.22);--shadow-soft:0 1px 2px oklch(40% .04 20/.05), 0 8px 24px oklch(45% .06 20/.07);--shadow-lift:0 2px 6px oklch(40% .04 20/.06), 0 20px 52px oklch(45% .06 20/.11);--shadow-seal:0 1px 1px oklch(100% 0 0/.4) inset, 0 6px 18px oklch(52% .15 18/.32);--fs-h1:clamp(30px, 4.2vw, 47px);--fs-h2:clamp(24px, 3.2vw, 36px);--fs-h3:19px;--fs-lead:clamp(15px, 1.8vw, 17px);--fs-body:15.5px;--fs-meta:13px;--gap-xs:8px;--gap-sm:12px;--gap-md:20px;--gap-lg:32px;--gap-xl:56px;--gap-2xl:96px;--container:1120px;--gutter:clamp(18px, 4vw, 28px);--radius-sm:9px;--radius:14px;--radius-lg:22px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-back:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.16s;--dur:.3s;--dur-slow:.6s;--dur-slower:.9s;--mx:50%;--my:38%;--thread:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 18'%3E%3Cpath d='M2 10 C 48 4 84 15 106 9 a7 7 0 1 1 15 -1 c 1 6 8 8 13 4 C 156 4 196 15 238 8' fill='none' stroke='%23A63A4C' stroke-width='1.5' stroke-linecap='round' opacity='0.9'/%3E%3C/svg%3E");--primary:var(--accent);--ink:var(--fg);--glass-bg:var(--card);--glass-border:var(--border);--glass-shadow:var(--shadow-soft);--background:var(--mist-2);--foreground:var(--fg);--popover:var(--card-solid);--secondary:var(--surface);--muted-foreground:var(--muted);--destructive:oklch(55% .19 25);--input:var(--border);--ring:var(--accent);--progress-background:oklch(0% 0 0/.07);--progress-foreground:var(--accent)}[data-theme=blue-starry-night]{--mist-1:oklch(97.6% .008 250);--mist-2:oklch(94% .026 255);--mist-3:oklch(88.5% .045 260);--water:oklch(86% .055 258);--sakura:oklch(86% .05 262);--gold:oklch(84% .045 250);--fg:oklch(28% .03 268);--fg-soft:oklch(40% .028 268);--muted:oklch(50% .025 266);--card:oklch(99.2% .004 250/.82);--card-solid:oklch(99.3% .004 250);--surface:oklch(97.4% .008 252)}[data-theme=vintage-letter]{--mist-1:oklch(97.8% .012 88);--mist-2:oklch(94.6% .03 82);--mist-3:oklch(89.5% .042 72);--water:oklch(88% .045 76);--sakura:oklch(84% .06 68);--gold:oklch(76% .085 84);--fg:oklch(30% .03 55);--fg-soft:oklch(41% .028 55);--muted:oklch(50% .026 58);--card:oklch(98.8% .009 88/.84);--card-solid:oklch(98.9% .009 88);--surface:oklch(97% .013 86)}[data-theme=minimal-black-white]{--mist-1:oklch(98.6% 0 0);--mist-2:oklch(95.4% 0 0);--mist-3:oklch(90.5% 0 0);--water:oklch(89% 0 0);--sakura:oklch(86% 0 0);--gold:oklch(78% 0 0);--fg:oklch(24% 0 0);--fg-soft:oklch(38% 0 0);--muted:oklch(48% 0 0);--card:oklch(99.4% 0 0/.84);--card-solid:oklch(99.5% 0 0);--surface:oklch(97.4% 0 0);--border:oklch(40% 0 0/.14);--border-strong:oklch(40% 0 0/.24)}.glass-shell.cinematic-shell{--mist-1:oklch(38% .045 320);--mist-2:oklch(30% .05 330);--mist-3:oklch(23% .045 340);--water:oklch(28% .05 335);--sakura:oklch(62% .09 8);--gold:oklch(74% .09 78);--fg:oklch(94% .012 40);--fg-soft:oklch(84% .015 40);--muted:oklch(72% .018 40);--accent:oklch(68% .135 16);--accent2:oklch(76% .1 30);--accent-wash:oklch(68% .135 16/.14);--card:oklch(97% .014 60/.95);--card-solid:oklch(97% .014 60);--surface:oklch(34% .045 330);--border:oklch(90% .02 40/.16);--border-strong:oklch(90% .02 40/.28);--shadow-soft:0 2px 8px oklch(12% .04 330/.4);--shadow-lift:0 4px 12px oklch(12% .04 330/.45), 0 30px 70px oklch(10% .04 330/.55)}}@layer ll-base{html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--mist-2);min-height:100vh;color:var(--fg);font-family:var(--font-body);font-size:var(--fs-body);letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;line-height:1.7}::selection{background:var(--accent-wash);color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}*{scrollbar-width:thin;scrollbar-color:var(--fg) transparent}@supports (color:color-mix(in lab,red,red)){*{scrollbar-color:color-mix(in srgb,var(--fg) 22%,transparent) transparent}}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--fg)}@supports (color:color-mix(in lab,red,red)){::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--fg) 16%,transparent)}}::-webkit-scrollbar-thumb{border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--fg)}@supports (color:color-mix(in lab,red,red)){::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--fg) 30%,transparent)}}.glass-shell{background:linear-gradient(180deg,var(--mist-1) 0%,var(--mist-2) 48%,var(--mist-3) 100%);min-height:100dvh;color:var(--fg);isolation:isolate;position:relative;overflow-x:hidden}.stage{z-index:1;width:100%;min-height:100dvh;max-width:var(--container);padding:clamp(88px,12vh,128px) var(--gutter) var(--gap-xl);flex-direction:column;justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin:0 auto}.h1,.h2,.h3{color:var(--fg);font-family:var(--font-display);letter-spacing:.015em;text-wrap:balance;margin:0;font-weight:600}.h1{font-size:var(--fs-h1);line-height:1.24}.h2{font-size:var(--fs-h2);line-height:1.32}.h3{font-size:var(--fs-h3);line-height:1.45}.lead{color:var(--muted);font-size:var(--fs-lead);letter-spacing:.012em;margin:0;line-height:1.85}.meta{color:var(--muted);font-size:var(--fs-meta);margin:0;line-height:1.7}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.serif{font-family:var(--font-display)}.eyebrow{color:var(--accent);font-family:var(--font-body);letter-spacing:.3em;text-transform:uppercase;align-items:center;gap:14px;margin:0;font-size:12px;font-weight:600;line-height:1.6;display:inline-flex}.eyebrow:before,.eyebrow:after{content:"";background:var(--accent);width:28px;height:1px}@supports (color:color-mix(in lab,red,red)){.eyebrow:before,.eyebrow:after{background:color-mix(in srgb,var(--accent) 50%,transparent)}}.section-heading{align-items:center;gap:var(--gap-sm);margin-bottom:var(--gap-xl);text-align:center;flex-direction:column;display:flex}.section-heading .lead{max-width:54ch}.section-heading-left{text-align:left;align-items:flex-start}.section-heading-left .lead{max-width:42ch}.section-title{font-family:var(--font-display);font-size:var(--fs-h2);color:var(--fg);font-weight:600}.section-sub{color:var(--muted);font-size:var(--fs-lead)}.rule{height:1px;margin-block:var(--gap-md);background:linear-gradient(90deg,transparent,var(--border-strong) 22%,var(--border-strong) 78%,transparent);border:0;position:relative;overflow:visible}.rule:after{content:"";background:var(--accent);width:5px;height:5px;position:absolute;top:50%;left:50%}@supports (color:color-mix(in lab,red,red)){.rule:after{background:color-mix(in srgb,var(--accent) 60%,transparent)}}.rule:after{transform:translate(-50%,-50%)rotate(45deg)}.stack{gap:var(--gap-md);flex-direction:column;display:flex}.row{align-items:center;gap:var(--gap-sm);display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--gap-sm);display:flex}.grid-2{gap:var(--gap-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.split{gap:var(--gap-lg);grid-template-columns:1.1fr .9fr;display:grid}@media(max-width:860px){.grid-2,.split{grid-template-columns:minmax(0,1fr)}}.thread-top{position:relative}.thread-top:before{content:"";background:var(--thread) center / contain no-repeat;opacity:.55;pointer-events:none;width:240px;height:18px;position:absolute;top:0;left:50%;transform:translate(-50%)}a{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){a{-webkit-text-decoration-color:color-mix(in srgb,var(--accent) 35%,transparent);text-decoration-color:color-mix(in srgb,var(--accent) 35%,transparent)}}a{text-underline-offset:3px;transition:color var(--dur-fast) ease}a:hover{color:var(--accent2)}}@layer ll-atmosphere{.water-canvas{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;top:0;right:0;bottom:0;left:0}.anime-stars{z-index:1;pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0}.anime-stars span{background:var(--gold);border-radius:50%;position:absolute}@supports (color:color-mix(in lab,red,red)){.anime-stars span{background:color-mix(in srgb,var(--gold) 75%,white)}}.anime-stars span{box-shadow:0 0 7px var(--gold)}@supports (color:color-mix(in lab,red,red)){.anime-stars span{box-shadow:0 0 7px color-mix(in srgb,var(--gold) 60%,transparent)}}.anime-stars span{opacity:.3;animation:4s ease-in-out infinite mote-breathe}@keyframes mote-breathe{0%,to{opacity:.12;transform:translateY(0)scale(.9)}50%{opacity:.42;transform:translateY(-8px)scale(1.15)}}.anime-petals{z-index:1;pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.anime-petals span{color:var(--sakura);position:absolute;top:-6%}@supports (color:color-mix(in lab,red,red)){.anime-petals span{color:color-mix(in srgb,var(--sakura) 80%,transparent)}}.anime-petals span{opacity:0;line-height:1;animation:20s linear infinite petal-fall}@keyframes petal-fall{0%{opacity:0;transform:translate(0)rotate(0)}8%{opacity:.75}30%{transform:translate(26px,32vh)rotate(120deg)}60%{transform:translate(-18px,62vh)rotate(240deg)}88%{opacity:.55;transform:translate(14px,92vh)rotate(330deg)}to{opacity:0;transform:translate(6px,104vh)rotate(360deg)}}.anime-grain{z-index:2;opacity:.022;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;top:0;right:0;bottom:0;left:0}.cinematic-shell .anime-petals span{opacity:0;animation-duration:26s}.cinematic-shell .anime-stars span{opacity:.2}.cinematic-shell .anime-grain{opacity:.035}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.anime-grain{display:none}.scroll-reveal,.hero-content,.cinematic-confirm,.cinematic-reply-cta,.confirm-msg,.reveal-actions{opacity:1!important;transform:none!important}.btn:hover,.icon-btn:hover,.theme-chip:hover,.glass-card:hover,.screen-card:hover,.case-chip:hover{transform:none!important}}}@layer ll-components{.btn{color:inherit;font-family:var(--font-body);letter-spacing:.04em;white-space:nowrap;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out-expo),box-shadow var(--dur) var(--ease-out-expo),background-color var(--dur) ease,border-color var(--dur) ease,color var(--dur) ease;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:13px 26px;font-size:15px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:radial-gradient(120% 140% at 30% 20%,var(--accent2),transparent 60%),linear-gradient(165deg,var(--accent),var(--accent))}@supports (color:color-mix(in lab,red,red)){.btn-primary{background:radial-gradient(120% 140% at 30% 20%,color-mix(in srgb,var(--accent2) 70%,transparent),transparent 60%),linear-gradient(165deg,color-mix(in srgb,var(--accent) 88%,white),var(--accent))}}.btn-primary{color:#fef7f2;box-shadow:var(--shadow-seal)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 1px 1px #fff6,0 10px 26px #ae3b4761}.btn-primary:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 3px #55101a59,0 2px 8px #ae3b4740}.btn-secondary{background:var(--card);border-color:var(--border-strong);color:var(--fg);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px)saturate(150%)}.btn-secondary:hover:not(:disabled){border-color:var(--accent);transform:translateY(-2px)}@supports (color:color-mix(in lab,red,red)){.btn-secondary:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 40%,transparent)}}.btn-secondary:hover:not(:disabled){color:var(--accent)}.btn-secondary:active:not(:disabled){transform:translateY(1px)}.btn-ghost{color:var(--muted);padding-inline:14px}.btn-ghost:hover:not(:disabled){color:var(--accent)}.btn-block{width:100%}.btn-small{padding:9px 16px;font-size:13.5px}.icon-btn{border:1px solid var(--border);background:var(--card);width:34px;height:34px;color:var(--muted);cursor:pointer;transition:color var(--dur-fast) ease,border-color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-out-expo);border-radius:10px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover{border-color:var(--accent);transform:translateY(-1px)}@supports (color:color-mix(in lab,red,red)){.icon-btn:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}}.icon-btn:hover{color:var(--accent)}.glass-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(20px)saturate(165%);padding:clamp(22px,3.4vw,38px);position:relative;overflow:hidden}.glass-card:before{content:"";background:radial-gradient(340px circle at var(--mx) var(--my),var(--gold),transparent 68%);position:absolute;top:0;right:0;bottom:0;left:0}@supports (color:color-mix(in lab,red,red)){.glass-card:before{background:radial-gradient(340px circle at var(--mx) var(--my),color-mix(in srgb,var(--gold) 26%,transparent),transparent 68%)}}.glass-card:before{opacity:0;transition:opacity var(--dur-slow) ease;pointer-events:none}.glass-card:hover:before{opacity:.55}.glass-card:after{content:"";opacity:.9;pointer-events:none;background:repeating-linear-gradient(92deg,#6e605b04,#6e605b04 1px,#0000 1px,#0000 3px),repeating-linear-gradient(2deg,#6e605b03,#6e605b03 1px,#0000 1px,#0000 4px);position:absolute;top:0;right:0;bottom:0;left:0}.glass-card>*{z-index:1;position:relative}.border-beam{position:relative}.border-beam:before{background:radial-gradient(340px circle at var(--mx) var(--my),var(--gold),transparent 68%),linear-gradient(180deg,var(--accent),transparent 40%)}@supports (color:color-mix(in lab,red,red)){.border-beam:before{background:radial-gradient(340px circle at var(--mx) var(--my),color-mix(in srgb,var(--gold) 30%,transparent),transparent 68%),linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 40%)}}.border-beam:before{opacity:.5}.pill{border:1px solid var(--accent);align-items:center;gap:6px;padding:4px 11px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.pill{border:1px solid color-mix(in srgb,var(--accent) 24%,transparent)}}.pill{background:var(--accent-wash);color:var(--accent);letter-spacing:.08em;border-radius:999px;font-size:12px;font-weight:600}.text-link{color:var(--accent);align-items:center;gap:6px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.text-link:hover{text-underline-offset:3px;text-decoration:underline}.field{flex-direction:column;gap:7px;display:flex}.field>label,.form-label,.field-label{color:var(--fg-soft);letter-spacing:.05em;font-size:13.5px;font-weight:600}.form-row{gap:var(--gap-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media(max-width:620px){.form-row{grid-template-columns:minmax(0,1fr)}}.input,.textarea,.select{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--card-solid);width:100%;padding:12px 15px}@supports (color:color-mix(in lab,red,red)){.input,.textarea,.select{background:color-mix(in srgb,var(--card-solid) 82%,transparent)}}.input,.textarea,.select{color:var(--fg);font-family:var(--font-body);transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease,background-color var(--dur-fast) ease;font-size:15px;line-height:1.6}.input::placeholder,.textarea::placeholder{color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.input::placeholder,.textarea::placeholder{color:color-mix(in srgb,var(--muted) 62%,transparent)}}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);outline:none}@supports (color:color-mix(in lab,red,red)){.input:focus,.textarea:focus,.select:focus{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}}.input:focus,.textarea:focus,.select:focus{background:var(--card-solid);box-shadow:0 0 0 4px var(--accent-wash)}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:color-mix(in srgb,var(--destructive) 55%,transparent)}}.input[aria-invalid=true]:focus,.textarea[aria-invalid=true]:focus{box-shadow:0 0 0 4px #c92f331f}.textarea{font-family:var(--font-letter);resize:vertical;min-height:168px;font-size:16px;line-height:1.95}.field-hint,.helper{color:var(--muted);font-size:var(--fs-meta);line-height:1.6}.field-error,.error{color:var(--destructive);font-size:var(--fs-meta);margin:0;font-weight:600}.form-error-summary,.form-error{border-radius:var(--radius);color:var(--destructive);background:#c92f3312;border:1px solid oklch(55% .19 25/.28);margin:0;padding:11px 15px;font-size:14px;font-weight:600}.form-success{border:1px solid var(--accent);margin:0;padding:11px 15px}@supports (color:color-mix(in lab,red,red)){.form-success{border:1px solid color-mix(in srgb,var(--accent) 26%,transparent)}}.form-success{border-radius:var(--radius);background:var(--accent-wash);color:var(--accent);font-size:14px;font-weight:600}.writing-guide{margin-top:var(--gap-md);border-left:2px solid var(--accent);padding:14px 18px}@supports (color:color-mix(in lab,red,red)){.writing-guide{border-left:2px solid color-mix(in srgb,var(--accent) 45%,transparent)}}.writing-guide{background:linear-gradient(90deg,var(--accent-wash),transparent 70%);border-radius:0 var(--radius) var(--radius) 0}.writing-guide>p{color:var(--fg-soft);margin:0 0 8px;font-size:13.5px;font-weight:600}.writing-guide ul{color:var(--muted);margin:0;padding-left:18px;font-size:13.5px;line-height:1.85}.letter-coach{border:1px dashed var(--accent);align-items:baseline;gap:10px;padding:10px 14px;display:flex}@supports (color:color-mix(in lab,red,red)){.letter-coach{border:1px dashed color-mix(in srgb,var(--accent) 26%,transparent)}}.letter-coach{border-radius:var(--radius);background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.letter-coach{background:color-mix(in srgb,var(--surface) 60%,transparent)}}.letter-coach strong{color:var(--accent);letter-spacing:.1em;flex-shrink:0;font-size:12px;font-weight:700}.letter-coach p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.7}.theme-chips{flex-wrap:wrap;gap:10px;display:flex}.theme-chip{border:1px solid var(--border-strong);background:var(--card-solid);border-radius:999px;align-items:center;gap:8px;padding:8px 15px 8px 9px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.theme-chip{background:color-mix(in srgb,var(--card-solid) 76%,transparent)}}.theme-chip{color:var(--fg-soft);font-family:var(--font-body);cursor:pointer;transition:border-color var(--dur-fast) ease,color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-out-expo),box-shadow var(--dur-fast) ease;font-size:13.5px;font-weight:600}.theme-chip:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}@supports (color:color-mix(in lab,red,red)){.theme-chip:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 38%,transparent)}}.theme-chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-wash);color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.theme-chip-locked{opacity:.45;cursor:not-allowed}.theme-chip .swatch{border:1px solid oklch(100% 0 0/.6);border-radius:50%;width:20px;height:20px;box-shadow:0 1px 3px #44232333}.lock-badge{font-size:11px}.topbar{z-index:40;justify-content:space-between;align-items:center;gap:var(--gap-md);padding:16px var(--gutter);transition:background-color var(--dur) ease,box-shadow var(--dur) ease,backdrop-filter var(--dur) ease,padding var(--dur) ease;display:flex;position:fixed;top:0;left:0;right:0}.topbar.scrolled{background:var(--mist-1);padding-block:11px}@supports (color:color-mix(in lab,red,red)){.topbar.scrolled{background:color-mix(in srgb,var(--mist-1) 72%,transparent)}}.topbar.scrolled{box-shadow:0 1px 0 var(--border),0 8px 30px #603d3c0f;-webkit-backdrop-filter:blur(16px)saturate(160%)}.topbar .logo{color:var(--fg);font-family:var(--font-display);letter-spacing:.14em;font-size:20px;font-weight:600;text-decoration:none}.topbar .logo .dot{color:var(--accent);margin-inline:4px}.topbar nav{align-items:center;gap:clamp(14px,3vw,30px);display:flex}.topbar nav a{color:var(--fg-soft);white-space:nowrap;transition:color var(--dur-fast) ease;font-size:14.5px;text-decoration:none;position:relative}.topbar nav a:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:1px;transition:transform var(--dur) var(--ease-out-expo);position:absolute;bottom:-5px;left:0;transform:scaleX(0)}.topbar nav a:hover{color:var(--accent)}.topbar nav a:hover:after{transform:scaleX(1)}@media(max-width:620px){.topbar{flex-wrap:nowrap;gap:10px;padding-inline:13px}.topbar .logo{letter-spacing:.08em;flex-shrink:0;font-size:16.5px}.topbar nav{gap:13px}.topbar nav a{font-size:13px}}@media(max-width:380px){.topbar .logo{font-size:15px}.topbar nav{gap:10px}.topbar nav a{font-size:12.5px}}}@layer ll-pages{.scroll-reveal{opacity:0;transition:opacity .85s var(--ease-out-expo),transform .85s var(--ease-out-expo);transform:translateY(26px)}.scroll-reveal-visible{opacity:1;transform:none}.hero-block{width:100%;min-height:min(84vh,760px);padding-block:var(--gap-xl);justify-content:center;align-items:center;display:flex}.hero-content{align-items:center;gap:var(--gap-md);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);width:min(100%,820px);box-shadow:var(--shadow-lift);-webkit-backdrop-filter:blur(22px)saturate(170%);text-align:center;flex-direction:column;padding:clamp(32px,5vw,58px) clamp(24px,4.4vw,56px);display:flex;position:relative;transform:rotate(-.35deg)}.hero-content:after{content:"";filter:blur(6px);pointer-events:none;background:radial-gradient(#73484724,#0000 70%);border-radius:50%;height:26px;position:absolute;bottom:-26px;left:8%;right:8%}.hero-content .h1{margin:0}.hero-content .lead{max-width:46ch}.hero-cta{justify-content:center;gap:var(--gap-sm);margin-top:var(--gap-xs);flex-wrap:wrap;display:flex}.hero-content>*{opacity:0;transition:opacity .7s var(--ease-out-expo),transform .7s var(--ease-out-expo);transform:translateY(16px)}.hero-content.hero-visible>*{opacity:1;transform:none}.hero-content.hero-visible>:first-child{transition-delay:50ms}.hero-content.hero-visible>:nth-child(2){transition-delay:.16s}.hero-content.hero-visible>:nth-child(3){transition-delay:.27s}.hero-content.hero-visible>:nth-child(4){transition-delay:.38s}.problem-section,.steps,.recipient-experience,.unlock-section,.use-cases,.faq{width:100%;padding-block:var(--gap-2xl);position:relative}.problem-section:before,.steps:before,.recipient-experience:before,.unlock-section:before,.use-cases:before,.faq:before{content:"";background:var(--thread) center / contain no-repeat;opacity:.5;pointer-events:none;width:240px;height:18px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.problem-card,.screen-card,.experience-frame{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px)saturate(160%);transition:transform var(--dur) var(--ease-out-expo),box-shadow var(--dur) var(--ease-out-expo),border-color var(--dur) ease;flex-direction:column;gap:10px;padding:clamp(20px,2.6vw,30px);text-decoration:none;display:flex;position:relative}.problem-card h3,.screen-card h3,.experience-frame h3{color:var(--fg);font-family:var(--font-display);font-size:var(--fs-h3);margin:0;font-weight:600}.problem-card p,.screen-card p,.experience-frame p{color:var(--muted);margin:0;font-size:14.5px;line-height:1.85}.problem-cards,.screen-cards{gap:var(--gap-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.screen-card:hover,.experience-frame:hover{border-color:var(--accent);transform:translateY(-4px)}@supports (color:color-mix(in lab,red,red)){.screen-card:hover,.experience-frame:hover{border-color:color-mix(in srgb,var(--accent) 32%,transparent)}}.screen-card:hover,.experience-frame:hover{box-shadow:var(--shadow-lift)}.screen-card .step{color:var(--accent);font-family:var(--font-mono);letter-spacing:.16em;font-size:12px;font-weight:700}.screen-card .arrow{color:var(--accent);margin-top:auto;padding-top:8px;font-size:13.5px;font-weight:600}.experience-grid{gap:var(--gap-xl);grid-template-columns:.85fr 1.15fr;align-items:start;display:grid}.experience-frames{gap:var(--gap-md);display:grid}.experience-frame{padding-left:68px}.experience-frame .frame-index{color:var(--accent);position:absolute;top:clamp(20px,2.6vw,30px);left:24px}@supports (color:color-mix(in lab,red,red)){.experience-frame .frame-index{color:color-mix(in srgb,var(--accent) 45%,transparent)}}.experience-frame .frame-index{font-family:var(--font-mono);font-size:22px;font-weight:700}.experience-frame svg{color:var(--accent)}.unlock-grid{gap:var(--gap-xl);grid-template-columns:.95fr 1.05fr;align-items:center;display:grid}.unlock-copy{align-items:flex-start;gap:var(--gap-sm);flex-direction:column;display:flex}.unlock-copy .lead{max-width:40ch}.unlock-copy .btn{margin-top:var(--gap-xs)}.unlock-benefits{gap:var(--gap-sm);display:grid}.benefit-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);align-items:flex-start;gap:14px;padding:18px 20px;display:flex}@supports (color:color-mix(in lab,red,red)){.benefit-row{background:color-mix(in srgb,var(--card) 70%,transparent)}}.benefit-row{-webkit-backdrop-filter:blur(14px)}.benefit-row svg{color:var(--accent);flex-shrink:0;margin-top:3px}.benefit-row h3{color:var(--fg);font-family:var(--font-display);margin:0 0 3px;font-size:16px;font-weight:600}.benefit-row p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.case-list{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.case-chip{border:1px solid var(--border-strong);background:var(--card);border-radius:999px;align-items:center;gap:8px;padding:11px 20px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.case-chip{background:color-mix(in srgb,var(--card) 76%,transparent)}}.case-chip{color:var(--fg-soft);-webkit-backdrop-filter:blur(12px);transition:transform var(--dur-fast) var(--ease-out-expo),border-color var(--dur-fast) ease,color var(--dur-fast) ease;font-size:14px;font-weight:600;text-decoration:none}.case-chip:hover{border-color:var(--accent);transform:translateY(-2px)}@supports (color:color-mix(in lab,red,red)){.case-chip:hover{border-color:color-mix(in srgb,var(--accent) 42%,transparent)}}.case-chip:hover,.case-chip svg{color:var(--accent)}.faq-title{margin:0 0 var(--gap-lg);color:var(--fg);font-family:var(--font-display);font-size:var(--fs-h2);text-align:center;font-weight:600}.faq-list{gap:10px;max-width:780px;margin-inline:auto;display:grid}.faq-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--card)}@supports (color:color-mix(in lab,red,red)){.faq-item{background:color-mix(in srgb,var(--card) 78%,transparent)}}.faq-item{-webkit-backdrop-filter:blur(14px);transition:border-color var(--dur) ease;overflow:hidden}.faq-item[open]{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.faq-item[open]{border-color:color-mix(in srgb,var(--accent) 30%,transparent)}}.faq-q{justify-content:space-between;align-items:center;gap:var(--gap-sm);color:var(--fg);font-family:var(--font-display);cursor:pointer;padding:16px 20px;font-size:16px;font-weight:600;list-style:none;display:flex}.faq-q::-webkit-details-marker{display:none}.faq-q:after{content:"";border-right:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);width:9px;height:9px;transition:transform var(--dur) var(--ease-out-expo);flex-shrink:0;transform:rotate(45deg)translateY(-2px)}.faq-item[open] .faq-q:after{transform:rotate(-135deg)translateY(-2px)}.faq-a{color:var(--muted);margin:0;padding:0 20px 18px;font-size:14.5px;line-height:1.9}.faq-more{margin-top:var(--gap-lg);color:var(--muted);text-align:center;font-size:14px}.create-grid{gap:var(--gap-lg);grid-template-columns:1.08fr .92fr;align-items:start;width:100%;display:grid}.preview-card{position:sticky;top:96px}.preview-letter{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,var(--card-solid),var(--surface));padding:clamp(20px,2.6vw,30px)}@supports (color:color-mix(in lab,red,red)){.preview-letter{background:linear-gradient(180deg,color-mix(in srgb,var(--card-solid) 96%,transparent),color-mix(in srgb,var(--surface) 90%,transparent))}}.preview-letter{box-shadow:inset 0 1px #fff9}.pv-kicker{color:var(--accent);letter-spacing:.24em;text-transform:uppercase;font-size:11.5px;font-weight:600}.pv-to{color:var(--muted);font-family:var(--font-letter);margin-top:14px;font-size:14px}.pv-name{color:var(--fg);font-family:var(--font-display);letter-spacing:.02em;margin-top:2px;font-size:26px;font-weight:600}.pv-body{color:var(--fg-soft);font-family:var(--font-letter);white-space:pre-wrap;word-break:break-word;margin-top:16px;font-size:16px;line-height:2.05}.pv-sig{color:var(--muted);font-family:var(--font-letter);text-align:right;margin-top:20px;font-size:15px}.create-mobile-submit-button{z-index:50;opacity:0;pointer-events:none;width:min(100% - 32px,420px);transition:opacity var(--dur) var(--ease-out-expo),transform var(--dur) var(--ease-out-expo);position:fixed;bottom:18px;left:50%;transform:translate(-50%,18px)}.create-mobile-submit-button.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)}@media(min-width:621px){.create-mobile-submit-button{display:none}}.cinematic-stage-content,.letter-preview-stack{align-items:center;gap:var(--gap-lg);flex-direction:column;width:100%;display:flex}.cinematic-stage-content-sequenced{gap:var(--gap-xl)}.letter-preview-stack-with-tools{align-items:start;gap:var(--gap-lg);grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);display:grid;position:relative}.letter-preview-stack-with-tools.letter-preview-stack-creator-envelope{align-items:start}.letter-preview-stack-creator-envelope .creator-share-panel,.letter-preview-stack-creator-envelope .creator-unlock-panel{position:relative;top:auto}.letter-preview-stack-with-tools.letter-preview-stack-reading{align-items:start}.recipient-preview-badge{border:1px solid var(--border-strong);background:var(--surface);border-radius:999px;padding:7px 16px}@supports (color:color-mix(in lab,red,red)){.recipient-preview-badge{background:color-mix(in srgb,var(--surface) 70%,transparent)}}.recipient-preview-badge{color:var(--muted);letter-spacing:.08em;-webkit-backdrop-filter:blur(10px);font-size:12.5px}.cinematic-shell .cinematic-letter{--fg:oklch(30% .022 340);--fg-soft:oklch(41% .02 340);--muted:oklch(52% .017 340);--accent:oklch(52% .15 18);--accent2:oklch(62% .12 26);--accent-wash:oklch(52% .15 18/.09);--border:oklch(52% .02 340/.13);--border-strong:oklch(52% .03 340/.22);color:var(--fg)}.cinematic-envelope{aspect-ratio:1.52;cursor:pointer;width:clamp(300px,38vw,540px);animation:envelope-arrive 1s var(--ease-out-expo) both;transition:transform var(--dur-slow) var(--ease-out-expo);-webkit-box-reflect:below 6px linear-gradient(transparent 60%,#ffffff24);margin-inline:auto;position:relative}.cinematic-envelope:hover{transform:translateY(-6px)}.cinematic-envelope:focus-visible{outline:2px solid var(--accent);outline-offset:12px;border-radius:var(--radius)}@keyframes envelope-arrive{0%{opacity:0;transform:translateY(38px)scale(.94)}to{opacity:1;transform:none}}.env-body{background:linear-gradient(168deg,#fdf3ec,#f1e1d8);border-radius:10px;position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:0 2px 6px #0d020c59,0 30px 70px #09000880}.env-body:after{content:"";z-index:3;background:linear-gradient(to bottom right,#0000 calc(50% - .5px),#694e451a 50%,#0000 calc(50% + .5px)) 0 0/50% 100% no-repeat,linear-gradient(to bottom left,#0000 calc(50% - .5px),#694e451a 50%,#0000 calc(50% + .5px)) 100% 0/50% 100% no-repeat,linear-gradient(178deg,#fbefe8,#f3e0d6);border-radius:0 0 10px 10px;height:62%;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -1px 4px #44241f24}.env-flap{z-index:4;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;height:62%;transform-style:preserve-3d;transition:transform 1.1s var(--ease-out-expo);backface-visibility:hidden;background:linear-gradient(178deg,#f6e8df,#ebd6cb);position:absolute;top:0;left:0;right:0;transform:rotateX(0)}.env-seal{z-index:5;background:radial-gradient(circle at 34% 28%,var(--accent2),var(--accent) 62%);color:#fcf3ed;width:58px;height:58px;transition:transform .6s var(--ease-out-back),opacity .5s ease;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px 2px #ffffff59,0 6px 16px #32000673}.letter-slide{z-index:2;height:72%;transition:transform 1.1s var(--ease-out-expo);background:linear-gradient(#fefbf7,#f7f1eb);border-radius:5px 5px 2px 2px;position:absolute;top:14%;left:7%;right:7%;box-shadow:0 -2px 10px #290c0824}.env-recipient{z-index:6;color:#43323d;font-family:var(--font-letter);text-align:center;letter-spacing:.06em;font-size:clamp(21px,3.6vw,28px);position:absolute;bottom:15%;left:0;right:0}.env-hint{color:var(--muted);letter-spacing:.16em;text-align:center;font-size:13.5px;animation:2.6s ease-in-out infinite hint-breathe;position:absolute;bottom:-42px;left:0;right:0}@keyframes hint-breathe{0%,to{opacity:.5}50%{opacity:1}}.cinematic-envelope.open .env-flap{transform:rotateX(180deg)}.cinematic-envelope.open .env-seal{opacity:0;transform:translate(-50%,-50%)scale(1.5)rotate(14deg)}.cinematic-envelope.open .letter-slide{transform:translateY(-42%)}.cinematic-envelope.open .env-hint{opacity:.35;animation:none}.creator-envelope-preview{justify-content:center;padding-bottom:42px;display:flex}.cinematic-letter{width:min(100%,660px);animation:letter-arrive 1s var(--ease-out-expo) both;-webkit-box-reflect:below 4px linear-gradient(transparent 94%,#ffffff1a);background:linear-gradient(178deg,#fefaf5,#f9f2eb);border-radius:4px;margin-inline:auto;padding:clamp(30px,5vw,62px) clamp(24px,4.6vw,56px);position:relative;box-shadow:0 2px 4px #0d020c47,0 34px 80px #09000880}@keyframes letter-arrive{0%{opacity:0;transform:translateY(30px)scale(.985)}to{opacity:1;transform:none}}.lb-kicker{color:var(--accent);letter-spacing:.26em;text-transform:uppercase;font-size:11.5px;font-weight:600}.lb-to{color:var(--muted);font-family:var(--font-letter);margin-top:22px;font-size:15px}.lb-name{min-height:1.2em;color:var(--fg);font-family:var(--font-display);letter-spacing:.02em;margin-top:4px;font-size:clamp(27px,4.6vw,38px);font-weight:600}.lb-para{min-height:1.9em;color:var(--fg-soft);font-family:var(--font-letter);letter-spacing:.02em;white-space:pre-wrap;word-break:break-word;margin-top:26px;font-size:clamp(16px,2.1vw,18px);line-height:2.2}.cursor{background:var(--accent);vertical-align:text-bottom;width:2px;height:1.05em;margin-left:2px;animation:1.05s steps(2,start) infinite caret-blink;display:inline-block}@keyframes caret-blink{0%,to{opacity:1}50%{opacity:0}}.lb-sig{color:var(--muted);font-family:var(--font-letter);text-align:right;margin-top:34px;font-size:16px}.reveal-skip-hint{border:1px solid var(--border-strong);color:var(--muted);font-family:var(--font-body);letter-spacing:.1em;cursor:pointer;transition:color var(--dur-fast) ease,border-color var(--dur-fast) ease;background:0 0;border-radius:999px;margin:26px auto 0;padding:7px 16px;font-size:12.5px;display:block}.reveal-skip-hint:hover{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.reveal-skip-hint:hover{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}}.reveal-skip-hint:hover{color:var(--accent)}.cinematic-confirm{text-align:center;opacity:0;transition:opacity var(--dur-slow) var(--ease-out-expo),transform var(--dur-slow) var(--ease-out-expo);margin-top:40px;transform:translateY(12px)}.cinematic-confirm.show{opacity:1;transform:none}.saw-btn{border:1px solid var(--accent);padding:13px 34px}@supports (color:color-mix(in lab,red,red)){.saw-btn{border:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}}.saw-btn{background:var(--accent-wash);color:var(--accent);font-family:var(--font-body);letter-spacing:.08em;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out-expo),background-color var(--dur) ease;border-radius:999px;font-size:15px;font-weight:600}.saw-btn:hover{background:var(--accent);transform:translateY(-2px)}@supports (color:color-mix(in lab,red,red)){.saw-btn:hover{background:color-mix(in srgb,var(--accent) 16%,transparent)}}.confirm-msg{text-align:center;opacity:0;transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo);margin-top:40px;transform:translateY(14px)}.confirm-msg.show{opacity:1;transform:none}.confirm-msg .h3{color:var(--fg);font-family:var(--font-display);font-size:21px;font-weight:600}.confirm-msg p{color:var(--muted);margin:8px 0 0;font-size:14.5px}.cinematic-reply-cta{border-top:1px solid var(--border);text-align:center;opacity:0;transition:opacity .9s var(--ease-out-expo),transform .9s var(--ease-out-expo);margin-top:44px;padding-top:28px;transform:translateY(14px)}.cinematic-reply-cta.show{opacity:1;transform:none}.reply-head{color:var(--muted);font-family:var(--font-letter);font-size:15px}.reply-btn{background:linear-gradient(165deg,var(--accent),var(--accent));border-radius:999px;margin-top:14px;padding:12px 28px;display:inline-block}@supports (color:color-mix(in lab,red,red)){.reply-btn{background:linear-gradient(165deg,color-mix(in srgb,var(--accent) 88%,white),var(--accent))}}.reply-btn{color:#fef7f2;box-shadow:var(--shadow-seal);transition:transform var(--dur-fast) var(--ease-out-expo);font-size:14.5px;font-weight:600;text-decoration:none}.reply-btn:hover{color:#fef7f2;transform:translateY(-2px)}.reveal-actions{opacity:0;transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo);transform:translateY(14px)}.reveal-actions.show{opacity:1;transform:none}.reply-from-label{color:var(--accent);letter-spacing:.2em;text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:600}.reply-card{border:1px solid var(--border);border-left:2px solid var(--accent);margin-top:14px;padding:24px 26px}@supports (color:color-mix(in lab,red,red)){.reply-card{border-left:2px solid color-mix(in srgb,var(--accent) 50%,transparent)}}.reply-card{border-radius:0 var(--radius) var(--radius) 0;background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.reply-card{background:color-mix(in srgb,var(--surface) 55%,transparent)}}.reply-card-to{color:var(--muted);font-family:var(--font-letter);font-size:14px}.reply-card-body{color:var(--fg-soft);font-family:var(--font-letter);white-space:pre-wrap;word-break:break-word;margin-top:10px;font-size:15.5px;line-height:2.05}.reply-card-sig{color:var(--muted);font-family:var(--font-letter);text-align:right;margin-top:12px;font-size:14px}.brand-footer{border-top:1px solid var(--border);text-align:center;margin-top:46px;padding-top:20px}.brand-footer a{color:var(--muted);letter-spacing:.06em;font-size:12.5px;text-decoration:none}.brand-footer a:hover{color:var(--accent)}.locked-letter-page{justify-content:center;width:100%;display:flex}.locked-letter-card{align-items:center;gap:var(--gap-sm);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);width:min(100%,520px);box-shadow:var(--shadow-lift);-webkit-backdrop-filter:blur(20px)saturate(165%);text-align:center;flex-direction:column;padding:clamp(30px,5vw,52px);display:flex}.locked-letter-card .btn{margin-top:var(--gap-sm)}.creator-share-panel,.creator-unlock-panel{gap:var(--gap-md);border:0;border-left:1px solid var(--accent);flex-direction:column;max-width:330px;padding:4px 0 4px clamp(18px,2vw,26px);display:flex;position:sticky;top:96px}@supports (color:color-mix(in lab,red,red)){.creator-share-panel,.creator-unlock-panel{border-left:1px solid color-mix(in srgb,var(--accent) 42%,transparent)}}.creator-share-panel,.creator-unlock-panel{box-shadow:none;background:0 0;border-radius:0}.creator-share-panel:before,.creator-unlock-panel:before{content:"";z-index:-1;top:22px;left:calc(-1 * var(--gap-lg) - 140px);width:calc(var(--gap-lg) + 158px);background:var(--thread) right center / auto 100% no-repeat;opacity:.85;pointer-events:none;height:18px;position:absolute}.creator-share-panel .btn-primary,.creator-unlock-panel .btn-primary{color:#fef7f2;background:linear-gradient(165deg,#c74955,#9d2a39)}.creator-share-panel .btn-secondary,.creator-unlock-panel .btn-secondary{border-color:var(--border-strong);background:var(--fg)}@supports (color:color-mix(in lab,red,red)){.creator-share-panel .btn-secondary,.creator-unlock-panel .btn-secondary{background:color-mix(in srgb,var(--fg) 8%,transparent)}}.creator-share-panel .btn-secondary,.creator-unlock-panel .btn-secondary{color:var(--fg)}.creator-share-panel .btn-secondary:hover,.creator-unlock-panel .btn-secondary:hover{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.creator-share-panel .btn-secondary:hover,.creator-unlock-panel .btn-secondary:hover{border-color:color-mix(in srgb,var(--accent) 60%,transparent)}}.creator-share-panel .btn-secondary:hover,.creator-unlock-panel .btn-secondary:hover{color:var(--accent)}.creator-share-qr-image span{color:#5d5159}.creator-share-head h2{color:var(--fg);font-family:var(--font-display);margin:8px 0 6px;font-size:20px;font-weight:600}.creator-share-head p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.8}.creator-share-badge{background:var(--accent-wash);color:var(--accent);letter-spacing:.1em;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:11.5px;font-weight:600;display:inline-flex}.creator-share-redeemed{align-items:flex-start;gap:6px;font-weight:600;display:flex;color:var(--accent)!important;margin-top:10px!important}.creator-share-redeemed svg{flex-shrink:0;margin-top:4px}.creator-share-final-label{color:var(--accent);letter-spacing:.06em;align-items:center;gap:6px;margin-bottom:8px;font-size:12.5px;font-weight:600;display:flex}.creator-share-link{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.creator-share-link .input{border-color:var(--border-strong);background:var(--fg)}@supports (color:color-mix(in lab,red,red)){.creator-share-link .input{background:color-mix(in srgb,var(--fg) 10%,transparent)}}.creator-share-link .input{color:var(--fg);font-family:var(--font-mono);font-size:13px}.creator-share-status{color:var(--accent);margin:0;font-size:13px;font-weight:600}.creator-share-checklist{border-radius:var(--radius);background:var(--surface);gap:8px;margin:0;padding:16px 18px;display:grid}@supports (color:color-mix(in lab,red,red)){.creator-share-checklist{background:color-mix(in srgb,var(--surface) 70%,transparent)}}.creator-share-checklist{list-style:none}.creator-share-checklist li{color:var(--muted);align-items:flex-start;gap:8px;font-size:13px;line-height:1.7;display:flex}.creator-share-checklist svg{color:var(--accent);flex-shrink:0;margin-top:3px}.creator-share-qr{gap:var(--gap-sm);padding-top:var(--gap-md);border-top:1px solid var(--border);grid-template-columns:108px minmax(0,1fr);align-items:start;display:grid}.creator-share-qr-image{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius);background:#fff;justify-content:center;align-items:center;padding:8px;display:flex}.creator-share-qr-image img{object-fit:contain;width:100%;height:100%}.creator-share-qr-image span{color:var(--muted);text-align:center;font-size:12px}.creator-share-qr-copy strong{color:var(--fg);font-size:14.5px;display:block}.creator-share-qr-copy p{color:var(--muted);margin:4px 0 10px;font-size:13px;line-height:1.7}.creator-share-pending{border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--muted);text-align:center;padding:18px;font-size:13.5px;line-height:1.8}.unlock-form{gap:var(--gap-sm);flex-direction:column;display:flex}.unlock-head{color:var(--fg);font-family:var(--font-display);align-items:center;gap:9px;font-size:19px;font-weight:600;display:flex}.unlock-head svg{color:var(--accent)}.creator-unlock-panel .redeem-code-input{resize:vertical;border-color:var(--border-strong);background:var(--fg);min-height:92px}@supports (color:color-mix(in lab,red,red)){.creator-unlock-panel .redeem-code-input{background:color-mix(in srgb,var(--fg) 10%,transparent)}}.creator-unlock-panel .redeem-code-input{color:var(--fg);font-family:var(--font-mono);font-size:13px;line-height:1.7}.creator-unlock-panel .redeem-code-input::placeholder{color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.creator-unlock-panel .redeem-code-input::placeholder{color:color-mix(in srgb,var(--muted) 78%,transparent)}}.creator-unlock-panel .field-label{color:var(--fg);margin-top:2px}.redeem-code-hint{color:var(--muted);margin:0;line-height:1.7}.page-prose{width:min(100%,780px);margin-inline:auto}.page-prose h1{margin:0 0 var(--gap-sm);color:var(--fg);font-family:var(--font-display);font-size:var(--fs-h1);font-weight:600;line-height:1.25}.page-prose>p{color:var(--muted);font-size:var(--fs-lead);margin:0;line-height:1.85}.page-cta{align-items:center;gap:var(--gap-sm);padding:var(--gap-lg);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);flex-direction:column;display:flex}@supports (color:color-mix(in lab,red,red)){.page-cta{background:color-mix(in srgb,var(--card) 72%,transparent)}}.page-cta{-webkit-backdrop-filter:blur(16px);text-align:center}.page-cta p{color:var(--muted);margin:0}.page-cta-button{background:linear-gradient(165deg,var(--accent),var(--accent));border-radius:999px;align-items:center;padding:12px 28px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.page-cta-button{background:linear-gradient(165deg,color-mix(in srgb,var(--accent) 88%,white),var(--accent))}}.page-cta-button{color:#fef7f2;box-shadow:var(--shadow-seal);transition:transform var(--dur-fast) var(--ease-out-expo);font-size:15px;font-weight:600;text-decoration:none}.page-cta-button:hover{color:#fef7f2;transform:translateY(-2px)}.missing-page{align-items:center;gap:var(--gap-sm);text-align:center;flex-direction:column;width:min(100%,520px);display:flex}.missing-icon{margin-bottom:var(--gap-xs);animation:5s ease-in-out infinite mote-breathe}@media(max-width:980px){.create-grid,.experience-grid,.unlock-grid,.letter-preview-stack-with-tools{grid-template-columns:minmax(0,1fr)}.preview-card,.creator-share-panel,.creator-unlock-panel{position:static}.creator-share-panel:before,.creator-unlock-panel:before{display:none}.creator-share-panel,.creator-unlock-panel{border-left:0;max-width:none;padding-left:0}.cinematic-envelope{-webkit-box-reflect:below 0 linear-gradient(transparent,transparent)}.problem-cards,.screen-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media(max-width:620px){.problem-section,.steps,.recipient-experience,.unlock-section,.use-cases,.faq{padding-block:var(--gap-xl)}.problem-cards,.screen-cards{grid-template-columns:minmax(0,1fr)}.hero-content{transform:none}.creator-share-qr{grid-template-columns:minmax(0,1fr)}.create-grid{padding-bottom:72px}}}@layer ll-landing{.landing-shell .stage{max-width:none;padding:0}.landing-shell{overflow:clip visible}.landing-page{width:100%;overflow:visible}.landing-section-inner{width:min(var(--container),calc(100% - var(--gutter) * 2));margin-inline:auto}.landing-shell .topbar{border:1px solid var(--border-strong);width:min(1120px,100% - 28px);padding:10px 12px 10px 20px;top:14px;left:50%;right:auto}@supports (color:color-mix(in lab,red,red)){.landing-shell .topbar{border:1px solid color-mix(in srgb,var(--border-strong) 76%,transparent)}}.landing-shell .topbar{background:var(--mist-1);border-radius:999px}@supports (color:color-mix(in lab,red,red)){.landing-shell .topbar{background:color-mix(in srgb,var(--mist-1) 63%,transparent)}}.landing-shell .topbar{-webkit-backdrop-filter:blur(20px)saturate(170%);transform:translate(-50%);box-shadow:inset 0 1px #ffffff8a,0 14px 44px #5b323217}.landing-shell .topbar.scrolled{background:var(--mist-1);padding-block:8px}@supports (color:color-mix(in lab,red,red)){.landing-shell .topbar.scrolled{background:color-mix(in srgb,var(--mist-1) 88%,transparent)}}.landing-shell .topbar.scrolled{border-color:var(--border-strong);box-shadow:inset 0 1px #ffffffa8,0 16px 48px #5b323221}.water-hero{width:100%;min-height:calc(100svh - 46px);padding:112px max(var(--gutter),calc((100% - var(--container)) / 2)) 72px;isolation:isolate;align-items:center;display:flex;position:relative}.water-hero:before{content:"";z-index:-1;background:linear-gradient(90deg,var(--mist-1),transparent 58%),linear-gradient(180deg,transparent 64%,var(--mist-3));position:absolute;top:0;right:0;bottom:0;left:0}@supports (color:color-mix(in lab,red,red)){.water-hero:before{background:linear-gradient(90deg,color-mix(in srgb,var(--mist-1) 54%,transparent),transparent 58%),linear-gradient(180deg,transparent 64%,color-mix(in srgb,var(--mist-3) 30%,transparent))}}.water-hero:before{pointer-events:none}.water-hero-copy{z-index:3;flex-direction:column;align-items:flex-start;width:min(650px,58%);display:flex;position:relative}.water-hero-copy>*{opacity:0;transition:opacity .82s var(--ease-out-expo),transform .82s var(--ease-out-expo);transform:translateY(26px)}.water-hero-copy.is-visible>*{opacity:1;transform:none}.water-hero-copy.is-visible>:first-child{transition-delay:20ms}.water-hero-copy.is-visible>:nth-child(2){transition-delay:.12s}.water-hero-copy.is-visible>:nth-child(3){transition-delay:.22s}.water-hero-copy.is-visible>:nth-child(4){transition-delay:.36s}.water-hero-copy.is-visible>:nth-child(5){transition-delay:.48s}.water-hero-copy.is-visible>:nth-child(6){transition-delay:.62s}.hero-brand-lockup{color:var(--fg);font-family:var(--font-display);letter-spacing:.28em;align-items:center;gap:7px;margin:0 0 18px;font-size:18px;font-weight:700;display:inline-flex}.hero-brand-lockup span{color:var(--accent);letter-spacing:0;font-size:23px}.water-hero .eyebrow{margin-bottom:12px}.water-hero .h1{background:linear-gradient(118deg,var(--fg) 0%,var(--fg) 58%,var(--accent) 100%);color:#0000;letter-spacing:.025em;text-wrap:balance;-webkit-background-clip:text;background-clip:text;max-width:10.5em;margin:0;font-size:64px;line-height:1.17}.water-hero .lead{max-width:41em;color:var(--fg-soft);margin-top:18px;font-size:17px;line-height:1.86}.water-hero .hero-cta{justify-content:flex-start;margin-top:24px}.water-hero .hero-cta .btn{min-height:48px}.hero-thread{background:var(--thread) left center / 240px 18px no-repeat;opacity:.72;transform-origin:0;width:min(100%,460px);height:18px;margin-top:22px}.water-hero-copy.is-visible .hero-thread{animation:hero-thread-draw 1.15s .72s var(--ease-out-expo) both}@keyframes hero-thread-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.hero-envelope-scene{right:max(2vw,calc((100% - var(--container)) / 2 - 30px));z-index:1;opacity:0;perspective:1100px;width:470px;height:390px;transition:opacity 1s .34s var(--ease-out-expo),transform 1.15s .34s var(--ease-out-expo);pointer-events:none;position:absolute;top:50%;transform:translateY(-44%)rotate(-3deg)scale(.88)}.water-hero-copy.is-visible~.hero-envelope-scene{opacity:1;transform:translateY(-50%)rotate(-1.2deg)scale(1)}.hero-envelope-halo{background:radial-gradient(ellipse,var(--gold),transparent 68%);border-radius:50%;position:absolute;top:42px;right:20px;bottom:30px;left:20px}@supports (color:color-mix(in lab,red,red)){.hero-envelope-halo{background:radial-gradient(ellipse,color-mix(in srgb,var(--gold) 30%,transparent),transparent 68%)}}.hero-envelope-halo{filter:blur(18px);opacity:.58}.hero-envelope-object{filter:drop-shadow(0 30px 30px oklch(35% .06 20/.2));width:390px;height:242px;animation:hero-envelope-float 6s var(--ease-out-expo) infinite alternate;position:absolute;top:92px;left:38px}@keyframes hero-envelope-float{0%{transform:translateY(2px)rotate(-.6deg)}to{transform:translateY(-13px)rotate(.8deg)}}.hero-envelope-back,.hero-envelope-front,.hero-envelope-flap{border:1px solid var(--border-strong);position:absolute;top:0;right:0;bottom:0;left:0}@supports (color:color-mix(in lab,red,red)){.hero-envelope-back,.hero-envelope-front,.hero-envelope-flap{border:1px solid color-mix(in srgb,var(--border-strong) 82%,transparent)}}.hero-envelope-back,.hero-envelope-front,.hero-envelope-flap{background:var(--card-solid)}.hero-envelope-back{background:repeating-linear-gradient(92deg,oklch(45% .03 45/.018) 0 1px,transparent 1px 4px),var(--card-solid);border-radius:8px}.hero-letter-sheet{z-index:1;border:1px solid var(--gold);flex-direction:column;gap:13px;width:300px;height:218px;padding:44px 35px;display:flex;position:absolute;top:-76px;left:45px}@supports (color:color-mix(in lab,red,red)){.hero-letter-sheet{border:1px solid color-mix(in srgb,var(--gold) 24%,var(--border))}}.hero-letter-sheet{background:repeating-linear-gradient(93deg,#64504804,#64504804 1px,#0000 1px,#0000 4px),#fffbf5;border-radius:5px;transform:rotate(-1.6deg);box-shadow:0 14px 24px #59302b1f}.hero-letter-sheet:before{content:"致 · 那个重要的人";color:var(--accent);font-family:var(--font-letter);letter-spacing:.12em;font-size:14px}.hero-letter-sheet span{background:var(--fg);height:1px;display:block}@supports (color:color-mix(in lab,red,red)){.hero-letter-sheet span{background:color-mix(in srgb,var(--fg) 15%,transparent)}}.hero-letter-sheet span:first-child{width:84%}.hero-letter-sheet span:nth-child(2){width:68%}.hero-letter-sheet span:nth-child(3){width:76%}.hero-envelope-front{z-index:3;background:linear-gradient(31deg,var(--surface) 0 49.4%,transparent 50%) left / 51% 100% no-repeat,linear-gradient(-31deg,var(--surface) 0 49.4%,transparent 50%) right / 51% 100% no-repeat,linear-gradient(180deg,transparent 0 44%,var(--card-solid) 45% 100%);border-radius:0 0 8px 8px}@supports (color:color-mix(in lab,red,red)){.hero-envelope-front{background:linear-gradient(31deg,var(--surface) 0 49.4%,transparent 50%) left / 51% 100% no-repeat,linear-gradient(-31deg,var(--surface) 0 49.4%,transparent 50%) right / 51% 100% no-repeat,linear-gradient(180deg,transparent 0 44%,color-mix(in srgb,var(--card-solid) 94%,var(--mist-2)) 45% 100%)}}.hero-envelope-front{clip-path:polygon(0 24%,50% 68%,100% 24%,100% 100%,0 100%)}.hero-envelope-flap{z-index:4;background:linear-gradient(165deg,var(--card-solid),var(--surface));clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;border-radius:8px 8px 0 0;height:132px;transform:rotateX(176deg)}.hero-wax-seal{z-index:5;border:1px solid var(--accent);place-items:center;width:58px;height:58px;display:grid;position:absolute;top:130px;left:50%}@supports (color:color-mix(in lab,red,red)){.hero-wax-seal{border:1px solid color-mix(in srgb,var(--accent) 75%,black)}}.hero-wax-seal{background:radial-gradient(circle at 32% 28%,var(--accent2),transparent 29%),radial-gradient(circle,var(--accent),var(--accent));border-radius:50%}@supports (color:color-mix(in lab,red,red)){.hero-wax-seal{background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--accent2) 75%,white),transparent 29%),radial-gradient(circle,var(--accent),color-mix(in srgb,var(--accent) 78%,black))}}.hero-wax-seal{color:#ffeee7;color:oklch(96% .03 40);transform:translate(-50%)rotate(5deg);box-shadow:inset 0 2px 4px #ffffff3d,0 7px 12px #822a3347}.hero-envelope-reflection{filter:blur(10px);background:radial-gradient(#54252633,#0000 70%);border-radius:50%;width:360px;height:45px;position:absolute;bottom:16px;right:54px;transform:scaleY(.52)}.hero-scroll-cue{z-index:4;color:var(--muted);letter-spacing:.12em;opacity:0;transition:opacity .7s 1.05s var(--ease-out-expo),transform .7s 1.05s var(--ease-out-expo);align-items:center;gap:8px;font-size:12px;text-decoration:none;display:inline-flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%,12px)}.water-hero-copy.is-visible~.hero-scroll-cue{opacity:1;transform:translate(-50%)}.hero-scroll-cue svg{animation:scroll-cue 1.8s var(--ease-out-expo) infinite}@keyframes scroll-cue{0%,to{opacity:.5;transform:translateY(-2px)}50%{opacity:1;transform:translateY(5px)}}.landing-shell .problem-section,.landing-shell .steps,.landing-shell .recipient-experience,.landing-shell .unlock-section,.landing-shell .use-cases,.landing-shell .faq{width:100%;padding:124px 0}.landing-shell .problem-section:before,.landing-shell .steps:before,.landing-shell .recipient-experience:before,.landing-shell .unlock-section:before,.landing-shell .use-cases:before,.landing-shell .faq:before{display:none}.editorial-problem{border-block:1px solid var(--border)}@supports (color:color-mix(in lab,red,red)){.editorial-problem{border-block:1px solid color-mix(in srgb,var(--border) 72%,transparent)}}.editorial-problem{background:var(--mist-1)}@supports (color:color-mix(in lab,red,red)){.editorial-problem{background:color-mix(in srgb,var(--mist-1) 72%,transparent)}}.editorial-problem{-webkit-backdrop-filter:blur(22px)saturate(135%)}.editorial-problem-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:96px;display:grid}.editorial-problem .section-heading{margin:0;position:sticky;top:120px}.editorial-problem .section-heading .h2{font-size:42px;line-height:1.32}.editorial-problem-list{border-top:1px solid var(--border-strong)}.editorial-problem-row{border-bottom:1px solid var(--border-strong);grid-template-columns:58px minmax(0,1fr);gap:22px;padding:32px 4px;display:grid}.editorial-index{color:var(--accent);padding-top:2px}@supports (color:color-mix(in lab,red,red)){.editorial-index{color:color-mix(in srgb,var(--accent) 64%,transparent)}}.editorial-index{font-family:var(--font-display);font-size:28px}.editorial-problem-row h3{color:var(--fg);font-family:var(--font-display);margin:0 0 8px;font-size:23px;font-weight:600}.editorial-problem-row p{max-width:35em;color:var(--muted);margin:0;font-size:15px;line-height:1.9}.story-section{background:linear-gradient(180deg,var(--mist-2),transparent 30%),var(--mist-1);width:100%;padding:126px 0 80px;position:relative}@supports (color:color-mix(in lab,red,red)){.story-section{background:linear-gradient(180deg,color-mix(in srgb,var(--mist-2) 45%,transparent),transparent 30%),color-mix(in srgb,var(--mist-1) 24%,transparent)}}.story-heading{text-align:center;flex-direction:column;align-items:center;margin-bottom:36px;display:flex}.story-heading .h2{margin-top:12px;font-size:50px}.story-heading .lead{max-width:46em;margin-top:14px}.story-layout{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:start;gap:80px;display:grid}.story-visual-sticky{height:calc(100svh - 136px);min-height:600px;max-height:760px;position:sticky;top:104px}.story-visual{border:1px solid var(--border-strong);background:linear-gradient(180deg,var(--mist-1),var(--mist-3));border-radius:8px;width:100%;height:100%;min-height:600px;position:relative}@supports (color:color-mix(in lab,red,red)){.story-visual{background:linear-gradient(180deg,color-mix(in srgb,var(--mist-1) 76%,transparent),color-mix(in srgb,var(--mist-3) 42%,transparent))}}.story-visual{perspective:1000px;isolation:isolate;overflow:hidden;box-shadow:inset 0 1px #fff9,0 34px 80px #5e35351f}.story-visual:after{content:"";z-index:-1;background:repeating-radial-gradient(ellipse at 50% 0,transparent 0 28px,var(--gold) 30px 31px,transparent 33px 58px);height:46%;position:absolute;inset:auto -12% -13%}@supports (color:color-mix(in lab,red,red)){.story-visual:after{background:repeating-radial-gradient(ellipse at 50% 0,transparent 0 28px,color-mix(in srgb,var(--gold) 12%,transparent) 30px 31px,transparent 33px 58px)}}.story-visual:after{opacity:.55;transform:scaleY(.44)}.story-thread-svg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.story-thread-path{fill:none;stroke:var(--accent)}@supports (color:color-mix(in lab,red,red)){.story-thread-path{stroke:color-mix(in srgb,var(--accent) 72%,transparent)}}.story-thread-path{stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;vector-effect:non-scaling-stroke}.story-paper{z-index:3;border:1px solid var(--gold);flex-direction:column;width:min(330px,66%);min-height:280px;padding:38px 34px;display:flex;position:absolute;top:19%;left:50%}@supports (color:color-mix(in lab,red,red)){.story-paper{border:1px solid color-mix(in srgb,var(--gold) 28%,var(--border))}}.story-paper{transition:transform .9s var(--ease-out-expo),opacity .55s ease;background:repeating-linear-gradient(92deg,#64504804,#64504804 1px,#0000 1px,#0000 4px),#fffbf5;border-radius:5px;transform:translate(-50%,-8%)rotate(-1deg);box-shadow:0 22px 40px #562d2d29}.story-paper-to{color:var(--accent);letter-spacing:.16em;margin-bottom:28px;font-size:11px}.story-paper strong{color:var(--fg);font-family:var(--font-letter);margin-bottom:26px;font-size:24px;font-weight:500;line-height:1.55}.story-paper i{background:var(--fg);width:100%;height:1px;margin-top:15px;display:block}@supports (color:color-mix(in lab,red,red)){.story-paper i{background:color-mix(in srgb,var(--fg) 13%,transparent)}}.story-paper i:nth-of-type(2){width:84%}.story-paper i:nth-of-type(3){width:66%}.story-envelope{z-index:4;aspect-ratio:1.62;filter:drop-shadow(0 26px 26px oklch(35% .06 20/.18));width:min(390px,78%);transition:transform .9s var(--ease-out-expo);position:absolute;top:48%;left:50%;transform:translate(-50%,-4%)}.story-envelope-back,.story-envelope-front,.story-envelope-flap{border:1px solid var(--border-strong);background:var(--card-solid);position:absolute;top:0;right:0;bottom:0;left:0}.story-envelope-back{border-radius:7px}.story-envelope-front{z-index:3;background:linear-gradient(31deg,var(--surface) 0 49.5%,transparent 50%) left / 51% 100% no-repeat,linear-gradient(-31deg,var(--surface) 0 49.5%,transparent 50%) right / 51% 100% no-repeat,linear-gradient(180deg,transparent 0 43%,var(--card-solid) 44% 100%);clip-path:polygon(0 22%,50% 68%,100% 22%,100% 100%,0 100%);border-radius:0 0 7px 7px}.story-envelope-flap{z-index:4;background:linear-gradient(160deg,var(--card-solid),var(--surface));clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;height:56%;transition:transform .85s var(--ease-out-expo);border-radius:7px 7px 0 0;transform:rotateX(168deg)}.story-seal{z-index:6;background:radial-gradient(circle at 34% 28%,var(--accent2),var(--accent) 66%);color:#ffeee7;color:oklch(96% .03 40);width:54px;height:54px;box-shadow:var(--shadow-seal);opacity:0;transition:opacity .4s ease,transform .6s var(--ease-out-back);border-radius:50%;place-items:center;display:grid;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)scale(.4)rotate(-16deg)}.story-link-card{z-index:7;border:1px solid var(--border-strong);background:var(--card-solid);color:var(--fg-soft);font-family:var(--font-mono);box-shadow:var(--shadow-soft);opacity:0;transition:opacity .45s ease,transform .6s var(--ease-out-back);border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:11px;display:flex;position:absolute;bottom:90px;right:30px;transform:translateY(12px)scale(.94)}.story-state-label{z-index:8;align-items:baseline;gap:10px;display:flex;position:absolute;bottom:24px;left:26px}.story-state-label span{color:var(--accent);font-family:var(--font-display);font-size:26px}.story-state-label strong{color:var(--fg-soft);letter-spacing:.16em;font-size:13px}.story-water-ring{border:1px solid var(--gold);width:120px;height:48px;position:absolute;top:63%;left:50%}@supports (color:color-mix(in lab,red,red)){.story-water-ring{border:1px solid color-mix(in srgb,var(--gold) 38%,transparent)}}.story-water-ring{opacity:0;border-radius:50%;transform:translate(-50%,-50%)scale(.4)}.story-water-ring-two{animation-delay:.28s!important}.story-visual.is-step-1 .story-paper{opacity:.35;transform:translate(-50%,44%)rotate(0)scale(.78)}.story-visual.is-step-1 .story-envelope-flap{transform:rotateX(0)}.story-visual.is-step-1 .story-seal{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(5deg)}.story-visual.is-step-1 .story-link-card{opacity:1;transform:none}.story-visual.is-step-2 .story-paper{opacity:1;transform:translate(-50%,-36%)rotate(1deg)scale(1.02)}.story-visual.is-step-2 .story-envelope{transform:translate(-50%,18%)scale(.94)}.story-visual.is-step-2 .story-envelope-flap{transform:rotateX(176deg)}.story-visual.is-step-2 .story-seal{opacity:0;transform:translate(-50%,-50%)scale(1.5)rotate(22deg)}.story-visual.is-step-2 .story-water-ring{animation:story-ring 1.55s var(--ease-out-expo) infinite}@keyframes story-ring{0%{opacity:.68;transform:translate(-50%,-50%)scale(.35)}to{opacity:0;transform:translate(-50%,-50%)scale(4.2)}}.story-steps{margin:0;padding:0;list-style:none}.story-step{opacity:.34;min-height:68svh;transition:opacity .5s ease,transform .7s var(--ease-out-expo);flex-direction:column;justify-content:center;align-items:flex-start;padding:58px 0;display:flex;transform:translate(18px)}.story-step.is-active{opacity:1;transform:none}.story-step-icon{border:1px solid var(--accent);place-items:center;width:42px;height:42px;margin-bottom:24px;display:grid}@supports (color:color-mix(in lab,red,red)){.story-step-icon{border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}}.story-step-icon{background:var(--accent-wash);color:var(--accent);border-radius:50%}.story-step>p{color:var(--accent);font-family:var(--font-mono);letter-spacing:.16em;margin:0 0 12px;font-size:11px;font-weight:700}.story-step h3{color:var(--fg);font-family:var(--font-display);margin:0 0 16px;font-size:40px;font-weight:600}.story-step>span:not(.story-step-icon){max-width:32em;color:var(--muted);font-size:16px;line-height:1.92}.story-step a{color:var(--accent);margin-top:24px;font-size:14px;font-weight:600;text-decoration:none}.landing-shell .recipient-stage{color:#f6ece8;background:linear-gradient(150deg,#40263e,#230d1c);padding:0}.recipient-stage-grid{grid-template-columns:minmax(0,1fr) minmax(420px,.86fr);align-items:center;gap:90px;min-height:860px;padding-block:108px;display:grid}.recipient-stage-copy .eyebrow{color:#f69a9a}.recipient-stage-copy .eyebrow:before,.recipient-stage-copy .eyebrow:after{background:#f69a9a8c}.recipient-stage-copy .h2{color:#f9efeb;margin-top:16px;font-size:46px}.recipient-stage-copy>.lead{color:#cfc0bc;max-width:42em;margin-top:18px}.recipient-stage-points{border-top:1px solid oklch(90% .02 40/.15);margin-top:44px}.recipient-stage-points article{border-bottom:1px solid oklch(90% .02 40/.15);grid-template-columns:34px 28px minmax(0,1fr);gap:12px;padding:20px 0;display:grid}.recipient-stage-points article>span{color:#d78e8f;font-family:var(--font-display);font-size:16px}.recipient-stage-points svg{color:#f69a9a}.recipient-stage-points h3{color:#f3e9e5;font-family:var(--font-display);margin:0 0 4px;font-size:16px;font-weight:600}.recipient-stage-points p{color:#b6a7a3;margin:0;font-size:13px;line-height:1.75}.recipient-envelope-demo{aspect-ratio:.82;width:100%;min-height:580px;color:inherit;cursor:pointer;perspective:1000px;background:linear-gradient(#5d425d6b,#1d0a164d);border:1px solid oklch(90% .02 40/.18);border-radius:8px;place-items:center;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 38px 80px #05000361}.recipient-demo-aura{filter:blur(18px);background:radial-gradient(#caa46833,#0000 68%);border-radius:50%;transition:opacity .5s;position:absolute;top:10%;right:7%;bottom:18%;left:7%}.recipient-demo-envelope{aspect-ratio:1.55;filter:drop-shadow(0 30px 28px oklch(8% .03 340/.42));width:min(370px,78%);position:relative;transform:translateY(18px)}.recipient-demo-back,.recipient-demo-front,.recipient-demo-flap{background:#f9f0e7;border:1px solid oklch(65% .03 45/.55);position:absolute;top:0;right:0;bottom:0;left:0}.recipient-demo-back{border-radius:7px}.recipient-demo-front{z-index:3;clip-path:polygon(0 22%,50% 68%,100% 22%,100% 100%,0 100%);background:linear-gradient(31deg,#f1e6da,#f1e6da 49.4%,#0000 50%) 0/51% 100% no-repeat,linear-gradient(-31deg,#f1e6da,#f1e6da 49.4%,#0000 50%) 100%/51% 100% no-repeat,linear-gradient(#0000,#0000 44%,#f9f0e7 45%,#f9f0e7);border-radius:0 0 7px 7px}.recipient-demo-flap{z-index:5;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;height:57%;transition:transform .9s var(--ease-out-expo);background:linear-gradient(160deg,#fef7f0,#efe2d6);border-radius:7px 7px 0 0}.recipient-demo-paper{z-index:2;color:#352119;opacity:.34;width:80%;height:116%;transition:opacity .5s ease,transform .95s var(--ease-out-expo);background:repeating-linear-gradient(92deg,#64504804,#64504804 1px,#0000 1px,#0000 4px),#fef7f0;border-radius:4px;flex-direction:column;padding:34px 32px;display:flex;position:absolute;top:-12%;left:10%;transform:translateY(33%)scale(.24);box-shadow:0 18px 28px #05000338}.recipient-demo-paper small{color:#aa4049;letter-spacing:.16em;margin-bottom:22px;font-size:10px}.recipient-demo-paper strong{font-family:var(--font-letter);margin-bottom:25px;font-size:28px;font-weight:500}.recipient-demo-paper i{background:#49352f29;width:100%;height:1px;margin-top:14px}.recipient-demo-paper i:nth-of-type(2){width:82%}.recipient-demo-paper i:nth-of-type(3){width:64%}.recipient-demo-seal{z-index:7;color:#ffe9e1;color:oklch(95% .03 42);width:56px;height:56px;transition:opacity .35s ease,transform .55s var(--ease-out-back);background:radial-gradient(circle at 34% 28%,#eb817f,#ae3b47 68%);border-radius:50%;place-items:center;display:grid;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 18px #0a000661}.recipient-demo-command{z-index:9;color:#f0e1db;-webkit-backdrop-filter:blur(12px);background:#1d0a16bd;border:1px solid oklch(90% .02 40/.22);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:inline-flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.recipient-envelope-demo:hover .recipient-demo-envelope{filter:drop-shadow(0 34px 34px oklch(8% .03 340/.5))}.recipient-envelope-demo.is-open .recipient-demo-flap{transform:rotateX(178deg)}.recipient-envelope-demo.is-open .recipient-demo-paper{z-index:6;opacity:1;transform:translateY(-54%)rotate(-1deg)scale(1)}.recipient-envelope-demo.is-open .recipient-demo-seal{opacity:0;transform:translate(-50%,-50%)scale(1.7)rotate(20deg)}.recipient-envelope-demo.is-open .recipient-demo-aura{opacity:.82}.landing-shell .unlock-section{background:var(--mist-1)}@supports (color:color-mix(in lab,red,red)){.landing-shell .unlock-section{background:color-mix(in srgb,var(--mist-1) 74%,transparent)}}.landing-shell .unlock-section{-webkit-backdrop-filter:blur(18px)}.landing-shell .unlock-grid{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:100px}.landing-shell .unlock-copy .h2{margin-top:5px;font-size:46px}.unlock-ledger{border-left:1px solid var(--accent);padding-left:70px;position:relative}@supports (color:color-mix(in lab,red,red)){.unlock-ledger{border-left:1px solid color-mix(in srgb,var(--accent) 32%,transparent)}}.unlock-ledger-seal{background:radial-gradient(circle at 34% 28%,var(--accent2),var(--accent) 68%);color:#ffeee7;color:oklch(96% .03 40);width:54px;height:54px;box-shadow:var(--shadow-seal);border-radius:50%;place-items:center;display:grid;position:absolute;top:-14px;left:-27px}.landing-shell .benefit-row{border:0;border-bottom:1px solid var(--border-strong);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:0;grid-template-columns:36px 28px minmax(0,1fr);gap:14px;padding:22px 0;display:grid}.benefit-number{color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.benefit-number{color:color-mix(in srgb,var(--accent) 62%,transparent)}}.benefit-number{font-family:var(--font-display);font-size:17px}.case-ribbon{border-top:1px solid var(--border-strong)}.case-ribbon-item{border-bottom:1px solid var(--border-strong);min-height:82px;color:var(--fg);transition:padding-left var(--dur) var(--ease-out-expo),color var(--dur-fast) ease,background-color var(--dur-fast) ease;grid-template-columns:48px 32px minmax(0,1fr);align-items:center;gap:18px;padding:18px 10px;text-decoration:none;display:grid}.case-ribbon-item>span{color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.case-ribbon-item>span{color:color-mix(in srgb,var(--accent) 60%,transparent)}}.case-ribbon-item>span{font-family:var(--font-display);font-size:20px}.case-ribbon-item svg{color:var(--accent)}.case-ribbon-item strong{font-family:var(--font-display);font-size:20px;font-weight:500}.case-ribbon-item:hover{background:var(--accent);padding-left:24px}@supports (color:color-mix(in lab,red,red)){.case-ribbon-item:hover{background:color-mix(in srgb,var(--accent) 5%,transparent)}}.case-ribbon-item:hover{color:var(--accent)}.landing-shell .faq{background:var(--mist-1)}@supports (color:color-mix(in lab,red,red)){.landing-shell .faq{background:color-mix(in srgb,var(--mist-1) 42%,transparent)}}.landing-shell .faq-list{max-width:860px}.landing-shell .faq-item{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-inline:0;border-radius:0}.landing-final-cta{min-height:760px;padding:120px var(--gutter);border-top:1px solid var(--border);background:linear-gradient(180deg,var(--mist-2),var(--mist-3));place-items:center;display:grid;position:relative}@supports (color:color-mix(in lab,red,red)){.landing-final-cta{background:linear-gradient(180deg,color-mix(in srgb,var(--mist-2) 35%,transparent),color-mix(in srgb,var(--mist-3) 72%,transparent))}}.landing-final-cta{overflow:hidden}.landing-final-cta:before,.landing-final-cta:after{content:"";border:1px solid var(--gold);width:440px;height:150px;position:absolute;top:50%;left:50%}@supports (color:color-mix(in lab,red,red)){.landing-final-cta:before,.landing-final-cta:after{border:1px solid color-mix(in srgb,var(--gold) 22%,transparent)}}.landing-final-cta:before,.landing-final-cta:after{animation:final-ripple 4.4s var(--ease-out-expo) infinite;border-radius:50%;transform:translate(-50%,-50%)scale(1)}.landing-final-cta:after{animation-delay:1.5s}@keyframes final-ripple{0%{opacity:.55;transform:translate(-50%,-50%)scale(.45)}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}.landing-final-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;max-width:780px;display:flex;position:relative}.landing-final-seal{background:radial-gradient(circle at 34% 28%,var(--accent2),var(--accent) 68%);color:#ffeee7;color:oklch(96% .03 40);width:64px;height:64px;box-shadow:var(--shadow-seal);border-radius:50%;place-items:center;margin-bottom:28px;display:grid}.landing-final-inner h2{color:var(--fg);font-family:var(--font-display);margin:20px 0 0;font-size:54px;font-weight:600;line-height:1.3}.landing-final-inner>p:not(.eyebrow){max-width:38em;color:var(--muted);margin:20px 0 30px;font-size:17px;line-height:1.9}@media(max-width:1080px){.water-hero .h1{font-size:58px}.hero-envelope-scene{opacity:.66;right:-80px}.water-hero-copy.is-visible~.hero-envelope-scene{opacity:.72}.editorial-problem-grid{gap:58px}.story-layout{gap:44px}.recipient-stage-grid{gap:54px}}@media(max-width:860px){.landing-shell .topbar{width:calc(100% - 18px);top:9px}.water-hero{flex-direction:column;min-height:auto;padding-top:132px;padding-bottom:96px}.water-hero-copy{text-align:center;align-items:center;width:min(100%,680px)}.water-hero .h1{max-width:12em;font-size:50px}.water-hero .hero-cta{justify-content:center}.hero-thread{background-position:50%}.hero-envelope-scene{width:min(470px,100%);height:340px;margin-top:26px;position:relative;top:auto;right:auto;transform:rotate(-1deg)scale(.9)}.water-hero-copy.is-visible~.hero-envelope-scene{opacity:1;transform:rotate(-1deg)scale(1)}.hero-envelope-object{width:min(390px,100% - 48px);animation:none;left:50%;transform:translate(-50%)}.hero-envelope-reflection{width:74%;left:50%;right:auto;transform:translate(-50%)scaleY(.52)}.hero-scroll-cue{display:none}.editorial-problem-grid,.recipient-stage-grid,.landing-shell .unlock-grid{grid-template-columns:minmax(0,1fr)}.editorial-problem .section-heading{margin-bottom:46px;position:static}.story-layout{grid-template-columns:minmax(0,1fr)}.story-visual-sticky{z-index:2;height:430px;min-height:430px;margin-bottom:10px;position:relative;top:auto}.story-visual{min-height:430px}.story-paper{min-height:210px;padding:27px 26px;top:16%}.story-paper strong{font-size:19px}.story-envelope{width:min(320px,72%);top:45%}.story-step{min-height:52svh;padding:44px 8px}.recipient-stage-grid{min-height:auto;padding-block:92px}.recipient-envelope-demo{width:min(520px,100%);min-height:560px;margin-inline:auto}.landing-shell .unlock-grid{gap:60px}}@media(max-width:620px){.landing-shell .topbar{border-radius:18px;padding-inline:12px}.landing-shell .topbar nav a:first-child{display:none}.water-hero{padding:100px 18px 38px}.hero-brand-lockup{margin-bottom:14px;font-size:15px}.water-hero .eyebrow{letter-spacing:.2em;gap:9px;margin-bottom:8px;font-size:10px}.water-hero .eyebrow:before,.water-hero .eyebrow:after{width:18px}.water-hero .h1{font-size:36px;line-height:1.22}.water-hero .lead{margin-top:14px;font-size:14px;line-height:1.72}.water-hero .hero-cta{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin-top:18px;display:grid}.water-hero .hero-cta .btn{letter-spacing:0;width:100%;min-width:0;padding-inline:12px;font-size:13px}.hero-thread{margin-top:16px}.hero-envelope-scene{height:220px;margin-top:0}.hero-envelope-object{width:min(280px,100% - 58px);height:174px;top:48px}.hero-letter-sheet{width:76%;height:144px;padding:22px 20px;top:-44px;left:12%}.hero-wax-seal{width:44px;height:44px;top:89px}.landing-shell .problem-section,.landing-shell .recipient-experience,.landing-shell .unlock-section,.landing-shell .use-cases,.landing-shell .faq{padding:84px 0}.editorial-problem .section-heading .h2,.recipient-stage-copy .h2,.landing-shell .unlock-copy .h2{font-size:34px}.editorial-problem-row{grid-template-columns:42px minmax(0,1fr);gap:12px;padding:25px 0}.editorial-index{font-size:21px}.editorial-problem-row h3{font-size:19px}.story-section{padding-top:86px}.story-heading{text-align:left;align-items:flex-start}.story-heading .h2{font-size:38px}.story-heading .lead{font-size:15px}.story-visual-sticky{height:350px;min-height:350px;top:auto}.story-visual{min-height:350px}.story-paper{min-height:170px;padding:20px 22px;top:14%}.story-paper-to{margin-bottom:15px;font-size:9px}.story-paper strong{margin-bottom:8px;font-size:16px}.story-paper i{margin-top:10px}.story-envelope{width:76%;top:45%}.story-seal{width:43px;height:43px}.story-link-card{font-size:9px;bottom:58px;right:12px}.story-state-label{bottom:14px;left:16px}.story-step{min-height:48svh}.story-step h3{font-size:32px}.recipient-stage-grid{padding-block:80px}.recipient-stage-points article{grid-template-columns:28px 24px minmax(0,1fr);gap:9px}.recipient-envelope-demo{aspect-ratio:.88;min-height:430px}.recipient-demo-envelope{width:82%}.recipient-demo-paper{padding:24px 22px}.unlock-ledger{padding-left:44px}.unlock-ledger-seal{width:44px;height:44px;left:-22px}.landing-shell .benefit-row{grid-template-columns:30px 24px minmax(0,1fr);gap:10px}.case-ribbon-item{grid-template-columns:35px 26px minmax(0,1fr);gap:10px;min-height:76px;padding-inline:2px}.case-ribbon-item strong{font-size:16px;line-height:1.55}.landing-final-cta{min-height:660px;padding-block:92px}.landing-final-inner h2{font-size:39px}.landing-final-inner>p:not(.eyebrow){font-size:15px}}@media(max-width:380px){.water-hero .h1{font-size:35px}.story-visual-sticky{height:320px;min-height:320px}.story-visual{min-height:320px}.recipient-envelope-demo{min-height:390px}.landing-final-inner h2{font-size:34px}}@media(prefers-reduced-motion:reduce){.water-hero-copy>*,.hero-envelope-scene,.hero-scroll-cue{opacity:1!important;transition:none!important;transform:none!important}.hero-envelope-object,.hero-scroll-cue svg,.hero-thread,.story-water-ring,.landing-final-cta:before,.landing-final-cta:after{animation:none!important}.story-step{opacity:1;transform:none}}}@layer ll-rituals{.creation-shell .create-grid{position:relative}.create-letter-form{isolation:isolate;transition:border-color var(--dur) ease,box-shadow var(--dur-slow) var(--ease-out-expo)}.create-letter-form:focus-within{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.create-letter-form:focus-within{border-color:color-mix(in srgb,var(--accent) 26%,var(--border))}}.create-letter-form:focus-within{box-shadow:var(--shadow-soft),0 0 0 1px var(--accent)}@supports (color:color-mix(in lab,red,red)){.create-letter-form:focus-within{box-shadow:var(--shadow-soft),0 0 0 1px color-mix(in srgb,var(--accent) 8%,transparent)}}.create-progress-rail{z-index:2;pointer-events:none;width:11px;position:absolute;top:178px;bottom:122px;left:10px}.create-progress-rail:before,.create-progress-line{border-radius:999px;width:1px;position:absolute;top:0;left:5px}.create-progress-rail:before{content:"";background:var(--border-strong);bottom:0}@supports (color:color-mix(in lab,red,red)){.create-progress-rail:before{background:color-mix(in srgb,var(--border-strong) 72%,transparent)}}.create-progress-line{z-index:1;background:linear-gradient(180deg,var(--accent2),var(--accent));max-height:100%;box-shadow:0 0 8px var(--accent)}@supports (color:color-mix(in lab,red,red)){.create-progress-line{box-shadow:0 0 8px color-mix(in srgb,var(--accent) 34%,transparent)}}.create-progress-line{transition:height .65s var(--ease-out-expo)}.create-progress-rail i{z-index:2;border:1px solid var(--border-strong);background:var(--card-solid);width:9px;height:9px;box-shadow:0 0 0 3px var(--card-solid);border-radius:50%;position:absolute;left:1px}@supports (color:color-mix(in lab,red,red)){.create-progress-rail i{box-shadow:0 0 0 3px color-mix(in srgb,var(--card-solid) 76%,transparent)}}.create-progress-rail i{transition:background-color var(--dur) ease,border-color var(--dur) ease,box-shadow var(--dur) ease,transform var(--dur) var(--ease-out-back);transform:scale(.82)}.create-progress-rail i:first-of-type{top:0}.create-progress-rail i:nth-of-type(2){top:calc(50% - 4px)}.create-progress-rail i:nth-of-type(3){bottom:0}.create-progress-rail i.is-complete{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 3px var(--accent),0 0 13px var(--accent)}@supports (color:color-mix(in lab,red,red)){.create-progress-rail i.is-complete{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent),0 0 13px color-mix(in srgb,var(--accent) 28%,transparent)}}.create-progress-rail i.is-complete{transform:scale(1)}.create-letter-form.is-sealing{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.create-letter-form.is-sealing{border-color:color-mix(in srgb,var(--accent) 42%,var(--border))}}.create-letter-form.is-sealing{box-shadow:var(--shadow-lift)}.creation-shell .preview-card{perspective:1000px}.creation-shell .preview-card>.glass-card{transition:transform .55s var(--ease-out-expo),box-shadow .55s var(--ease-out-expo),opacity .35s ease;transform:rotate(.22deg)}.creation-shell .preview-card:hover>.glass-card{box-shadow:var(--shadow-lift);transform:rotate(-.12deg)translateY(-3px)}.create-sealing-overlay{z-index:20;border:1px solid var(--accent);place-items:center;display:grid;position:absolute;top:0;right:0;bottom:0;left:0}@supports (color:color-mix(in lab,red,red)){.create-sealing-overlay{border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border))}}.create-sealing-overlay{border-radius:var(--radius-lg);background:var(--mist-1)}@supports (color:color-mix(in lab,red,red)){.create-sealing-overlay{background:color-mix(in srgb,var(--mist-1) 78%,transparent)}}.create-sealing-overlay{box-shadow:var(--shadow-lift);-webkit-backdrop-filter:blur(18px)saturate(150%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,visibility 0s linear .24s;overflow:hidden}.create-sealing-overlay.is-active{opacity:1;visibility:visible;transition-delay:0s}.create-sealing-envelope{aspect-ratio:1.56;filter:drop-shadow(0 24px 26px oklch(35% .06 20/.22));perspective:800px;width:min(260px,68%);position:relative;transform:translateY(8px)}.create-sealing-back,.create-sealing-front,.create-sealing-flap,.create-sealing-paper{border:1px solid var(--border-strong);position:absolute;top:0;right:0;bottom:0;left:0}.create-sealing-back{background:var(--card-solid);border-radius:7px}.create-sealing-front{z-index:4;background:linear-gradient(31deg,var(--surface) 0 49.4%,transparent 50%) left / 51% 100% no-repeat,linear-gradient(-31deg,var(--surface) 0 49.4%,transparent 50%) right / 51% 100% no-repeat,linear-gradient(180deg,transparent 0 44%,var(--card-solid) 45% 100%);clip-path:polygon(0 22%,50% 68%,100% 22%,100% 100%,0 100%);border-radius:0 0 7px 7px}.create-sealing-flap{z-index:5;background:linear-gradient(160deg,var(--card-solid),var(--surface));clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;border-radius:7px 7px 0 0;height:57%;transform:rotateX(176deg)}.create-sealing-paper{z-index:3;background:repeating-linear-gradient(92deg,#64504804,#64504804 1px,#0000 1px,#0000 4px),#fffbf5;border-radius:4px;width:80%;height:110%;left:10%;right:10%;transform:translateY(-44%)rotate(-1deg)}.create-sealing-wax{z-index:7;background:radial-gradient(circle at 34% 28%,var(--accent2),var(--accent) 68%);color:#ffeee7;color:oklch(96% .03 40);width:48px;height:48px;box-shadow:var(--shadow-seal);opacity:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)scale(.3)rotate(-16deg)}.create-sealing-ring{border:1px solid var(--gold);width:120px;height:46px;position:absolute;top:52%;left:50%}@supports (color:color-mix(in lab,red,red)){.create-sealing-ring{border:1px solid color-mix(in srgb,var(--gold) 42%,transparent)}}.create-sealing-ring{opacity:0;border-radius:50%;transform:translate(-50%,-50%)scale(.4)}.create-sealing-overlay.is-active .create-sealing-paper{animation:sealing-paper .72s var(--ease-out-expo) both}.create-sealing-overlay.is-active .create-sealing-flap{animation:sealing-flap .58s .2s var(--ease-out-expo) both}.create-sealing-overlay.is-active .create-sealing-wax{animation:sealing-wax .45s .45s var(--ease-out-back) both}.create-sealing-overlay.is-active .create-sealing-ring{animation:sealing-ring .8s .5s var(--ease-out-expo) both}@keyframes sealing-paper{0%{transform:translateY(-44%)rotate(-1deg)}68%,to{transform:translateY(28%)rotate(0)scale(.82)}}@keyframes sealing-flap{0%{transform:rotateX(176deg)}to{transform:rotateX(0)}}@keyframes sealing-wax{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-16deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(4deg)}}@keyframes sealing-ring{0%{opacity:.62;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(4.2)}}.cinematic-stage-content{position:relative}.cinematic-opening-flash{z-index:-1;border:1px solid var(--gold);width:120px;height:50px;position:fixed;top:50%;left:50%}@supports (color:color-mix(in lab,red,red)){.cinematic-opening-flash{border:1px solid color-mix(in srgb,var(--gold) 54%,transparent)}}.cinematic-opening-flash{opacity:0;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%)scale(.35)}.cinematic-stage-opening .cinematic-opening-flash{animation:opening-flash 1.2s var(--ease-out-expo) both}@keyframes opening-flash{0%{opacity:.76;transform:translate(-50%,-50%)scale(.32)}to{opacity:0;transform:translate(-50%,-50%)scale(7.2)}}.env-seal-sparks{z-index:7;pointer-events:none;width:1px;height:1px;position:absolute;top:56%;left:50%}.env-seal-sparks i{background:var(--gold);width:4px;height:4px;box-shadow:0 0 8px var(--gold);border-radius:50%;position:absolute}@supports (color:color-mix(in lab,red,red)){.env-seal-sparks i{box-shadow:0 0 8px color-mix(in srgb,var(--gold) 70%,transparent)}}.env-seal-sparks i{opacity:0}.cinematic-envelope.open .env-seal-sparks i{animation:seal-spark .72s var(--ease-out-expo) both}.env-seal-sparks i:first-child{--spark-x:-62px;--spark-y:-38px;animation-delay:20ms!important}.env-seal-sparks i:nth-child(2){--spark-x:57px;--spark-y:-43px;animation-delay:60ms!important}.env-seal-sparks i:nth-child(3){--spark-x:-78px;--spark-y:10px;animation-delay:90ms!important}.env-seal-sparks i:nth-child(4){--spark-x:72px;--spark-y:14px;animation-delay:.12s!important}.env-seal-sparks i:nth-child(5){--spark-x:-32px;--spark-y:58px;animation-delay:.15s!important}.env-seal-sparks i:nth-child(6){--spark-x:38px;--spark-y:54px;animation-delay:.18s!important}@keyframes seal-spark{0%{opacity:.95;transform:translate(-2px,-2px)scale(1)}62%{opacity:.72}to{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(.25)}}.cinematic-focus-halo{z-index:-1;filter:blur(20px);pointer-events:none;width:min(760px,86vw);height:min(600px,76vh);animation:reading-focus 2s var(--ease-out-expo) both;background:radial-gradient(#d3a87a21,#0000 70%);border-radius:50%;position:fixed;top:48%;left:50%;transform:translate(-50%,-50%)}@keyframes reading-focus{0%{opacity:0;transform:translate(-50%,-46%)scale(.82)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.cinematic-stage-reading .cinematic-letter{isolation:isolate;overflow:hidden}.cinematic-stage-reading .cinematic-letter:before{content:"";z-index:0;opacity:0;pointer-events:none;animation:letter-light-sweep 1.45s .3s var(--ease-out-expo) both;background:linear-gradient(108deg,#0000 24%,#ffffff4d,#0000 66%);position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-72%)}.cinematic-stage-reading .cinematic-letter:after{content:"";z-index:0;pointer-events:none;background:repeating-linear-gradient(93deg,#59494203,#59494203 1px,#0000 1px,#0000 4px),repeating-linear-gradient(3deg,#59494202,#59494202 1px,#0000 1px,#0000 5px);position:absolute;top:0;right:0;bottom:0;left:0}.cinematic-stage-reading .cinematic-letter>*{z-index:1;position:relative}@keyframes letter-light-sweep{0%{opacity:0;transform:translate(-72%)}30%{opacity:.72}to{opacity:0;transform:translate(78%)}}@media(max-width:980px){.create-progress-rail{top:164px;bottom:118px}}@media(max-width:620px){.create-progress-rail{display:none}.create-sealing-overlay{z-index:140;border:0;border-radius:0;position:fixed;top:0;right:0;bottom:0;left:0}.create-sealing-envelope{width:min(270px,72vw)}}@media(prefers-reduced-motion:reduce){.create-sealing-overlay.is-active .create-sealing-paper{transform:translateY(28%)scale(.82)}.create-sealing-overlay.is-active .create-sealing-flap{transform:rotateX(0)}.create-sealing-overlay.is-active .create-sealing-wax{opacity:1;transform:translate(-50%,-50%)scale(1)}.create-sealing-ring,.cinematic-opening-flash,.env-seal-sparks,.cinematic-focus-halo,.cinematic-stage-reading .cinematic-letter:before{display:none;animation:none!important}}}@layer ll-writing{.creation-shell{overflow-x:clip}.creation-shell .stage{justify-content:flex-start;max-width:none;padding-bottom:88px;padding-left:max(28px,50vw - 770px);padding-right:max(28px,50vw - 770px)}.create-workspace{width:min(1440px,100%);margin-inline:auto}.create-page-heading{grid-template-columns:minmax(0,1fr) 340px;align-items:end;gap:72px;margin:24px 0 42px;display:grid}.create-page-copy{max-width:820px}.create-page-copy .eyebrow{margin-bottom:14px}.create-page-copy .h2{max-width:13ch;font-size:56px;font-weight:500;line-height:1.12}.create-page-copy .lead{max-width:45ch;margin-top:15px;font-size:17px}.create-reply-note{border-bottom:1px solid var(--accent);margin:12px 0 0;padding-bottom:3px;display:inline-block}@supports (color:color-mix(in lab,red,red)){.create-reply-note{border-bottom:1px solid color-mix(in srgb,var(--accent) 42%,transparent)}}.create-reply-note{color:var(--accent);font-size:13px;font-weight:700}.create-progress-summary{grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:18px;padding-bottom:2px;display:grid}.create-progress-index{color:var(--fg);font-family:var(--font-display);font-variant-numeric:tabular-nums;align-items:baseline;gap:7px;display:flex}.create-progress-index strong{font-size:52px;font-weight:500;line-height:.9}.create-progress-index span{color:var(--muted);font-family:var(--font-mono);font-size:12px}.create-progress-copy{gap:2px;min-width:0;display:grid}.create-progress-copy span{color:var(--muted);letter-spacing:.2em;font-size:11px;font-weight:700}.create-progress-copy strong{color:var(--fg-soft);font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.create-progress-summary .create-progress-rail{pointer-events:none;grid-column:1/-1;width:100%;height:18px;margin-top:17px;display:block;position:relative;inset:auto}.create-progress-summary .create-progress-rail:before{background:var(--border-strong);width:auto;height:1px;inset:8px 0 auto}@supports (color:color-mix(in lab,red,red)){.create-progress-summary .create-progress-rail:before{background:color-mix(in srgb,var(--border-strong) 80%,transparent)}}.create-progress-summary .create-progress-line{background:linear-gradient(90deg,var(--accent2),var(--accent));height:2px;max-height:none;box-shadow:0 0 12px var(--accent);top:7px;left:0}@supports (color:color-mix(in lab,red,red)){.create-progress-summary .create-progress-line{box-shadow:0 0 12px color-mix(in srgb,var(--accent) 38%,transparent)}}.create-progress-summary .create-progress-line{transition:width .65s var(--ease-out-expo)}.create-progress-summary .create-progress-rail i{background:var(--mist-1);width:9px;height:9px;top:4px;bottom:auto;left:auto;transform:translate(-50%)scale(.82)}.create-progress-summary .create-progress-rail i:first-of-type{top:4px;left:33.333%}.create-progress-summary .create-progress-rail i:nth-of-type(2){top:4px;left:66.666%}.create-progress-summary .create-progress-rail i:nth-of-type(3){inset:4px auto auto 100%}.create-progress-summary .create-progress-rail i.is-complete{transform:translate(-50%)scale(1)}.creation-shell .create-grid{grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);align-items:start;gap:58px;display:grid}.create-writing-sheet{isolation:isolate;border:1px solid var(--border-strong);min-width:0;padding:34px 48px 46px 72px;position:relative}@supports (color:color-mix(in lab,red,red)){.create-writing-sheet{border:1px solid color-mix(in srgb,var(--border-strong) 78%,transparent)}}.create-writing-sheet{background:linear-gradient(90deg,transparent 0 41px,var(--accent) 41px 42px,transparent 42px),repeating-linear-gradient(92deg,var(--fg) 0 1px,transparent 1px 4px),var(--card-solid);border-radius:3px}@supports (color:color-mix(in lab,red,red)){.create-writing-sheet{background:linear-gradient(90deg,transparent 0 41px,color-mix(in srgb,var(--accent) 16%,transparent) 41px 42px,transparent 42px),repeating-linear-gradient(92deg,color-mix(in srgb,var(--fg) 1.8%,transparent) 0 1px,transparent 1px 4px),var(--card-solid)}}.create-writing-sheet{box-shadow:0 2px 4px var(--fg),0 28px 70px var(--fg)}@supports (color:color-mix(in lab,red,red)){.create-writing-sheet{box-shadow:0 2px 4px color-mix(in srgb,var(--fg) 7%,transparent),0 28px 70px color-mix(in srgb,var(--fg) 12%,transparent)}}.create-writing-sheet{transition:border-color var(--dur) ease,box-shadow var(--dur-slow) var(--ease-out-expo),opacity .42s ease,filter .42s ease,transform var(--dur-slow) var(--ease-out-expo);overflow:hidden}.create-writing-sheet:before{content:"";z-index:3;border-bottom:1px solid var(--border);border-left:1px solid var(--border);background:linear-gradient(135deg,var(--mist-3) 0 49%,var(--card-solid) 50% 100%);width:28px;height:28px;position:absolute;top:0;right:0}@supports (color:color-mix(in lab,red,red)){.create-writing-sheet:before{background:linear-gradient(135deg,color-mix(in srgb,var(--mist-3) 72%,var(--surface)) 0 49%,var(--card-solid) 50% 100%)}}.create-writing-sheet:before{box-shadow:-5px 6px 12px var(--fg)}@supports (color:color-mix(in lab,red,red)){.create-writing-sheet:before{box-shadow:-5px 6px 12px color-mix(in srgb,var(--fg) 6%,transparent)}}.create-writing-sheet:after{content:"";z-index:-1;background:linear-gradient(112deg,transparent 0 44%,var(--gold) 52%,transparent 60%);position:absolute;top:0;right:0;bottom:0;left:0}@supports (color:color-mix(in lab,red,red)){.create-writing-sheet:after{background:linear-gradient(112deg,transparent 0 44%,color-mix(in srgb,var(--gold) 10%,transparent) 52%,transparent 60%)}}.create-writing-sheet:after{opacity:0;pointer-events:none;transition:opacity var(--dur-slow) ease,transform 1.1s var(--ease-out-expo);transform:translate(-40%)}.create-writing-sheet:focus-within{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.create-writing-sheet:focus-within{border-color:color-mix(in srgb,var(--accent) 34%,var(--border))}}.create-writing-sheet:focus-within{box-shadow:0 2px 4px var(--fg),0 34px 86px var(--accent)}@supports (color:color-mix(in lab,red,red)){.create-writing-sheet:focus-within{box-shadow:0 2px 4px color-mix(in srgb,var(--fg) 7%,transparent),0 34px 86px color-mix(in srgb,var(--accent) 15%,transparent)}}.create-writing-sheet:focus-within{transform:translateY(-2px)}.create-writing-sheet:focus-within:after{opacity:1;transform:translate(36%)}.create-sheet-mark{border-bottom:1px solid var(--border);color:var(--muted);font-family:var(--font-mono);letter-spacing:.18em;justify-content:space-between;align-items:center;padding-bottom:19px;font-size:10px;font-weight:700;display:flex}.create-sheet-mark span:first-child{color:var(--accent)}.creation-shell .writing-guide{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;grid-template-columns:176px minmax(0,1fr);gap:28px;margin:0;padding:28px 0 30px;display:grid}.creation-shell .writing-guide>p{color:var(--fg);font-family:var(--font-display);margin:0;font-size:15px;font-weight:600;line-height:1.75}.creation-shell .writing-guide ul{color:var(--muted);counter-reset:writing-prompt;gap:8px;margin:0;padding:0;font-size:13px;line-height:1.65;list-style:none;display:grid}.creation-shell .writing-guide li{counter-increment:writing-prompt;grid-template-columns:24px minmax(0,1fr);gap:8px;display:grid}.creation-shell .writing-guide li:before{content:"0" counter(writing-prompt);color:var(--accent);font-family:var(--font-mono);font-size:10px;font-weight:700;line-height:2.1}.create-form-fields{gap:34px;margin-top:34px}.create-address-row{gap:28px}.creation-shell .create-address-row .field{gap:4px}.creation-shell .create-address-row label,.create-field-heading label{color:var(--muted);letter-spacing:.16em;font-size:11px;font-weight:700}.creation-shell .create-address-row .input{border:0;border-bottom:1px solid var(--border-strong);min-height:50px;color:var(--fg);font-family:var(--font-display);background:0 0;border-radius:0;padding:7px 0 10px;font-size:21px;line-height:1.5}.creation-shell .create-address-row .input:focus{border-color:var(--accent);box-shadow:0 2px 0 var(--accent-wash);background:0 0}.create-field-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.create-field-heading .field-hint,.create-theme-count{color:var(--muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11px}.creation-shell .create-message-field{gap:10px}.creation-shell .create-message-field .textarea{background:repeating-linear-gradient(to bottom,transparent 0 33px,var(--border-strong) 33px 34px);border:0;border-radius:0;min-height:300px;padding:4px 8px 4px 0}@supports (color:color-mix(in lab,red,red)){.creation-shell .create-message-field .textarea{background:repeating-linear-gradient(to bottom,transparent 0 33px,color-mix(in srgb,var(--border-strong) 68%,transparent) 33px 34px)}}.creation-shell .create-message-field .textarea{color:var(--fg-soft);font-family:var(--font-letter);resize:vertical;font-size:17px;line-height:34px}.creation-shell .create-message-field .textarea:focus{background:repeating-linear-gradient(to bottom,transparent 0 33px,var(--accent) 33px 34px)}@supports (color:color-mix(in lab,red,red)){.creation-shell .create-message-field .textarea:focus{background:repeating-linear-gradient(to bottom,transparent 0 33px,color-mix(in srgb,var(--accent) 19%,var(--border)) 33px 34px)}}.creation-shell .create-message-field .textarea:focus{box-shadow:none}.creation-shell .create-message-field .textarea::placeholder{color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.creation-shell .create-message-field .textarea::placeholder{color:color-mix(in srgb,var(--muted) 58%,transparent)}}.creation-shell .letter-coach{border:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:0 0;border-radius:0;grid-template-columns:98px minmax(0,1fr);align-items:start;gap:18px;padding:14px 0;display:grid}.creation-shell .letter-coach strong{padding-top:2px}.create-theme-field{gap:12px}.creation-shell .theme-chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.creation-shell .theme-chip{background:var(--surface);border-radius:4px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;min-height:58px;padding:9px 10px;display:grid;position:relative}@supports (color:color-mix(in lab,red,red)){.creation-shell .theme-chip{background:color-mix(in srgb,var(--surface) 54%,transparent)}}.creation-shell .theme-chip{text-align:left;white-space:normal;font-size:12px;line-height:1.35}.creation-shell .theme-chip:hover:not(:disabled){transform:translateY(-2px)}.creation-shell .theme-chip[aria-pressed=true]{background:var(--card-solid);box-shadow:0 0 0 1px var(--accent),0 8px 20px var(--accent)}@supports (color:color-mix(in lab,red,red)){.creation-shell .theme-chip[aria-pressed=true]{box-shadow:0 0 0 1px var(--accent),0 8px 20px color-mix(in srgb,var(--accent) 10%,transparent)}}.creation-shell .theme-chip .swatch{border-radius:3px;width:30px;height:36px}.create-seal-action{border-top:1px solid var(--border-strong);grid-template-columns:minmax(0,1fr) minmax(180px,.72fr);align-items:center;gap:18px 24px;padding-top:28px;display:grid}.create-seal-action .form-error-summary{grid-column:1/-1}.create-seal-action .btn{min-height:58px;font-family:var(--font-display);letter-spacing:.08em;border-radius:4px;font-size:16px}.create-seal-action>.field-hint{text-align:left;margin:0}.create-progress-3 .create-seal-action .btn:not(:disabled){box-shadow:var(--shadow-seal),0 0 0 5px var(--accent)}@supports (color:color-mix(in lab,red,red)){.create-progress-3 .create-seal-action .btn:not(:disabled){box-shadow:var(--shadow-seal),0 0 0 5px color-mix(in srgb,var(--accent) 8%,transparent)}}.create-page-heading{transition:opacity .42s ease,transform .52s var(--ease-out-expo)}.create-workspace:has(.create-letter-form.is-sealing) .create-page-heading{opacity:.24;transform:translateY(-8px)}.create-writing-sheet.is-sealing{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.create-writing-sheet.is-sealing{border-color:color-mix(in srgb,var(--accent) 20%,var(--border))}}.create-writing-sheet.is-sealing{box-shadow:var(--shadow-soft);filter:saturate(.7);opacity:.38;transform:translate(-10px)scale(.992)}.create-workspace:has(.create-letter-form.is-sealing) .preview-card{z-index:10}.creation-shell .preview-card{perspective:none;align-self:start;position:sticky;top:92px}.create-preview-stage{isolation:isolate;border:1px solid var(--fg);min-height:760px;padding:30px 34px 28px;position:relative}@supports (color:color-mix(in lab,red,red)){.create-preview-stage{border:1px solid color-mix(in srgb,var(--fg) 72%,var(--border))}}.create-preview-stage{background:linear-gradient(165deg,var(--fg),var(--fg));border-radius:4px}@supports (color:color-mix(in lab,red,red)){.create-preview-stage{background:linear-gradient(165deg,color-mix(in srgb,var(--fg) 94%,var(--mist-3)),color-mix(in srgb,var(--fg) 76%,var(--mist-3)))}}.create-preview-stage{box-shadow:0 2px 5px var(--fg),0 34px 90px var(--fg)}@supports (color:color-mix(in lab,red,red)){.create-preview-stage{box-shadow:0 2px 5px color-mix(in srgb,var(--fg) 18%,transparent),0 34px 90px color-mix(in srgb,var(--fg) 24%,transparent)}}.create-preview-stage{color:var(--mist-1);overflow:hidden}.create-preview-stage:before{content:"";z-index:-1;background:repeating-linear-gradient(174deg,transparent 0 34px,var(--mist-1) 34px 35px,transparent 35px 68px),linear-gradient(180deg,var(--mist-1),transparent 38%,var(--accent));position:absolute;top:0;right:0;bottom:0;left:0}@supports (color:color-mix(in lab,red,red)){.create-preview-stage:before{background:repeating-linear-gradient(174deg,transparent 0 34px,color-mix(in srgb,var(--mist-1) 7%,transparent) 34px 35px,transparent 35px 68px),linear-gradient(180deg,color-mix(in srgb,var(--mist-1) 4%,transparent),transparent 38%,color-mix(in srgb,var(--accent) 8%,transparent))}}.create-preview-stage:before{pointer-events:none}.create-preview-stage:after{content:"";z-index:-1;background:var(--mist-1);height:1px;position:absolute;bottom:20%;left:-12%;right:-12%}@supports (color:color-mix(in lab,red,red)){.create-preview-stage:after{background:color-mix(in srgb,var(--mist-1) 11%,transparent)}}.create-preview-stage:after{box-shadow:0 16px 0 var(--mist-1),0 34px 0 var(--mist-1)}@supports (color:color-mix(in lab,red,red)){.create-preview-stage:after{box-shadow:0 16px color-mix(in srgb,var(--mist-1) 5%,transparent),0 34px color-mix(in srgb,var(--mist-1) 4%,transparent)}}.create-preview-stage:after{transform:rotate(-2deg)}.create-preview-head{z-index:8;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.create-preview-head>div{align-items:center;gap:13px;display:flex}.create-preview-head p{color:var(--mist-1);margin:0}@supports (color:color-mix(in lab,red,red)){.create-preview-head p{color:color-mix(in srgb,var(--mist-1) 84%,transparent)}}.create-preview-head p{letter-spacing:.2em;font-size:11px;font-weight:700}.create-preview-index{color:var(--accent2);font-family:var(--font-display);font-size:24px;line-height:1}.create-live-badge{border:1px solid var(--mist-1);align-items:center;gap:7px;padding:7px 10px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.create-live-badge{border:1px solid color-mix(in srgb,var(--mist-1) 18%,transparent)}}.create-live-badge{color:var(--mist-1);border-radius:999px}@supports (color:color-mix(in lab,red,red)){.create-live-badge{color:color-mix(in srgb,var(--mist-1) 70%,transparent)}}.create-live-badge{letter-spacing:.08em;font-size:11px}.create-live-badge:before{content:"";background:var(--accent2);width:5px;height:5px;box-shadow:0 0 10px var(--accent2);border-radius:50%}@supports (color:color-mix(in lab,red,red)){.create-live-badge:before{box-shadow:0 0 10px color-mix(in srgb,var(--accent2) 70%,transparent)}}.create-preview-thread{z-index:1;border-top:1px solid var(--accent2);width:54%;height:34px;position:absolute;top:148px;left:-5%}@supports (color:color-mix(in lab,red,red)){.create-preview-thread{border-top:1px solid color-mix(in srgb,var(--accent2) 74%,transparent)}}.create-preview-thread{transform-origin:0;border-radius:50%;transform:rotate(9deg)}.create-preview-thread:after{content:"";border:1px solid var(--accent2);width:20px;height:20px;position:absolute;top:-9px;right:-13px}@supports (color:color-mix(in lab,red,red)){.create-preview-thread:after{border:1px solid color-mix(in srgb,var(--accent2) 72%,transparent)}}.create-preview-thread:after{border-radius:50%}.create-preview-stage .preview-letter{z-index:4;border:1px solid var(--border-strong);width:min(78%,520px);min-height:520px;margin:70px auto 118px;padding:50px 50px 64px;position:relative}@supports (color:color-mix(in lab,red,red)){.create-preview-stage .preview-letter{border:1px solid color-mix(in srgb,var(--border-strong) 78%,transparent)}}.create-preview-stage .preview-letter{background:repeating-linear-gradient(92deg,var(--fg) 0 1px,transparent 1px 4px),var(--card-solid);border-radius:2px}@supports (color:color-mix(in lab,red,red)){.create-preview-stage .preview-letter{background:repeating-linear-gradient(92deg,color-mix(in srgb,var(--fg) 1.6%,transparent) 0 1px,transparent 1px 4px),var(--card-solid)}}.create-preview-stage .preview-letter{box-shadow:0 3px 8px var(--fg),0 32px 70px var(--fg)}@supports (color:color-mix(in lab,red,red)){.create-preview-stage .preview-letter{box-shadow:0 3px 8px color-mix(in srgb,var(--fg) 17%,transparent),0 32px 70px color-mix(in srgb,var(--fg) 34%,transparent)}}.create-preview-stage .preview-letter{color:var(--fg);transform-origin:50% 85%;transition:transform .85s var(--ease-out-expo),box-shadow .55s var(--ease-out-expo);transform:translateY(74px)rotate(-1.4deg)}.create-progress-1 .create-preview-stage .preview-letter{transform:translateY(50px)rotate(-.9deg)}.create-progress-2 .create-preview-stage .preview-letter{transform:translateY(24px)rotate(-.45deg)}.create-progress-3 .create-preview-stage .preview-letter{box-shadow:0 3px 8px var(--fg),0 42px 86px var(--fg)}@supports (color:color-mix(in lab,red,red)){.create-progress-3 .create-preview-stage .preview-letter{box-shadow:0 3px 8px color-mix(in srgb,var(--fg) 17%,transparent),0 42px 86px color-mix(in srgb,var(--fg) 42%,transparent)}}.create-progress-3 .create-preview-stage .preview-letter{transform:translateY(0)rotate(.25deg)}.create-letter-form:focus-within~.preview-card .preview-letter{box-shadow:0 3px 8px var(--fg),0 44px 90px var(--accent)}@supports (color:color-mix(in lab,red,red)){.create-letter-form:focus-within~.preview-card .preview-letter{box-shadow:0 3px 8px color-mix(in srgb,var(--fg) 17%,transparent),0 44px 90px color-mix(in srgb,var(--accent) 22%,transparent)}}.create-grid:has(#recipientName:focus) .pv-name,.create-grid:has(#senderName:focus) .pv-sig{color:var(--accent)}.create-grid:has(#customMessage:focus) .pv-body{color:var(--fg)}.create-preview-stage .pv-kicker{font-size:10px}.create-preview-stage .pv-to{margin-top:24px;font-size:15px}.create-preview-stage .pv-name{transition:color var(--dur) ease;margin-top:6px;font-size:32px}.create-preview-stage .pv-body{max-height:258px;color:var(--fg-soft);transition:color var(--dur) ease;margin-top:30px;padding-right:4px;font-size:17px;line-height:2.1;overflow:auto}.create-preview-stage .pv-sig{transition:color var(--dur) ease;margin-top:30px;font-size:16px}.create-preview-wax{background:radial-gradient(circle at 34% 28%,var(--accent2),var(--accent) 70%);border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:absolute;bottom:30px;right:34px}@supports (color:color-mix(in lab,red,red)){.create-preview-wax{background:radial-gradient(circle at 34% 28%,color-mix(in srgb,var(--accent2) 84%,var(--card-solid)),var(--accent) 70%)}}.create-preview-wax{color:var(--mist-1);box-shadow:var(--shadow-seal);opacity:0;transition:opacity .42s ease,transform .56s var(--ease-out-back);transform:scale(.38)rotate(-18deg)}.create-progress-3 .create-preview-wax{opacity:1;transform:scale(1)rotate(4deg)}.create-preview-envelope-bed{pointer-events:none;height:282px;filter:drop-shadow(0 26px 28px var(--fg));position:absolute;bottom:74px;left:7%;right:7%}@supports (color:color-mix(in lab,red,red)){.create-preview-envelope-bed{filter:drop-shadow(0 26px 28px color-mix(in srgb,var(--fg) 46%,transparent))}}.create-preview-envelope-bed{transform:rotate(1.2deg)}.create-preview-envelope-bed>span{border:1px solid var(--border-strong);position:absolute;left:0;right:0}@supports (color:color-mix(in lab,red,red)){.create-preview-envelope-bed>span{border:1px solid color-mix(in srgb,var(--border-strong) 84%,transparent)}}.create-envelope-back{z-index:2;background:linear-gradient(168deg,var(--card-solid),var(--surface));border-radius:6px;top:0;bottom:0}.create-envelope-flap{z-index:3;background:linear-gradient(176deg,var(--surface),var(--card-solid));clip-path:polygon(0 0,100% 0,50% 100%);height:62%;top:0}.create-envelope-front{z-index:3;background:linear-gradient(32deg,var(--surface) 0 49.5%,transparent 50%) left / 51% 100% no-repeat,linear-gradient(-32deg,var(--surface) 0 49.5%,transparent 50%) right / 51% 100% no-repeat,var(--card-solid);clip-path:polygon(0 8%,50% 70%,100% 8%,100% 100%,0 100%);border-radius:0 0 6px 6px;height:65%;bottom:0}.create-preview-envelope-bed:after{content:"";background:var(--mist-1);border-radius:50%;height:34px;position:absolute;bottom:-42px;left:4%;right:4%}@supports (color:color-mix(in lab,red,red)){.create-preview-envelope-bed:after{background:color-mix(in srgb,var(--mist-1) 13%,transparent)}}.create-preview-envelope-bed:after{filter:blur(12px);opacity:.45;transform:scaleY(.42)}.create-preview-foot{z-index:8;color:var(--mist-1);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px;display:grid;position:absolute;bottom:24px;left:34px;right:34px}@supports (color:color-mix(in lab,red,red)){.create-preview-foot{color:color-mix(in srgb,var(--mist-1) 64%,transparent)}}.create-preview-foot span{color:var(--accent2);font-family:var(--font-display);white-space:nowrap;font-size:13px}.create-preview-foot p{border-left:1px solid var(--mist-1);margin:0;padding-left:20px}@supports (color:color-mix(in lab,red,red)){.create-preview-foot p{border-left:1px solid color-mix(in srgb,var(--mist-1) 15%,transparent)}}.create-preview-foot p{font-size:11px;line-height:1.65}.create-preview-stage>.create-sealing-overlay{border-color:var(--mist-1)}@supports (color:color-mix(in lab,red,red)){.create-preview-stage>.create-sealing-overlay{border-color:color-mix(in srgb,var(--mist-1) 14%,transparent)}}.create-preview-stage>.create-sealing-overlay{background:var(--fg);border-radius:4px}@supports (color:color-mix(in lab,red,red)){.create-preview-stage>.create-sealing-overlay{background:color-mix(in srgb,var(--fg) 84%,transparent)}}.create-page-copy,.create-progress-summary,.create-writing-sheet,.create-preview-stage{animation:writing-room-enter .9s var(--ease-out-expo) backwards}.create-progress-summary{animation-delay:80ms}.create-writing-sheet{animation-delay:.13s}.create-preview-stage{animation-delay:.2s}@keyframes writing-room-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media(max-width:1180px){.create-page-heading{gap:42px}.create-page-copy .h2{font-size:48px}.creation-shell .create-grid{grid-template-columns:minmax(0,.94fr) minmax(480px,1.06fr);gap:34px}.create-writing-sheet{padding-left:58px;padding-right:34px}.creation-shell .writing-guide{grid-template-columns:148px minmax(0,1fr);gap:20px}.create-seal-action{grid-template-columns:minmax(0,1fr)}}@media(max-width:980px){.creation-shell .stage{padding-right:max(22px,var(--gutter));padding-left:max(22px,var(--gutter))}.create-page-heading{grid-template-columns:minmax(0,1fr) 300px;gap:30px}.create-page-copy .h2{font-size:44px}.creation-shell .create-grid{grid-template-columns:minmax(0,1fr);gap:34px}.creation-shell .preview-card{position:static}.create-preview-stage{min-height:700px}.create-preview-stage .preview-letter{width:min(72%,520px)}}@media(max-width:700px){.creation-shell .stage{padding-bottom:96px;padding-left:18px;padding-right:18px}.create-page-heading{grid-template-columns:minmax(0,1fr);gap:28px;margin:14px 0 30px}.create-page-copy .h2{max-width:11ch;font-size:38px;line-height:1.18}.create-page-copy .lead{font-size:15px}.create-progress-summary{width:100%}.create-progress-index strong{font-size:44px}.create-writing-sheet{background:repeating-linear-gradient(92deg,var(--fg) 0 1px,transparent 1px 4px),var(--card-solid);border-radius:2px;padding:24px 20px 32px}@supports (color:color-mix(in lab,red,red)){.create-writing-sheet{background:repeating-linear-gradient(92deg,color-mix(in srgb,var(--fg) 1.8%,transparent) 0 1px,transparent 1px 4px),var(--card-solid)}}.create-writing-sheet:before{width:22px;height:22px}.creation-shell .writing-guide{grid-template-columns:minmax(0,1fr);gap:12px;padding:24px 0}.create-form-fields{gap:28px;margin-top:28px}.create-address-row{grid-template-columns:minmax(0,1fr);gap:22px}.creation-shell .create-message-field .textarea{min-height:272px}.creation-shell .letter-coach{grid-template-columns:minmax(0,1fr);gap:5px}.creation-shell .theme-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.create-seal-action{gap:14px;padding-top:22px}.create-seal-action>.field-hint{text-align:center}.create-preview-stage{min-height:630px;padding:22px 18px 24px}.create-preview-head p{letter-spacing:.12em}.create-live-badge{padding:7px 9px}.create-preview-thread{top:124px}.create-preview-stage .preview-letter{width:calc(100% - 34px);min-height:438px;margin:58px auto 100px;padding:38px 28px 54px}.create-preview-stage .pv-name{font-size:28px}.create-preview-stage .pv-body{max-height:220px;margin-top:22px;font-size:16px}.create-preview-envelope-bed{height:230px;bottom:68px;left:3%;right:3%}.create-preview-wax{width:46px;height:46px;bottom:20px;right:20px}.create-preview-foot{grid-template-columns:minmax(0,1fr);gap:4px;bottom:18px;left:18px;right:18px}.create-preview-foot p{border-left:0;padding-left:0}}@media(prefers-reduced-motion:reduce){.create-page-copy,.create-progress-summary,.create-writing-sheet,.create-preview-stage{animation:none}.create-writing-sheet:focus-within,.create-writing-sheet.is-sealing,.create-workspace:has(.create-letter-form.is-sealing) .create-page-heading{transform:none}.create-writing-sheet:after{display:none}.create-preview-stage .preview-letter,.create-preview-wax{transition-duration:.01ms}}}@layer ll-transitions{::view-transition-old(root){animation:.22s cubic-bezier(.4,0,1,1) both page-leave}::view-transition-new(root){animation:page-enter .38s var(--ease-out-expo) both}@keyframes page-leave{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.992)}}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)scale(1.004)}to{opacity:1;transform:none}}.create-sealing-overlay.is-active .create-sealing-envelope{view-transition-name:sealed-letter}::view-transition-group(sealed-letter){z-index:12;animation-duration:.58s;animation-timing-function:var(--ease-out-expo)}::view-transition-old(sealed-letter){mix-blend-mode:normal;object-fit:contain;height:100%}::view-transition-new(sealed-letter){mix-blend-mode:normal;object-fit:contain;height:100%}.creation-handoff-root,.creation-handoff-root>.glass-shell{min-height:100dvh}.creation-handoff-root{background:var(--mist-2)}.creation-handoff-shell .stage{max-width:none;padding:48px 24px}.creation-handoff-content{isolation:isolate;justify-items:center;width:100%;display:grid;position:relative}.creation-handoff-status{z-index:5;border:1px solid var(--fg);align-items:center;gap:10px;margin:74px 0 0;padding:8px 14px;display:inline-flex;position:relative}@supports (color:color-mix(in lab,red,red)){.creation-handoff-status{border:1px solid color-mix(in srgb,var(--fg) 22%,transparent)}}.creation-handoff-status{background:var(--fg);border-radius:999px}@supports (color:color-mix(in lab,red,red)){.creation-handoff-status{background:color-mix(in srgb,var(--fg) 10%,transparent)}}.creation-handoff-status{color:var(--fg)}@supports (color:color-mix(in lab,red,red)){.creation-handoff-status{color:color-mix(in srgb,var(--fg) 88%,transparent)}}.creation-handoff-status{letter-spacing:.1em;-webkit-backdrop-filter:blur(10px);font-size:12px}.creation-handoff-status>span{background:var(--accent2);width:5px;height:5px;box-shadow:0 0 10px var(--accent2);border-radius:50%}@supports (color:color-mix(in lab,red,red)){.creation-handoff-status>span{box-shadow:0 0 10px color-mix(in srgb,var(--accent2) 66%,transparent)}}.creation-handoff-fetching .creation-handoff-status{margin-top:42vh}@media(max-width:620px){.creation-handoff-status{margin-top:58px}}@media(prefers-reduced-motion:reduce){::view-transition-old(root){animation-duration:.01ms}::view-transition-new(root){animation-duration:.01ms}::view-transition-group(sealed-letter){animation-duration:.01ms}}}@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.left-2{left:calc(var(--spacing) * 2)}.z-50{z-index:50}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.my-1{margin-block:var(--spacing)}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.max-h-96{max-height:calc(var(--spacing) * 96)}.min-h-\[80px\]{min-height:80px}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-10{width:calc(var(--spacing) * 10)}.w-full{width:100%}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-transparent{border-color:#0000}.p-1{padding:var(--spacing)}.p-6{padding:calc(var(--spacing) * 6)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-0{padding-top:0}.pr-2{padding-right:calc(var(--spacing) * 2)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.italic{font-style:italic}.underline-offset-4{text-underline-offset:4px}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}@media(hover:hover){.hover\:bg-accent:hover{background-color:var(--color-accent)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:bg-accent:focus{background-color:var(--color-accent)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@layer components;.admin-shell{width:min(100% - 32px,1080px);color:var(--fg);margin-inline:auto;padding-block:32px 64px}.admin-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.admin-header h1{font-family:var(--font-display);margin:0;font-size:24px;font-weight:600}.admin-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.stat-card{border:1px solid var(--border-strong);background:var(--fg);border-radius:12px;padding:14px 16px}@supports (color:color-mix(in lab,red,red)){.stat-card{background:color-mix(in srgb,var(--fg) 6%,transparent)}}.stat-card{flex-direction:column;gap:4px;display:flex}.stat-card span{color:var(--muted);font-size:12.5px}.stat-card strong{font-size:24px;font-weight:700}.stat-active strong{color:var(--accent)}.stat-issued strong{color:#3b82f6}.stat-redeemed strong{color:#8b5cf6}.stat-disabled strong{color:var(--muted)}.admin-tools{border:1px solid var(--border-strong);background:var(--fg);border-radius:14px;margin-bottom:20px;padding:16px}@supports (color:color-mix(in lab,red,red)){.admin-tools{background:color-mix(in srgb,var(--fg) 5%,transparent)}}.admin-tool-title{align-items:center;gap:8px;margin-bottom:12px;font-weight:600;display:flex}.admin-tool-title svg{color:var(--accent)}.admin-generate-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.admin-generate-row .field-label{margin:0}.admin-count-input{width:90px}.admin-batch-input{width:180px}.admin-tools .field-hint{color:var(--muted);margin:10px 0 0;font-size:12.5px}.admin-filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.admin-select{width:150px}.admin-search{align-items:center;display:flex;position:relative}.admin-search svg{color:var(--muted);position:absolute;left:10px}.admin-search .input{width:220px;padding-left:30px}.admin-count{color:var(--muted);margin-left:auto;font-size:13px}.admin-bulk-bar{border:1px solid var(--accent);background:var(--accent);border-radius:12px;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;display:flex}@supports (color:color-mix(in lab,red,red)){.admin-bulk-bar{background:color-mix(in srgb,var(--accent) 10%,transparent)}}.admin-bulk-bar{font-size:14px}.copied-tip{color:#16a34a;align-items:center;gap:5px;font-size:13px;display:inline-flex}.admin-table-wrap{border:1px solid var(--border-strong);background:var(--fg);border-radius:14px;overflow-x:auto}@supports (color:color-mix(in lab,red,red)){.admin-table-wrap{background:color-mix(in srgb,var(--fg) 4%,transparent)}}.admin-table{border-collapse:collapse;width:100%;font-size:13.5px}.admin-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border-strong);white-space:nowrap;padding:10px 12px;font-size:12.5px;font-weight:600}.admin-table td{border-bottom:1px solid var(--border-strong);padding:10px 12px}@supports (color:color-mix(in lab,red,red)){.admin-table td{border-bottom:1px solid color-mix(in srgb,var(--border-strong) 55%,transparent)}}.admin-table td{vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr.row-selected td{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.admin-table tr.row-selected td{background:color-mix(in srgb,var(--accent) 8%,transparent)}}.admin-empty{text-align:center;color:var(--muted);padding:32px 12px}.mono{font-family:var(--font-mono);letter-spacing:.02em}.code-cell{color:var(--fg);font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:4px 6px;font-size:13px;display:inline-flex}.code-cell:hover{background:var(--fg)}@supports (color:color-mix(in lab,red,red)){.code-cell:hover{background:color-mix(in srgb,var(--fg) 10%,transparent)}}.copy-icon{color:var(--muted)}.copy-ok{color:#16a34a}.status-badge{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.status-active{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.status-active{background:color-mix(in srgb,var(--accent) 16%,transparent)}}.status-active{color:var(--accent)}.status-issued{color:#3b82f6;background:#3b82f629}.status-redeemed{color:#8b5cf6;background:#8b5cf629}.status-disabled{background:var(--muted)}@supports (color:color-mix(in lab,red,red)){.status-disabled{background:color-mix(in srgb,var(--muted) 18%,transparent)}}.status-disabled{color:var(--muted)}.page-link{color:var(--accent);margin-left:8px;font-size:12.5px;text-decoration:underline;display:inline-block}.muted{color:var(--muted);font-size:12.5px}.admin-actions{flex-wrap:wrap;gap:6px;display:flex}.btn-mini{border-radius:8px;padding:4px 10px;font-size:12.5px}.btn-danger{border-color:#dc2626}@supports (color:color-mix(in lab,red,red)){.btn-danger{border-color:color-mix(in srgb,#dc2626 45%,var(--border-strong))}}.btn-danger{color:#dc2626}.btn-danger:hover{background:#dc26261f}.admin-pager{color:var(--muted);justify-content:center;align-items:center;gap:14px;margin-top:16px;font-size:13.5px;display:flex}.admin-modal-backdrop{z-index:60;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.admin-modal{border:1px solid var(--border-strong);background:var(--card-solid,#fff);width:min(100%,560px);max-height:84vh;color:var(--fg);box-shadow:var(--shadow-lift,0 18px 50px #00000040);border-radius:16px;padding:22px;overflow:auto}.admin-modal h2{margin:0 0 8px;font-size:18px;font-weight:600}.admin-modal .field-label{margin-top:10px}.admin-modal .field-hint{margin:0 0 6px}.admin-gen-codes{width:100%;min-height:150px;font-family:var(--font-mono);margin-top:10px;font-size:13px;line-height:1.8}.admin-modal-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.admin-login-card{border:1px solid var(--border-strong);background:var(--card-solid,#fff);width:min(100% - 32px,380px);color:var(--fg);box-shadow:var(--shadow-lift,0 18px 50px #0000002e);border-radius:16px;margin:12vh auto 0;padding:28px}.admin-login-card h1{font-family:var(--font-display);margin:0 0 4px;font-size:22px;font-weight:600}.admin-login-lead{color:var(--muted);margin:0 0 16px;font-size:13.5px}.admin-login-card .input{width:100%;margin-bottom:14px}.admin-login-card .field-error{margin-top:12px}@media(max-width:720px){.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-search .input{width:150px}}@view-transition{navigation:auto}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}