:root{--ivory:#f2e8d8;--ink:#141c27;--rose-ink:#5d2940;--glass-border:#f2e8d840;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}html,body{min-height:100%;margin:0}body{color:var(--ivory);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button,a{font:inherit}button{-webkit-tap-highlight-color:transparent}.home-stage{isolation:isolate;min-height:100svh;color:var(--ivory);background:#111923;transition:color .8s;position:relative;overflow:hidden}.home-background,.home-vignette,.home-grain{pointer-events:none;position:absolute;inset:0}.home-background{z-index:-5;background-position:50%;background-size:cover;transition:opacity .9s cubic-bezier(.22,1,.36,1),transform 2.8s cubic-bezier(.16,1,.3,1),filter .9s;transform:scale(1.025)}.home-background-sad{opacity:1;filter:saturate(.86)contrast(1.06);background-image:url(/images/cat-melancholy.svg)}.home-background-cute{opacity:0;background-image:url(/images/cat-cute.svg);transform:scale(1.09)}.home-vignette{z-index:-4;background:radial-gradient(circle at 50% 45%,#050a101a 0,#050a105c 58%,#050a10a8 100%),linear-gradient(90deg,#070c1275,#0000 25% 75%,#070c1242);transition:opacity .8s,background .8s}.home-grain{z-index:8;opacity:.08;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.hero-content{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(94vw,1500px);min-height:100svh;margin:0 auto;padding:clamp(40px,6vh,80px) 22px;display:flex;position:relative}.hero-eyebrow{letter-spacing:.28em;opacity:.66;margin:0 0 clamp(18px,2.2vh,30px);font-size:clamp(9px,.72vw,12px);font-weight:700;transition:opacity .6s,transform .6s}.hero-title{letter-spacing:-.075em;text-wrap:balance;text-shadow:0 10px 42px #00000047;margin:0;font-size:clamp(56px,9.5vw,164px);font-weight:760;line-height:.92;transition:color .7s,text-shadow .7s,transform .7s cubic-bezier(.16,1,.3,1)}.elapsed-line{font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;filter:drop-shadow(0 8px 24px #0003);flex-wrap:nowrap;justify-content:center;align-items:baseline;margin-top:clamp(20px,3.4vh,44px);transition:color .7s,transform .7s cubic-bezier(.16,1,.3,1);display:flex}.elapsed-part{align-items:baseline;display:inline-flex}.elapsed-part strong{letter-spacing:-.065em;font-size:clamp(38px,5.9vw,96px);font-weight:410;line-height:1}.elapsed-part em{letter-spacing:.04em;opacity:.72;margin:0 clamp(8px,1.2vw,22px) 0 clamp(3px,.42vw,8px);font-size:clamp(15px,1.45vw,24px);font-style:normal;font-weight:650;line-height:1}.elapsed-part:last-child em{margin-right:0}.match-button{min-height:50px;color:inherit;cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#0d131b24;border:1px solid;border-radius:999px;align-items:center;gap:22px;margin-top:clamp(34px,5.5vh,68px);padding:13px 17px 13px 22px;transition:transform .22s,background .22s,box-shadow .22s,color .7s,opacity .5s;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff0a,0 12px 38px #0000001f}.match-button:hover:not(:disabled){background:#f2e8d81f;transform:translateY(-3px);box-shadow:inset 0 0 0 1px #ffffff0f,0 18px 44px #00000038}.match-button:focus-visible{outline-offset:5px;outline:2px solid}.match-button:disabled{cursor:wait}.match-button span:first-child{letter-spacing:.025em;font-size:clamp(13px,1vw,16px);font-weight:650}.match-button-arrow{background:currentColor;border-radius:50%;place-items:center;width:28px;height:28px;font-size:0;display:grid}.match-button-arrow:after{content:"↗";color:#1a222d;font-size:14px;font-weight:900}.home-stage.is-celebrating{color:var(--rose-ink)}.home-stage.is-celebrating .home-background-sad{opacity:0;filter:blur(8px)saturate(.7);transform:scale(1.08)}.home-stage.is-celebrating .home-background-cute{opacity:1;transform:scale(1.025)}.home-stage.is-celebrating .home-vignette{opacity:.34;background:radial-gradient(circle at 50% 46%,#fff4e91a,#702d4726 65%,#702d4752)}.home-stage.is-celebrating .hero-title,.home-stage.is-celebrating .elapsed-line{text-shadow:0 9px 35px #7d344f2e;transform:translateY(-8px)scale(.985)}.home-stage.is-celebrating .hero-eyebrow{opacity:0;transform:translateY(-10px)}.home-stage.is-celebrating .match-button{background:#fff7ef57}.home-stage.is-celebrating .match-button-arrow:after{color:#fff1ea}.petal-field{z-index:6;pointer-events:none;opacity:0;transition:opacity .14s;position:fixed;inset:-10vh 0 0;overflow:hidden}.home-stage.is-celebrating .petal-field{opacity:1}.peach-blossom{top:-10vh;left:var(--left);font-size:var(--size);color:#e84d82;text-shadow:0 2px 7px #962a502e;opacity:0;line-height:1;position:absolute}.peach-blossom i{font-style:normal;display:block}.home-stage.is-celebrating .peach-blossom{animation:petal-fall var(--duration) cubic-bezier(.16, .75, .35, 1) var(--delay) both}@keyframes petal-fall{0%{opacity:0;transform:translateY(-12vh)rotate(0)scale(.35)}10%{opacity:.95}82%{opacity:.92}to{opacity:0;transform:translate3d(var(--drift), 118vh, 0) rotate(var(--spin)) scale(1.12)}}.transition-caption{z-index:7;color:var(--rose-ink);letter-spacing:.12em;opacity:0;white-space:nowrap;align-items:center;gap:10px;font-size:11px;font-weight:750;transition:opacity .4s .3s,transform .5s .3s;display:flex;position:fixed;bottom:clamp(24px,4vh,48px);left:50%;transform:translate(-50%,14px)}.transition-caption i{opacity:.45;background:currentColor;width:24px;height:1px}.home-stage.is-celebrating .transition-caption{opacity:.72;transform:translate(-50%)}.side-navigation{z-index:30;pointer-events:none;position:fixed;inset:0 auto 0 0}.side-edge-hotspot{cursor:e-resize;pointer-events:auto;background:0 0;border:0;width:22px;padding:0;position:absolute;inset:0 auto 0 0}.side-edge-hint{opacity:0;background:currentColor;border-radius:0 3px 3px 0;width:2px;height:58px;transition:opacity .2s,width .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.side-edge-hotspot:hover .side-edge-hint,.side-edge-hotspot:focus-visible .side-edge-hint{opacity:.36;width:3px}.side-edge-hotspot:focus-visible{outline:none}.side-panel{color:#edf0f2;-webkit-backdrop-filter:blur(26px)saturate(120%);opacity:0;pointer-events:auto;background:#0c1219c7;border:1px solid #ffffff1f;border-radius:22px;flex-direction:column;width:min(310px,100vw - 28px);padding:24px;transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .28s;display:flex;position:absolute;top:14px;bottom:14px;left:14px;transform:translate(calc(-100% - 30px));box-shadow:0 30px 80px #00000057}.side-navigation.is-open .side-panel{opacity:1;transform:translate(0)}.side-panel-header{border-bottom:1px solid #ffffff1c;justify-content:space-between;align-items:flex-start;padding-bottom:25px;display:flex}.side-panel-kicker{color:#edf0f270;letter-spacing:.2em;margin:0 0 5px;font-size:9px;font-weight:750}.side-panel-title{letter-spacing:-.03em;margin:0;font-size:19px;font-weight:720}.side-panel-close{width:32px;height:32px;color:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:50%;padding:0;font-size:20px;line-height:1}.side-panel-links{gap:7px;margin-top:20px;display:grid}.side-panel-link{color:inherit;border-radius:13px;grid-template-columns:34px 1fr;align-items:center;gap:11px;padding:13px 12px;text-decoration:none;transition:background .18s,transform .18s;display:grid;position:relative}.side-panel-link:hover{background:#ffffff12;transform:translate(3px)}.side-panel-link.is-active{background:#ffffff1a}.side-panel-link.is-active:before{content:"";background:#f1d9c4;border-radius:2px;width:2px;position:absolute;top:15px;bottom:15px;left:-4px}.side-panel-icon{border:1px solid #ffffff1a;border-radius:10px;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.side-panel-link strong,.side-panel-link small{display:block}.side-panel-link strong{font-size:14px;font-weight:680}.side-panel-link small{color:#edf0f270;margin-top:3px;font-size:10px}.side-panel-footnote{color:#edf0f252;text-align:center;margin:auto 0 0;font-size:10px}.inner-page{isolation:isolate;color:#ece6dc;background:radial-gradient(circle at 80% 10%,#7d5b6838,#0000 34%),radial-gradient(circle at 12% 85%,#44607133,#0000 35%),#131a23;min-height:100svh;padding:clamp(42px,8vw,110px) 24px;position:relative;overflow:hidden}.inner-page:before{content:"";z-index:-2;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:absolute;inset:0}.inner-page-orb{z-index:-1;aspect-ratio:1;filter:blur(90px);pointer-events:none;opacity:.12;border-radius:50%;width:440px;position:absolute}.inner-page-orb-one{background:#e6a6b8;top:-200px;right:-100px}.inner-page-orb-two{background:#7ca3b7;bottom:-240px;left:-150px}.inner-shell{width:min(1120px,100%);margin:0 auto}.inner-header{max-width:780px}.inner-header>p{color:#ece6dc75;letter-spacing:.22em;margin:0 0 16px;font-size:10px;font-weight:750}.inner-header h1{letter-spacing:-.075em;margin:0;font-size:clamp(48px,7.5vw,106px);font-weight:760;line-height:.94}.inner-header>span{color:#ece6dc99;max-width:620px;margin-top:25px;font-size:clamp(14px,1.4vw,18px);line-height:1.8;display:block}.concept-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:clamp(48px,7vw,92px);display:grid}.concept-card{-webkit-backdrop-filter:blur(12px);background:#ffffff09;border:1px solid #ffffff1a;border-radius:20px;min-height:280px;padding:28px;transition:transform .26s,border-color .26s,background .26s;position:relative;overflow:hidden}.concept-card:hover{background:#ffffff0e;border-color:#fff3;transform:translateY(-7px)}.concept-card>small{color:#ece6dc52;letter-spacing:.16em;font-size:11px;font-weight:750}.concept-card h2{letter-spacing:-.045em;margin:70px 0 15px;font-size:24px}.concept-card p{color:#ece6dc80;margin:0;font-size:13px;line-height:1.75}.concept-status{color:#ece6dc40;letter-spacing:.2em;font-size:8px;font-weight:800;position:absolute;bottom:21px;right:22px}.inner-actions{justify-content:space-between;align-items:center;gap:30px;margin-top:36px;display:flex}.inner-back-link{color:inherit;align-items:center;gap:10px;font-size:13px;font-weight:680;text-decoration:none;display:inline-flex}.inner-back-link span{transition:transform .18s}.inner-back-link:hover span{transform:translate(-4px)}.inner-actions p{color:#ece6dc57;text-align:right;max-width:500px;margin:0;font-size:10px;line-height:1.7}.not-found-page{text-align:center;color:#ece6dc;background:#131a23;place-content:center;gap:14px;min-height:100svh;padding:24px;display:grid}.not-found-page p{color:#ece6dc6b;letter-spacing:.2em;margin:0;font-size:10px}.not-found-page h1{letter-spacing:-.06em;margin:0;font-size:clamp(42px,7vw,88px)}.not-found-page a{color:inherit;margin-top:20px}@media (max-width:820px){.hero-content{width:100%;padding-inline:18px}.hero-title{font-size:clamp(52px,15vw,94px);line-height:.98}.elapsed-part strong{font-size:clamp(29px,8.5vw,52px)}.elapsed-part em{margin-right:clamp(5px,1.8vw,12px);font-size:clamp(11px,3vw,17px)}.concept-grid{grid-template-columns:1fr}.concept-card{min-height:235px}.concept-card h2{margin-top:46px}.inner-actions{flex-direction:column;align-items:flex-start}.inner-actions p{text-align:left}}@media (max-width:520px){.home-background{background-position:62%}.home-background-cute{background-position:66%}.hero-eyebrow{letter-spacing:.16em}.hero-title{max-width:6em}.elapsed-line{width:100%}.elapsed-part strong{letter-spacing:-.08em}.match-button{margin-top:42px}.side-edge-hotspot{width:30px}.inner-page{padding-inline:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.home-background,.hero-title,.elapsed-line,.side-panel,.match-button,.concept-card{transition-duration:1ms!important}.home-stage.is-celebrating .peach-blossom{animation-duration:1ms;animation-delay:0s}}
