.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:28px;--glow-padding:40px;--cone-spread:25;border-radius:var(--border-radius);background:var(--card-bg,#f2ebf0);isolation:isolate;border:1px solid #ffffff26;display:grid;position:relative;overflow:visible;transform:translateZ(.01px);box-shadow:0 1px 2px #424c5c0d,0 2px 4px #424c5c0f,0 4px 8px #424c5c12,0 12px 28px #424c5c14,0 28px 64px #424c5c14}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;z-index:-1;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{background:linear-gradient(var(--card-bg,#f2ebf0) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one) border-box, var(--gradient-two) border-box, var(--gradient-three) border-box, var(--gradient-four) border-box, var(--gradient-five) border-box, var(--gradient-six) border-box, var(--gradient-seven) border-box, var(--gradient-base) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));border:1px solid #0000}.border-glow-card:after{background:var(--gradient-one) padding-box, var(--gradient-two) padding-box, var(--gradient-three) padding-box, var(--gradient-four) padding-box, var(--gradient-five) padding-box, var(--gradient-six) padding-box, var(--gradient-seven) padding-box, var(--gradient-base) padding-box;opacity:calc(var(--fill-opacity,.5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light;-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);z-index:1;pointer-events:none;opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%)}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color), inset 0 0 1px 0 var(--glow-color-60), inset 0 0 3px 0 var(--glow-color-50), inset 0 0 6px 0 var(--glow-color-40), inset 0 0 15px 0 var(--glow-color-30), inset 0 0 25px 2px var(--glow-color-20), inset 0 0 50px 2px var(--glow-color-10), 0 0 1px 0 var(--glow-color-60), 0 0 3px 0 var(--glow-color-50), 0 0 6px 0 var(--glow-color-40), 0 0 15px 0 var(--glow-color-30), 0 0 25px 2px var(--glow-color-20), 0 0 50px 2px var(--glow-color-10);position:absolute}.border-glow-inner{z-index:1;border-radius:inherit;flex-direction:column;min-height:100%;display:flex;position:relative;overflow:hidden}.card-nav-container{z-index:99;box-sizing:border-box;width:min(90%,860px);position:absolute;top:2em;left:50%;transform:translate(-50%)}.card-nav{border:1px solid color-mix(in srgb, var(--color-line,#e2d8df) 86%, transparent);will-change:height;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;height:72px;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 18px 60px #424c5c1f}.card-nav-top{z-index:2;justify-content:space-between;align-items:center;height:72px;padding:.6rem .6rem .6rem 1.15rem;display:flex;position:absolute;inset:0 0 auto}.hamburger-menu{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:100%;display:flex}.hamburger-menu:hover .hamburger-line{opacity:.72}.hamburger-line{transform-origin:50%;background-color:currentColor;width:30px;height:2px;transition:transform .25s,opacity .2s,margin .3s}.hamburger-menu.open .hamburger-line:first-child{transform:translateY(4.5px)rotate(45deg)}.hamburger-menu.open .hamburger-line:last-child{transform:translateY(-4.5px)rotate(-45deg)}.logo-container{justify-content:center;align-items:center;gap:10px;width:300px;height:54px;display:flex;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.logo-brand-link{min-width:0;max-width:100%;color:inherit;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:10px;text-decoration:none;transition:opacity .16s;display:inline-flex}.logo-brand-link:hover{opacity:.88}.logo-brand-link:focus-visible{box-shadow:0 0 0 2px #a97a9373}.logo{object-fit:contain;flex:none;width:58px;height:58px}.logo-copy{min-width:0;color:var(--color-title,#272e3b);text-align:left;gap:2px;line-height:1.1;display:grid}.logo-copy strong{letter-spacing:.08em;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:700}.logo-copy small{color:var(--color-tip,#8c7082);letter-spacing:0;white-space:nowrap;font-size:12px;font-weight:600}.card-nav-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:190px;height:100%;display:inline-flex}.card-nav-button-glow{border-radius:13px;width:96px;height:100%}.card-nav-button-glow .border-glow-inner{height:100%}.card-nav-cta-button{cursor:pointer;border:none;border-radius:13px;align-items:center;width:100%;height:100%;padding:0 1rem;font-weight:650;transition:background-color .3s,transform .2s}.card-nav-button-spacer{width:96px;height:100%;display:block}.card-nav-cta-button:hover,.card-nav-button-glow:hover{transform:translateY(-1px)}.card-nav-content{visibility:hidden;pointer-events:none;z-index:1;align-items:flex-end;gap:12px;padding:.6rem;display:flex;position:absolute;inset:72px 0 0}.card-nav.open .card-nav-content{visibility:visible;pointer-events:auto}.nav-card{-webkit-user-select:none;user-select:none;border-radius:14px;flex-direction:column;flex:1 1 0;gap:8px;min-width:0;height:100%;padding:14px 16px;display:flex;position:relative}.nav-card-label{letter-spacing:0;font-family:Georgia,Times New Roman,serif;font-size:23px;font-weight:400}.nav-card-links{flex-direction:column;gap:3px;margin-top:auto;display:flex}.nav-card-link{cursor:pointer;color:inherit;align-items:center;gap:6px;font-size:15px;text-decoration:none;transition:opacity .3s;display:inline-flex}.nav-card-link:hover{opacity:.72}@media (width<=768px){.card-nav-container{width:92%;top:1rem}.card-nav-top{justify-content:space-between;padding:.55rem .9rem}.hamburger-menu{order:3}.card-nav-actions{order:2;min-width:0;height:auto}.logo-container{order:1;justify-content:flex-start;width:auto;position:static;transform:none}.logo{width:48px;height:48px}.logo-copy strong{font-size:15px}.logo-copy small{font-size:11px}.card-nav-button-glow,.card-nav-cta-button,.card-nav-button-spacer{display:none}.card-nav-content{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;padding:.6rem;bottom:0}.nav-card{flex:auto;height:auto;min-height:60px;max-height:none}.nav-card-label{font-size:18px}.nav-card-link{font-size:15px}}@media (width<=480px){.card-nav-container{width:calc(100% - 24px);top:.75rem}.card-nav{border-radius:16px;height:64px}.card-nav-top{height:64px;padding:.45rem .7rem}.hamburger-menu{gap:6px;width:42px;min-width:42px}.hamburger-line{width:25px}.logo-container{gap:8px;min-width:0}.logo{width:42px;height:42px}.logo-copy strong{font-size:14px}.logo-copy small{text-overflow:ellipsis;max-width:142px;font-size:10px;overflow:hidden}.card-nav-content{padding:.5rem;top:64px}.nav-card{border-radius:12px;min-height:58px;padding:12px 13px}.nav-card-label{font-size:17px}.nav-card-links{gap:5px}.nav-card-link{min-height:28px;font-size:14px}}.cursor-grid{pointer-events:none;width:100%;height:100%;position:relative;overflow:hidden}.cursor-grid__canvas{width:100%;height:100%;display:block}.folder{cursor:pointer;transition:all .2s ease-in}.folder:not(.folder--click):hover{transform:translateY(-8px)}.folder:not(.folder--click):hover .paper{transform:translate(-50%)}.folder:not(.folder--click):hover .folder__front{transform:skew(15deg)scaleY(.6)}.folder:not(.folder--click):hover .right{transform:skew(-15deg)scaleY(.6)}.folder.open{transform:translateY(-8px)}.folder.open .paper:first-child{transform:translate(-96%,-58%)rotate(-12deg)}.folder.open .paper:first-child:hover{transform:translate(calc(-96% + var(--magnet-x,0px)), calc(-58% + var(--magnet-y,0px))) rotateZ(-12deg) scale(1.08)}.folder.open .paper:nth-child(2){height:80%;transform:translate(-4%,-58%)rotate(12deg)}.folder.open .paper:nth-child(2):hover{transform:translate(calc(-4% + var(--magnet-x,0px)), calc(-58% + var(--magnet-y,0px))) rotateZ(12deg) scale(1.08)}.folder.open .paper:nth-child(3){height:80%;transform:translate(-50%,-82%)rotate(4deg)}.folder.open .paper:nth-child(3):hover{transform:translate(calc(-50% + var(--magnet-x,0px)), calc(-82% + var(--magnet-y,0px))) rotateZ(4deg) scale(1.08)}.folder.open .folder__front{transform:skew(15deg)scaleY(.6)}.folder.open .right{transform:skew(-15deg)scaleY(.6)}.folder__back{background:var(--folder-back-color);border-radius:0 10px 10px;width:100px;height:80px;position:relative;box-shadow:0 16px 36px #424c5c1f}.folder__back:after{z-index:0;background:var(--folder-back-color);content:"";border-radius:5px 5px 0 0;width:30px;height:10px;position:absolute;bottom:98%;left:0}.paper{z-index:2;background:var(--paper-1);width:70%;height:80%;color:var(--color-tip,#8c7082);border:1px solid #e2d8dfd9;border-radius:10px;place-items:center;font-size:12px;font-weight:800;transition:all .3s ease-in-out;display:grid;position:absolute;bottom:10%;left:50%;transform:translate(-50%,10%);box-shadow:0 8px 20px #424c5c1a}.paper:nth-child(2){background:var(--paper-2);width:80%;height:70%}.paper:nth-child(3){background:var(--paper-3);width:90%;height:60%}.folder__front{z-index:3;background:var(--folder-color);transform-origin:bottom;border-radius:5px 10px 10px;place-items:center;width:100%;height:100%;transition:all .3s ease-in-out;display:grid;position:absolute}.folder__front:not(.right){z-index:4;overflow:hidden}.folder__front.right{z-index:3}.folder--cover .folder__front:not(.right):before{z-index:0;background-image:linear-gradient(#272e3b14, #272e3b61), var(--folder-cover-image);content:"";background-position:50% 46%;background-size:cover;width:100%;height:190%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)scale(1.08)}.folder--cover .folder__label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#272e3b5c;border-radius:999px;padding:0 24px;box-shadow:0 10px 30px #272e3b38}.folder__label{z-index:1;color:#fff;letter-spacing:.04em;text-shadow:0 2px 12px #272e3b2e;pointer-events:none;font-size:18px;font-weight:850;position:relative}.folder:focus-visible{outline-offset:4px;border-radius:10px;outline:2px solid #fff}.quiz-folder{z-index:1;width:min(820px,94vw);height:680px;position:relative}.quiz-folder .folder{position:absolute;bottom:44px;left:50%;transform:translate(-50%)}.quiz-folder .folder.folder--cover:not(.open){top:47%;bottom:auto;transform:translate(-50%,-50%)}.quiz-folder .folder__back{border-radius:0 28px 32px 32px;width:min(680px,88vw);height:390px;box-shadow:0 28px 80px #424c5c2e}.quiz-folder .folder__back:after{border-radius:18px 18px 0 0;width:218px;height:56px}.quiz-folder .folder--cover .folder__back,.quiz-folder .folder--cover .folder__back:after{background:#9cc7e7}.quiz-folder .folder__front{border-radius:16px 30px 32px 32px}.quiz-folder .folder__label{font-size:clamp(34px,5vw,56px)}.quiz-folder .folder:not(.folder--click):hover{transform:translate(-50%)translateY(-5px)}.quiz-folder .folder:not(.folder--click):hover .paper{transform:translate(-50%,10%)}.quiz-folder .folder.open{transform:translate(-50%)}.quiz-folder.quiz-folder-active .folder__back{box-shadow:none;background:0 0}.quiz-folder.quiz-folder-active .folder__back:after,.quiz-folder.quiz-folder-active .folder__front,.quiz-folder.quiz-folder-active .folder__label{opacity:0;pointer-events:none}.quiz-folder .paper:first-child,.quiz-folder .paper:nth-child(2){display:none}.quiz-folder .folder.open .paper:nth-child(3){z-index:5;cursor:default;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6f7f9d6;border-radius:34px;width:min(760px,92vw);height:auto;min-height:520px;animation:.42s cubic-bezier(.2,.8,.2,1) both folder-quiz-card-out;top:13%;bottom:auto;transform:translate(-50%,-50%)rotate(0)}.quiz-folder .folder:not(.open) .paper:nth-child(3){opacity:0;pointer-events:none;transform:translate(-50%,18%)scale(.72)}.quiz-folder .folder.open .paper:nth-child(3):hover{transform:translate(-50%,-50%)rotate(0)}.quiz-folder .folder.open .folder__front{transform:skew(15deg)scaleY(.62)}.quiz-folder .folder.open .right{transform:skew(-15deg)scaleY(.62)}@keyframes folder-quiz-card-out{0%{opacity:0;transform:translate(-50%,18%)scale(.72)rotate(-2deg)}56%{opacity:1;transform:translate(-50%,-56%)scale(1.015)rotate(.6deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}@media (width<=860px){.quiz-folder{width:min(100%,92vw);height:650px}.quiz-folder .folder.folder--cover:not(.open){top:45%}.quiz-folder .folder__back{width:min(360px,86vw);height:245px}.quiz-folder .folder__back:after{width:120px;height:34px}.quiz-folder .folder.open .paper:nth-child(3){width:min(100%,92vw);min-height:0}}@media (width<=480px){.quiz-folder{width:100%;height:calc(100svh - 112px);min-height:560px}.quiz-folder .folder{bottom:34px}.quiz-folder .folder.folder--cover:not(.open){top:44%}.quiz-folder.quiz-folder-active .folder{width:100%;top:0;bottom:auto}.quiz-folder .folder__back{border-radius:0 22px 25px 25px;width:min(310px,84vw);height:210px}.quiz-folder .folder__back:after{border-radius:14px 14px 0 0;width:98px;height:28px}.quiz-folder .folder__front{border-radius:13px 24px 25px 25px}.quiz-folder .folder__label{font-size:28px}.quiz-folder.quiz-folder-active .folder__back{width:100%;height:calc(100svh - 112px)}.quiz-folder .folder.open .paper:nth-child(3){-webkit-overflow-scrolling:touch;border-radius:22px;width:100%;max-height:calc(100svh - 118px);animation:.36s cubic-bezier(.2,.8,.2,1) both folder-quiz-card-mobile-out;top:0;overflow-y:auto;transform:translate(-50%)rotate(0)}.quiz-folder .folder.open .paper:nth-child(3):hover{transform:translate(-50%)rotate(0)}}@keyframes folder-quiz-card-mobile-out{0%{opacity:0;transform:translate(-50%,18%)scale(.84)rotate(-1deg)}to{opacity:1;transform:translate(-50%)scale(1)rotate(0)}}.letter-experience{z-index:400;--lex-ink:#5a4334;--lex-ink-soft:#6e5544;--lex-paper:#f3e6d2;--lex-paper-deep:#e8d5b8;--lex-envelope:#edd9c2;--lex-envelope-deep:#d9c0a4;place-items:center;width:100vw;height:100dvh;font-family:Songti SC,STSong,SimSun,Noto Serif SC,Source Han Serif SC,Georgia,Times New Roman,serif;display:grid;position:fixed;inset:0;overflow:hidden}.letter-experience-backdrop{cursor:pointer;-webkit-backdrop-filter:blur(32px)saturate(.7);background:radial-gradient(at 50% 42%,#f8f2e838,#0000 54%),linear-gradient(#2a221c7a,#241c189e);border:0;padding:0;animation:.7s both lex-backdrop-in;position:absolute;inset:0}.letter-experience.is-closing .letter-experience-backdrop{animation:.9s both lex-backdrop-out}.letter-experience-center{z-index:1;pointer-events:none;box-sizing:border-box;place-items:center;width:100%;height:100%;min-height:0;padding:clamp(16px,3vh,28px);display:grid;position:relative}.letter-experience-center>*{pointer-events:auto}.lex-envelope-scene{justify-items:center;gap:36px;animation:.9s both lex-fade-rise;display:grid}.letter-experience.is-opening .lex-envelope-scene{animation:1.1s both lex-envelope-recede}.letter-experience.is-closing .lex-envelope-scene{animation:.7s .22s both lex-fade-rise}.lex-envelope{width:min(340px,76vw);height:224px;transform-style:preserve-3d;perspective:900px;position:relative}.lex-envelope-shadow{filter:blur(14px);background:#4e3a2a38;border-radius:50%;width:78%;height:28px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.lex-envelope-back,.lex-envelope-pocket,.lex-envelope-flap,.lex-mini-paper{position:absolute;inset:0}.lex-envelope-back{background:linear-gradient(160deg, #fffcf68c, transparent 42%), linear-gradient(180deg, #f6e8d5, var(--lex-envelope));border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff59,0 18px 40px #4e3a2a29}.lex-mini-paper{z-index:2;background:linear-gradient(180deg, #faf3e6, var(--lex-paper));opacity:.92;border-radius:10px 10px 4px 4px;align-content:start;gap:10px;height:118px;padding:22px 20px;transition:transform 1.1s cubic-bezier(.22,.72,.2,1),opacity .7s;display:grid;inset:auto 12% 38px;transform:translateY(18px);box-shadow:0 10px 24px #4e3a2a1f}.lex-mini-paper span{background:#684e382e;border-radius:999px;height:3px;display:block}.lex-mini-paper span:first-child{width:72%}.lex-mini-paper span:nth-child(2){width:88%}.lex-mini-paper span:nth-child(3){width:54%}.lex-envelope-pocket{z-index:4;clip-path:polygon(0 34%,50% 72%,100% 34%,100% 100%,0 100%);background:linear-gradient(180deg, #fffaf247, transparent 28%), linear-gradient(180deg, #efdcc4, var(--lex-envelope-deep));border-radius:0 0 18px 18px;box-shadow:inset 0 1px #ffffff47}.lex-envelope-flap{z-index:5;clip-path:polygon(0 34%,50% 0,100% 34%,50% 68%);transform-origin:50% 34%;backface-visibility:hidden;background:linear-gradient(#faf1e4,#e7d0b5);border-radius:18px 18px 0 0;transition:transform .9s cubic-bezier(.22,.72,.2,1);box-shadow:0 8px 18px #4e3a2a14}.lex-envelope[data-stage=opening] .lex-envelope-flap,.letter-experience.is-opening .lex-envelope-flap{transform:rotateX(168deg)}.lex-envelope[data-stage=opening] .lex-mini-paper,.letter-experience.is-opening .lex-mini-paper{opacity:0;transform:translateY(-118px)}.lex-envelope[data-stage=closing] .lex-envelope-flap,.letter-experience.is-closing .lex-envelope-flap{transition-delay:.28s;transform:rotateX(0)}.lex-envelope[data-stage=closing] .lex-mini-paper,.letter-experience.is-closing .lex-mini-paper{opacity:.9;transform:translateY(24px)}.lex-envelope-copy{text-align:center;justify-items:center;gap:22px;animation:1.1s .18s both lex-fade-rise;display:grid}.lex-envelope-title{color:#f4ebe0;letter-spacing:.08em;text-shadow:0 8px 28px #140e0a59;margin:0;font-size:clamp(22px,3.4vw,30px);font-weight:600;line-height:1.4}.lex-open-button,.lex-close-button{appearance:none;color:var(--lex-ink);font:inherit;letter-spacing:.12em;cursor:pointer;background:#fff8eee0;border:1px solid #fff4e647;border-radius:999px;padding:12px 28px;font-size:15px;transition:transform .18s,background .18s,box-shadow .18s;box-shadow:0 12px 32px #140e0a2e}.lex-open-button:hover,.lex-close-button:hover{background:#fffcf6f5;transform:translateY(-1px)}.lex-paper-scene{place-items:center;width:100%;height:100%;min-height:0;max-height:100%;display:grid}.letter-experience.is-opening .lex-paper-scene,.letter-experience.is-closing .lex-paper-scene{pointer-events:none}.letter-experience.is-closing .lex-paper-scene{animation:1s cubic-bezier(.4,.08,.28,1) both lex-paper-retract}.lex-paper{background:radial-gradient(circle at 16% 12%, #ffffff6b, transparent 28%), radial-gradient(circle at 84% 88%, #9c704814, transparent 26%), linear-gradient(165deg, #f7ecda 0%, var(--lex-paper) 48%, var(--lex-paper-deep) 100%);transform-origin:50% 85%;border-radius:20px;flex-direction:column;width:min(700px,100%);height:min(820px,100%);max-height:100%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff6,inset 0 0 48px #84603e14,0 4px 10px #4e3a2a14,0 24px 56px #4e3a2a38,0 48px 96px #140e0a38}.lex-paper:before,.lex-paper:after{content:"";pointer-events:none;z-index:0;position:absolute;inset:0}.lex-paper:before{mix-blend-mode:multiply;background:linear-gradient(90deg,#78543414,#0000 7% 93%,#78543412),linear-gradient(#78543412,#0000 8% 92%,#78543414)}.lex-paper:after{opacity:.45;background-image:radial-gradient(circle at 18% 24%,#84603e1f 0 .7px,#0000 1px),radial-gradient(circle at 72% 16%,#84603e1a 0 .7px,#0000 1px),radial-gradient(circle at 48% 78%,#ffffff38 0 .8px,#0000 1px);background-size:38px 44px,54px 50px,32px 36px}.letter-experience.is-opening .lex-paper{animation:1.1s cubic-bezier(.22,.72,.2,1) both lex-paper-emerge}.letter-experience.is-reading .lex-paper{animation:.52s both lex-paper-settle}.lex-paper-header,.lex-paper-scroll,.lex-paper-footer{z-index:1;position:relative}.lex-paper-header{background:linear-gradient(#f7ecdafa,#f7ecdae0);flex:none;padding:26px 48px 14px}.lex-paper-header p{color:#5a4334b8;letter-spacing:.18em;text-align:center;margin:0;font-size:14px;font-weight:600}.lex-paper-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#684e3859 transparent;flex:auto;min-height:0;position:relative;overflow:hidden auto}.lex-paper-scroll::-webkit-scrollbar{width:6px}.lex-paper-scroll::-webkit-scrollbar-thumb{background:#684e3847;border-radius:999px}.lex-paper-body{gap:1.6em;width:min(640px,100%);margin:0 auto;padding:8px 48px 12px;display:grid}.lex-paper-body p{color:var(--lex-ink-soft);letter-spacing:.02em;text-align:justify;text-justify:inter-ideograph;margin:0;font-size:18px;line-height:2;animation:.56s both lex-paragraph-in}.lex-paper-body p.lex-highlight{color:var(--lex-ink);font-size:19px;font-weight:600;line-height:1.9}.lex-paper-footer{opacity:0;pointer-events:none;justify-items:center;padding:28px 24px 36px;transition:opacity .8s,transform .8s;display:grid;transform:translateY(8px)}.lex-paper-footer.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.lex-close-button{letter-spacing:.16em;background:#fffaf2db;border-color:#684e3833;box-shadow:0 10px 24px #4e3a2a1a}@keyframes lex-paragraph-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes lex-envelope-recede{0%{opacity:1;transform:translateY(0)scale(1)}55%{opacity:1;transform:translateY(8px)scale(.98)}to{opacity:0;transform:translateY(28px)scale(.92)}}@keyframes lex-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes lex-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes lex-fade-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes lex-paper-emerge{0%{opacity:0;border-radius:12px;transform:translateY(140px)scale(.72)}45%{opacity:1;transform:translateY(36px)scale(.88)}to{opacity:1;border-radius:20px;transform:translateY(0)scale(1)}}@keyframes lex-paper-settle{0%{transform:translateY(8px)}to{transform:translateY(0)}}@keyframes lex-paper-retract{0%{opacity:1;transform:translateY(0)scale(1)}55%{opacity:.85;transform:translateY(80px)scale(.82)}to{opacity:0;transform:translateY(180px)scale(.68)}}@media (width<=720px){.letter-experience-center{padding:12px 12px 16px}.lex-envelope{width:min(280px,78vw);height:188px}.lex-envelope-copy{gap:18px;padding:0 16px}.lex-envelope-title{letter-spacing:.06em;font-size:22px}.lex-paper{border-radius:18px;width:100%;height:100%}.lex-paper-header{padding:20px 22px 12px}.lex-paper-body{gap:1.45em;padding:4px 22px 24px}.lex-paper-body p{font-size:16.5px;line-height:1.95}.lex-paper-body p.lex-highlight{font-size:17.5px}.lex-paper-footer{padding:8px 16px 18px}}@media (prefers-reduced-motion:reduce){.letter-experience *,.letter-experience :before,.letter-experience :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.lex-paper-body p{opacity:1;transform:none}}:root{--color-page:#f6f7f9;--color-nav:#eef0f3;--color-main:#a97a93;--color-title:#272e3b;--color-body:#424c5c;--color-tip:#8c7082;--color-card:#f2ebf0;--color-line:#e2d8df;--color-accent:#a97a93;color:var(--color-title);background:var(--color-page);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{font:inherit;-webkit-tap-highlight-color:transparent}.app-shell{isolation:isolate;background:var(--color-page);min-height:100vh;padding:124px 24px 24px;position:relative;overflow:hidden}.app-shell:before,.app-shell:after{content:"";pointer-events:none;z-index:-1;position:absolute;inset:0}.app-shell:before{filter:blur(18px);opacity:.78;background:url(/backgrounds/warmth-bg-desktop-wide.png) 50%/cover no-repeat;inset:-28px;transform:scale(1.04)}.app-shell:after{background:linear-gradient(#f6f7f957,#f6f7f97a),url(/backgrounds/warmth-bg-desktop-wide.png) 50%/cover no-repeat}.toast-notice{z-index:120;max-width:min(320px,100vw - 48px);color:var(--color-title);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f6f7f9eb;border:1px solid #2db8e66b;border-radius:999px;padding:12px 16px;font-size:14px;font-weight:760;animation:.22s both toast-notice-in;position:fixed;top:104px;right:28px;box-shadow:0 18px 50px #272e3b29}.sound-toggle,.language-toggle{border:1px solid color-mix(in srgb, var(--color-line) 86%, transparent);color:var(--color-body);cursor:pointer;background:#f6f7f9ad;border-radius:999px;flex:none;align-items:center;display:inline-flex}.sound-toggle{justify-content:center;width:38px;height:38px;padding:0;transition:background .16s,color .16s,transform .16s}.sound-toggle:hover{background:var(--color-title);color:#fff;transform:translateY(-1px)}.language-toggle{gap:4px;padding:4px}.language-toggle span{text-align:center;border-radius:999px;min-width:42px;padding:7px 10px;font-size:12px;font-weight:780;line-height:1}.language-toggle .is-active{background:var(--color-title);color:#fff}@keyframes toast-notice-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ambient{pointer-events:none;border:1px solid color-mix(in srgb, var(--color-line) 78%, transparent);opacity:.32;position:absolute}.ambient-one{border-radius:50%;width:260px;height:420px;top:120px;right:-90px;transform:rotate(-16deg)}.ambient-two{border-radius:42% 58% 55% 45%;width:280px;height:280px;bottom:60px;left:-80px;transform:rotate(18deg)}.hero,.quiz-panel,.loading-panel,.result-layout{z-index:1;width:min(1120px,100%);margin:0 auto;position:relative}.soft-pill,.eyebrow,.entry-action,.quote-strip,.primary-button,.ghost-button,.message-card button,.sticky-note button{align-items:center;gap:8px;display:inline-flex}.entry-icon{background:#f2ebf0d6;border-radius:12px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 10px 30px #a97a9324}.soft-pill,.eyebrow{border:1px solid color-mix(in srgb, var(--color-line) 78%, transparent);color:var(--color-tip);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#eef0f3b8;border-radius:999px;padding:9px 13px;font-size:13px}.hero{grid-template-columns:1fr;align-items:start;gap:34px;min-height:calc(100vh - 148px);padding:32px 0 36px;display:grid}.hero-copy{text-align:center;justify-items:center;display:grid}.hero-title{color:#2db8e6;letter-spacing:0;overflow-wrap:anywhere;flex-wrap:wrap;justify-content:center;max-width:680px;margin:22px 0 18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,6vw,70px);font-weight:900;line-height:.98;display:flex}.blur-text-segment{will-change:transform, filter, opacity;display:inline-block}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.entry-glow,.entry-glow .border-glow-inner{min-height:250px}.entry-glow .entry-card{height:100%;box-shadow:none;border-color:#0000}.entry-card{border:1px solid color-mix(in srgb, var(--color-line) 86%, transparent);width:100%;min-height:250px;color:var(--color-title);text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f2ebf0c7;border-radius:28px;padding:26px;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 26px 70px #424c5c1c}.entry-card:hover{box-shadow:none;border-color:#0000;transform:translateY(-4px)}.entry-kicker{color:var(--color-tip);margin-top:18px;font-size:13px;font-weight:720;display:block}.entry-card strong{letter-spacing:0;margin-top:8px;font-size:30px;display:block}.entry-card small{color:var(--color-body);margin:12px 0 28px;font-size:15px;line-height:1.65;display:block}.entry-action{color:var(--color-title);font-weight:760}.solo-card{background:linear-gradient(145deg, #f6f7f9e0, #f2ebf0e6), var(--color-card)}.duo-card{background:linear-gradient(145deg, #f6f7f9e0, #eef0f3f0), var(--color-nav)}.quote-strip{border:1px solid color-mix(in srgb, var(--color-line) 86%, transparent);background:#f6f7f9d1;border-radius:22px;grid-column:1/-1;justify-content:space-between;gap:18px;padding:16px 18px;box-shadow:0 18px 50px #424c5c14}.quote-strip span{color:var(--color-tip);font-size:13px;font-weight:760}.quote-strip p{color:var(--color-title);flex:1;margin:0;font-weight:720}.quote-strip button,.message-card button,.sticky-note button,.ghost-button{border:1px solid color-mix(in srgb, var(--color-line) 86%, transparent);color:var(--color-title);cursor:pointer;background:#f6f7f9d1;border-radius:999px;padding:10px 13px}.quiz-panel{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:calc(100vh - 172px);padding:0;display:flex;position:relative}.quiz-folder-stage{z-index:3;pointer-events:auto;place-items:center;width:min(820px,94vw);min-height:680px;display:grid;position:relative}.quiz-cursor-grid{z-index:0;opacity:.72;mix-blend-mode:multiply;border-radius:34px;position:absolute;inset:0}.loading-panel{place-items:center;min-height:calc(100vh - 172px);padding:34px 0;display:grid}.envelope-card{border:1px solid color-mix(in srgb, var(--color-line) 86%, transparent);text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6f7f9d6;border-radius:30px;justify-items:center;gap:22px;width:min(520px,100%);padding:44px 38px 34px;display:grid;box-shadow:0 28px 80px #424c5c1f}.envelope-stage{perspective:900px;place-items:end center;width:min(330px,78vw);height:238px;display:grid;position:relative}.envelope-shadow{filter:blur(12px);background:#424c5c29;border-radius:50%;width:72%;height:28px;animation:2.6s ease-in-out forwards envelope-shadow;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.envelope-body{width:300px;max-width:100%;height:188px;transform-style:preserve-3d;animation:2.6s ease-in-out forwards envelope-rise;position:relative}.envelope-back,.envelope-front,.envelope-left,.envelope-right,.envelope-flap{position:absolute;inset:0}.envelope-back{border:1px solid color-mix(in srgb, var(--color-line) 78%, transparent);background:linear-gradient(#fff8fb,#f1e5ec);border-radius:18px;box-shadow:0 22px 50px #424c5c21}.envelope-front{z-index:4;clip-path:polygon(0 28%,50% 67%,100% 28%,100% 100%,0 100%);background:linear-gradient(#f7edf3,#e9d7e2);border-radius:0 0 18px 18px}.envelope-left{z-index:5;clip-path:polygon(0 28%,50% 67%,0 100%);background:linear-gradient(150deg,#fdf7fa,#e8d4df);border-radius:0 0 0 18px}.envelope-right{z-index:5;clip-path:polygon(100% 28%,50% 67%,100% 100%);background:linear-gradient(210deg,#fdf7fa,#e8d4df);border-radius:0 0 18px}.envelope-flap{z-index:6;clip-path:polygon(0 28%,50% 68%,100% 28%,50% 0);transform-origin:50% 28%;background:linear-gradient(#fff9fc,#e8d5e0);border-radius:18px 18px 0 0;animation:2.6s ease-in-out forwards envelope-open}.letter-paper{z-index:3;border:1px solid color-mix(in srgb, var(--color-line) 82%, transparent);width:230px;min-height:144px;color:var(--color-title);background:linear-gradient(#fffffffa,#f6f7f9f5),repeating-linear-gradient(#0000 0 24px,#a97a931f 24px 25px);border-radius:16px;align-content:start;justify-items:start;gap:8px;padding:20px;animation:2.6s ease-in-out forwards letter-open;display:grid;position:absolute;bottom:44px;transform:translateY(86px)scale(.94);box-shadow:0 18px 42px #424c5c1f}.letter-paper span{background:linear-gradient(90deg,#a97a9347,#2db8e64d);border-radius:999px;height:8px;animation:1.6s ease-in-out infinite letter-line}.letter-paper span:first-child{width:72%}.letter-paper span:nth-child(2){width:52%;animation-delay:.18s}.letter-paper span:nth-child(3){width:64%;animation-delay:.36s}.envelope-status{border:1px solid color-mix(in srgb, var(--color-line) 86%, transparent);min-height:34px;color:var(--color-tip);background:#ffffff8f;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:7px 13px;font-size:14px;font-weight:760;display:inline-flex;box-shadow:0 12px 28px #424c5c14}.envelope-status i{background:var(--color-main);border-radius:50%;width:5px;height:5px;animation:.9s ease-in-out infinite loading-dot}.envelope-status i:nth-child(3){animation-delay:.12s}.envelope-status i:nth-child(4){animation-delay:.24s}.envelope-status.is-ready{color:var(--color-title);background:#ffffffbd}.envelope-open-button{opacity:0;animation:.42s forwards envelope-button-in;transform:translateY(8px)}@keyframes envelope-rise{0%{transform:translateY(16px)scale(.96)}26%,to{transform:translateY(0)scale(1)}}@keyframes envelope-open{0%,34%{z-index:6;transform:rotateX(0)}54%,to{z-index:2;transform:rotateX(168deg)}}@keyframes letter-open{0%,48%{transform:translateY(86px)scale(.94)}74%,to{transform:translateY(-40px)scale(1)}}@keyframes envelope-shadow{0%{opacity:.42;transform:translate(-50%)scale(.86)}50%,to{opacity:.7;transform:translate(-50%)scale(1)}}@keyframes envelope-button-in{to{opacity:1;transform:translateY(0)}}@keyframes letter-line{0%,to{opacity:.46;transform-origin:0;transform:scaleX(.86)}50%{opacity:1;transform:scaleX(1)}}@keyframes loading-dot{0%,to{opacity:.42;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.quiz-floating-folder{z-index:8;color:#f6f7f9;letter-spacing:0;cursor:pointer;background:#9cc7e7;border:0;border-radius:0 18px 20px 20px;place-items:center;width:154px;height:98px;font-weight:800;animation:.36s cubic-bezier(.2,.8,.2,1) both floating-folder-in;display:grid;position:absolute;top:50%;left:max(-180px,-50vw + min(820px,94vw)/2 + 28px);overflow:hidden;transform:translateY(-50%);box-shadow:0 18px 46px #424c5c38}.quiz-floating-folder:before{content:"";background:#9cc7e7;border-radius:10px 10px 0 0;width:58px;height:18px;position:absolute;bottom:calc(100% - 2px);left:0}.quiz-floating-folder:after{content:"";border-radius:inherit;background-image:linear-gradient(#272e3b14,#272e3b70),url(/covers/quiz-folder-cover.jpg);background-position:56% 46%;background-size:cover;width:100%;height:190%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)scale(1.08)}.quiz-floating-folder span{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#272e3b5c;border-radius:999px;padding:3px 10px;font-size:18px;position:relative;box-shadow:0 8px 20px #272e3b38}.quiz-floating-folder:focus-visible{outline-offset:4px;outline:3px solid #424c5c61}@keyframes floating-folder-in{0%{opacity:0;transform:translate(86px,-50%)scale(2.2)}to{opacity:1;transform:translateY(-50%)scale(1)}}.quiz-pop-card{width:100%;min-height:520px;color:var(--color-title);text-align:left;gap:18px;padding:34px;display:grid}.quiz-pop-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.quiz-pop-head h2{letter-spacing:0;margin:16px 0 10px;font-size:clamp(28px,3vw,32px);line-height:1.12}.result-main h2,.invite-panel h2{letter-spacing:0;margin:16px 0 10px;font-size:clamp(30px,4vw,48px);line-height:1.08}.quiz-pop-head p{color:var(--color-body);margin:0;font-family:Georgia,Times New Roman,serif;font-size:20px;line-height:1.7}.invite-panel p{color:var(--color-body);margin:0;line-height:1.7}.progress-ring{min-width:118px;min-height:58px;color:var(--color-title);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f6f7f9d1;border:1px solid #2db8e675;border-radius:18px;flex:none;place-items:center;gap:2px;padding:10px 16px;display:grid;box-shadow:0 16px 36px #272e3b1f}.progress-ring span{color:#2db8e6;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:22px;font-weight:900;line-height:1}.progress-ring small{color:var(--color-body);font-size:12px;font-weight:760;line-height:1.2}.progress-track{background:color-mix(in srgb, var(--color-line) 75%, transparent);height:7px}.progress-track span{background:linear-gradient(90deg, var(--color-accent), var(--color-body));border-radius:999px;height:100%;transition:width .22s;display:block}.quiz-pop-options{align-self:end;gap:12px;display:grid}.quiz-pop-options button{border:1px solid color-mix(in srgb, var(--color-line) 86%, transparent);min-height:64px;color:var(--color-title);cursor:pointer;text-align:left;background:#f6f7f9db;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;font-size:18px;transition:transform .16s,background .16s;animation:.28s both option-card-in;display:flex}.quiz-pop-options button:first-child{animation-delay:40ms}.quiz-pop-options button:nth-child(2){animation-delay:80ms}.quiz-pop-options button:nth-child(3){animation-delay:.12s}.quiz-pop-options button:nth-child(4){animation-delay:.16s}.quiz-pop-options button:nth-child(5){animation-delay:.2s}@keyframes option-card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quiz-pop-options button:hover{background:#fff;transform:translate(4px)}.result-layout{grid-template-columns:minmax(0,1fr) 310px;gap:20px;padding:54px 0;display:grid}.result-layout-single{grid-template-columns:1fr;width:min(980px,100%)}.result-main,.side-card{border:1px solid color-mix(in srgb, var(--color-line) 86%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f2ebf0c7;border-radius:30px;box-shadow:0 28px 80px #424c5c1f}.result-main{padding:24px}.weather-card{background:linear-gradient(145deg, #272e3bf0, #a97a93c7), var(--color-title);color:#fff;border-radius:24px;flex-direction:column;justify-content:flex-end;min-height:310px;padding:30px;display:flex}.weather-card span,.reveal-grid span,.message-card span,.side-card span,.compare-card span,.insight-grid span,.action-card span,.talk-card span,.credibility-card span{color:#ffffffa3;font-size:13px;font-weight:760}.weather-card h2{margin:14px 0 10px}.weather-card p{color:#ffffffc7;max-width:620px;margin:0;line-height:1.7}.ability-card{background:linear-gradient(145deg, #272e3bf0, #a97a93bd), var(--color-title);color:#fff;border-radius:24px;grid-template-columns:minmax(0,.86fr) minmax(220px,.72fr) minmax(240px,.9fr);align-items:center;gap:22px;min-height:330px;padding:30px;display:grid}.ability-copy span,.ability-list span{color:#ffffffa3;font-size:13px;font-weight:760}.ability-copy h2{letter-spacing:0;margin:14px 0 10px;font-size:clamp(34px,4vw,45px);line-height:1}.ability-copy p{color:#ffffffc7;max-width:320px;margin:0;line-height:1.7}.ability-copy p span{display:block}.radar-wrap{place-items:center;display:grid}.radar-wrap svg{width:min(240px,100%);overflow:visible}.radar-grid-line{fill:#ffffff0a;stroke:#ffffff47;stroke-width:1.2px}.radar-axis{stroke:#fff3;stroke-width:1px}.radar-shape{fill:#2db8e647;stroke:#8dd8f0;stroke-width:2.6px;filter:drop-shadow(0 12px 24px #2db8e62e)}.radar-dot{fill:#f7edf3;stroke:#8dd8f0;stroke-width:2px}.ability-list{gap:12px;display:grid}.ability-list div{grid-template-columns:64px 38px minmax(0,1fr);align-items:center;gap:10px;display:grid}.ability-list strong{color:#fff;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:18px}.ability-list i{background:linear-gradient(90deg,#f2ebf0,#8dd8f0);border-radius:999px;height:7px;display:block;box-shadow:0 8px 18px #2db8e633}.role-card{border:1px solid color-mix(in srgb, var(--color-line) 86%, transparent);background:linear-gradient(145deg, #272e3bf0, #a97a93c2), var(--color-title);color:#fff;border-radius:24px;grid-template-columns:minmax(280px,.95fr) 132px minmax(0,1fr);align-items:center;gap:22px;padding:26px;display:grid;box-shadow:0 22px 56px #424c5c29}.role-metrics{grid-template-columns:minmax(138px,.86fr) minmax(180px,1fr);align-items:center;gap:14px;display:grid}.role-metrics>span{color:#ffffffa3;grid-column:1/-1;font-size:13px;font-weight:760}.role-metrics .radar-wrap svg{width:min(178px,100%)}.role-metrics .ability-list{gap:9px}.role-metrics .ability-list div{grid-template-columns:58px 34px minmax(0,1fr);gap:8px}.role-metrics .ability-list strong{color:#fff;font-size:16px}.role-avatar{object-fit:contain;filter:drop-shadow(0 18px 24px #272e3b2e);justify-self:center;width:132px;max-height:168px}.role-copy span{color:#ffffffa3;font-size:14px;font-weight:760}.role-copy strong{color:#fff;margin-top:10px;font-size:15px;line-height:1.45;display:block}.role-copy p{color:#ffffffc7;max-width:360px;margin:10px 0 0;font-size:20px;line-height:1.7}.role-copy b{color:#ffffffa3;margin-right:6px}.reveal-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;display:grid}.reveal-grid article,.message-card,.compare-card,.insight-grid article,.action-card,.talk-card,.credibility-card,.full-reading-card,.evidence-card,.misread-card,.source-card{border:1px solid color-mix(in srgb, var(--color-line) 86%, transparent);background:#f6f7f9d1;border-radius:22px;padding:20px}.reveal-grid span,.message-card span,.compare-card span,.side-card span,.insight-grid span,.action-card span,.talk-card span,.credibility-card span,.full-reading-card span,.evidence-card span,.misread-card span,.source-card span{color:var(--color-tip)}.reveal-grid strong{margin-top:10px;font-size:25px;display:block}.reveal-grid p,.message-card p,.compare-card p,.side-card p,.insight-grid p,.action-card p,.talk-card p,.credibility-card p,.full-reading-card p,.evidence-card p,.misread-card p,.source-card p{color:var(--color-body);margin:10px 0 0;line-height:1.65}.credibility-card{z-index:90;width:auto;box-shadow:none;background:0 0;border:none;padding:0;position:fixed;bottom:18px;right:18px}.credibility-toggle{border:1px solid color-mix(in srgb, var(--color-line) 82%, transparent);width:44px;height:44px;color:var(--color-tip);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#eef0f3e0;border-radius:999px;place-items:center;transition:transform .16s,background .16s,color .16s;display:grid;box-shadow:0 14px 36px #424c5c29}.credibility-toggle:hover,.credibility-card.is-open .credibility-toggle{background:var(--color-title);color:#fff;transform:translateY(-1px)}.credibility-popover{border:1px solid color-mix(in srgb, var(--color-line) 86%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#eef0f3e6;border-radius:18px;width:min(340px,100vw - 36px);padding:16px;animation:.16s both credibility-popover-in;position:absolute;bottom:54px;right:0;box-shadow:0 18px 46px #424c5c24}.credibility-popover span{color:var(--color-tip)}.credibility-popover p{margin-top:8px;font-size:14px}@keyframes credibility-popover-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.letter-dossier{margin-top:46px}.letter-dossier-cover{color:#4f3828;cursor:pointer;width:100%;min-height:118px;font:inherit;text-align:left;background:linear-gradient(145deg,#f8e5baf5,#d2a869b8),#ead0a3;border:1px solid #a97a9342;border-radius:0 22px 22px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:28px 30px;transition:transform .18s,box-shadow .18s;display:grid;position:relative;overflow:visible;box-shadow:inset 0 0 0 1px #ffffff5c,0 18px 42px #64482c24}.letter-dossier-cover:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #ffffff5c,0 24px 52px #64482c33}.letter-dossier-cover:before{content:"";background:#ead0a3;border-radius:18px 18px 0 0;width:168px;height:42px;position:absolute;bottom:100%;left:-1px;box-shadow:inset 0 1px #ffffff4d}.letter-dossier-cover:after{content:"";pointer-events:none;background:linear-gradient(90deg,#7748221f,#0000 12% 88%,#7748221a),radial-gradient(circle at 22% 32%,#ffffff57,#0000 22%);position:absolute;inset:0}.letter-dossier-cover span,.letter-dossier-cover strong{z-index:1;position:relative}.letter-dossier-cover span{font-size:clamp(24px,3vw,34px);font-weight:850;line-height:1.18}.letter-dossier-cover strong{color:#5c432e;background:#ffffff6b;border-radius:999px;justify-self:end;padding:10px 14px;font-size:13px;font-weight:820}.letter-modal{z-index:180;overscroll-behavior:contain;place-items:start center;padding:clamp(18px,3vh,28px) 28px clamp(34px,6vh,64px);display:grid;position:fixed;inset:0;overflow:hidden auto}.letter-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:radial-gradient(circle at 50% 10%,#ffffff47,#0000 36%),#272e3b2e;border:0;animation:.18s both letter-backdrop-in;position:fixed;inset:0}.letter-float-wrap{z-index:1;width:min(980px,100vw - 48px);animation:.24s both letter-float-in,4.2s ease-in-out .26s infinite letter-float-idle;position:relative}.letter-float-wrap .full-reading-card{clip-path:none;filter:none;border-radius:16px 22px 18px 20px;margin-top:0;padding:38px 48px 50px;overflow:visible;box-shadow:inset 0 0 0 1px #ffffff6b,inset 0 0 34px #7f4c2029}.letter-close{z-index:3;color:#4f3828;cursor:pointer;background:#fff9e2f0;border:1px solid #9f74483d;border-radius:999px;place-items:center;width:42px;height:42px;transition:transform .16s,background .16s;display:grid;position:fixed;top:clamp(18px,3vh,28px);right:max(18px,50vw - 544px);box-shadow:0 14px 30px #424c5c2e}.letter-close:hover{background:#fff;transform:translateY(-1px)}@keyframes letter-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes letter-float-in{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes letter-float-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.full-reading-card{clip-path:polygon(1% 2%,98% 0,99% 96%,50% 99%,2% 97%,0 42%);background:radial-gradient(circle at 18% 22%,#ffffffa3,#0000 26%),radial-gradient(circle at 82% 78%,#aa71311f,#0000 24%),linear-gradient(145deg,#fff9e2f5,#ecd3a4b3),#f4dfb5;border-color:#9f744847;border-radius:12px 18px 14px 16px;margin-top:12px;padding:32px 30px 30px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff6b,inset 0 0 34px #7f4c202e,0 22px 52px #64482c2e}.full-reading-card:before,.full-reading-card:after{content:"";pointer-events:none;position:absolute;inset:0}.full-reading-card:before{mix-blend-mode:multiply;background:linear-gradient(90deg,#7748222e,#0000 8% 92%,#77482229),linear-gradient(#77482233,#0000 9% 89%,#7748222e)}.full-reading-card:after{opacity:.36;background-image:radial-gradient(circle at 20% 30%,#915e2b29 0 1px,#0000 1px),radial-gradient(circle at 70% 18%,#915e2b1f 0 1px,#0000 1px),radial-gradient(circle at 46% 78%,#ffffff47 0 1px,#0000 1px);background-size:42px 48px,58px 54px,36px 40px}.full-reading-card>span,.full-reading-card>strong,.letter-body{z-index:1;position:relative}.full-reading-card>span{color:#62432ac2;font-weight:780;display:block}.letter-body{margin-top:16px;padding-bottom:18px}.letter-body p{color:#4f3828;text-align:justify;text-justify:inter-ideograph;font-size:17px;line-height:1.78}.full-reading-card strong{color:#3e2b1f;margin-top:14px;font-size:20px;line-height:1.55;display:block}.evidence-card,.misread-card,.source-card{margin-top:12px}.evidence-card div,.misread-card div{gap:10px;margin-top:14px;display:grid}.evidence-card p,.misread-card p{color:var(--color-title);background:#f2ebf094;border-radius:16px;margin:0;padding:14px 16px}.misread-card strong{color:var(--color-tip);margin-right:4px}.source-card div{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.evidence-card summary,.source-card summary{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;list-style:none;display:flex}.evidence-card summary::-webkit-details-marker{display:none}.source-card summary::-webkit-details-marker{display:none}.evidence-card summary small,.source-card summary small{color:var(--color-tip);align-items:center;gap:6px;font-size:13px;font-weight:760;display:inline-flex}.evidence-card summary small:after,.source-card summary small:after{content:"";border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;transition:transform .16s;transform:rotate(45deg)translateY(-2px)}.evidence-card[open] summary small:after,.source-card[open] summary small:after{transform:rotate(225deg)translateY(-2px)}.source-card a{border:1px solid color-mix(in srgb, var(--color-line) 86%, transparent);min-height:148px;color:inherit;background:#eef0f39e;border-radius:18px;padding:16px;text-decoration:none;transition:transform .16s,background .16s;display:block}.source-card a:hover{background:#ffffffbd;transform:translateY(-2px)}.source-card strong,.source-card small{display:block}.source-card strong{color:var(--color-title);font-size:17px}.source-card small{color:var(--color-tip);margin-top:6px;font-size:12px;font-weight:760}.source-card p{font-size:14px}.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.insight-grid p{color:var(--color-title);font-size:18px}.action-card,.talk-card{margin-top:12px}.action-card div{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.action-card p{min-height:78px;color:var(--color-title);background:#f2ebf0a3;border-radius:18px;margin:0;padding:16px;font-weight:720}.action-card strong{background:var(--color-title);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;margin-right:9px;font-size:13px;display:inline-grid}.talk-card p{color:var(--color-title);font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:700}.message-card,.compare-card{margin-top:12px}.message-card p{color:var(--color-title);font-size:22px;font-weight:760}.message-card button{margin-top:18px}.compare-card{grid-template-columns:1fr 1fr;gap:14px;display:grid}.compare-card strong{margin-top:8px;font-size:24px;display:block}.compare-card p{grid-column:1/-1}.side-card{align-self:start;padding:24px}.sticky-note{background:linear-gradient(155deg, #f6f7f9d6, #f2ebf0db), var(--color-card);position:sticky;top:24px}.sticky-note button{margin-top:18px}.invite-panel{padding:34px}.invite-box{border:1px dashed color-mix(in srgb, var(--color-main) 45%, transparent);color:var(--color-body);word-break:break-all;background:#f6f7f9d1;border-radius:20px;margin:24px 0 14px;padding:16px;line-height:1.5}.primary-button{background:var(--color-main);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:13px 18px;font-weight:760;box-shadow:0 18px 40px #a97a9338}.ghost-button{margin-left:10px}@media (width<=860px){.app-shell{padding:96px 16px 16px;overflow-x:hidden}.app-shell:before{opacity:.5;background-image:url(/backgrounds/warmth-bg-mobile.png)}.app-shell:after{background:linear-gradient(#f6f7f957,#f6f7f985),url(/backgrounds/warmth-bg-mobile.png) top/cover no-repeat}.soft-pill{display:none}.hero,.result-layout{grid-template-columns:1fr}.result-layout{gap:14px}.hero{align-items:start;gap:24px;min-height:auto;padding-top:28px}.entry-grid{grid-template-columns:1fr}.entry-glow,.entry-glow .border-glow-inner,.entry-card{min-height:auto}.entry-card{padding:22px}.hero-title{max-width:100%;font-size:clamp(34px,10vw,42px);line-height:1.04}.quote-strip{flex-direction:column;align-items:flex-start}.quiz-pop-head{flex-direction:column}.quiz-folder-stage{align-self:center;width:100%;min-height:650px;position:relative}.quiz-folder-stage.is-open{padding-top:18px}.quiz-floating-folder{border-radius:0 14px 15px 15px;width:104px;height:66px;top:50%;left:10px}.quiz-floating-folder:before{width:42px;height:13px}.quiz-floating-folder span{font-size:15px}.quiz-pop-card{min-height:0;padding:24px}.quiz-pop-head h2{font-size:clamp(26px,7vw,32px)}.quiz-pop-head p{font-size:17px}.quiz-pop-options button{font-size:16px}.progress-ring{min-width:104px;min-height:52px;padding:9px 14px}.envelope-card{padding:28px 18px}.envelope-stage{height:216px}.envelope-body{width:260px;height:164px}.letter-paper{width:204px;min-height:128px;padding:17px}.reveal-grid,.insight-grid,.action-card div,.ability-card,.compare-card,.source-card div{grid-template-columns:1fr}.ability-card{padding:24px}.ability-copy p{max-width:none}.compare-card p{grid-column:auto}.ghost-button{margin:10px 0 0}}@media (width<=480px){.app-shell{min-height:100svh;padding:86px 12px 14px}.toast-notice{border-radius:18px;justify-content:center;max-width:none;top:82px;left:12px;right:12px}.ambient{display:none}.eyebrow{text-align:center;border-radius:18px;justify-content:center;width:100%;padding:8px 11px;font-size:12px;line-height:1.45}.hero{gap:18px;padding:18px 0}.hero-title{margin:16px 0 10px;font-size:34px}.entry-grid{gap:12px}.entry-card{border-radius:22px;padding:18px}.entry-card strong{font-size:23px;line-height:1.2}.entry-card small{margin:10px 0 18px;font-size:14px;line-height:1.6}.entry-action{justify-content:space-between;width:100%;min-height:44px}.quote-strip{border-radius:18px;gap:10px;padding:14px}.quote-strip p{font-size:15px;line-height:1.55}.quiz-panel{justify-content:start;min-height:calc(100svh - 112px)}.quiz-folder-stage,.quiz-folder-stage.is-open{min-height:calc(100svh - 112px);padding-top:0}.quiz-floating-folder{width:88px;height:56px;animation:.3s both floating-folder-mobile-in;top:auto;bottom:8px;left:8px;transform:none}.quiz-floating-folder span{padding:2px 8px;font-size:13px}.quiz-pop-card{gap:13px;padding:18px 14px 16px}.quiz-pop-head{gap:12px}.quiz-pop-head h2{margin:12px 0 8px;font-size:24px;line-height:1.18}.quiz-pop-head p{font-size:15px;line-height:1.6}.progress-ring{border-radius:16px;grid-template-columns:auto auto;justify-content:space-between;width:100%;min-height:44px}.progress-ring span{font-size:19px}.quiz-pop-options{gap:9px}.quiz-pop-options button{border-radius:16px;min-height:54px;padding:13px;font-size:15px;line-height:1.45}.loading-panel{min-height:calc(100svh - 112px);padding:18px 0}.envelope-card{border-radius:24px;padding:26px 16px 24px}.result-layout{padding:18px 0 0}.result-main,.side-card{border-radius:22px}.result-main,.invite-panel{padding:16px}.result-main h2,.invite-panel h2{font-size:28px;line-height:1.12}.ability-card{border-radius:20px;gap:18px;min-height:0;padding:20px 16px}.ability-copy h2{font-size:30px}.ability-copy p,.invite-panel p,.reveal-grid p,.message-card p,.compare-card p,.side-card p,.insight-grid p,.action-card p,.talk-card p,.credibility-popover p,.full-reading-card p,.evidence-card p,.misread-card p,.source-card p{line-height:1.58}.radar-wrap svg{width:min(220px,84vw)}.ability-list div{grid-template-columns:58px 34px minmax(0,1fr);gap:8px}.role-card{border-radius:18px;grid-template-columns:82px minmax(0,1fr);gap:14px;padding:16px}.role-metrics{grid-column:1/-1;grid-template-columns:minmax(116px,.76fr) minmax(0,1fr);gap:10px}.role-metrics .radar-wrap svg{width:min(132px,100%)}.role-metrics .ability-list{gap:7px}.role-metrics .ability-list div{grid-template-columns:52px 30px minmax(0,1fr);gap:6px}.role-metrics .ability-list strong{font-size:14px}.role-avatar{width:82px;max-height:104px}.role-copy strong{font-size:15px}.letter-dossier{margin-top:34px}.letter-dossier-cover{border-radius:0 18px 18px;grid-template-columns:1fr;gap:12px;min-height:104px;padding:22px 18px}.letter-dossier-cover:before{border-radius:14px 14px 0 0;width:126px;height:32px}.letter-dossier-cover strong{justify-self:start}.letter-modal{align-items:start;padding:10px 10px 28px}.letter-float-wrap{width:calc(100vw - 20px)}.letter-float-wrap .full-reading-card{clip-path:none;border-radius:16px 18px 18px 16px;padding:28px 18px 36px}.letter-float-wrap .full-reading-card>span,.letter-float-wrap .full-reading-card>strong{padding-right:42px}.letter-close{width:38px;height:38px;top:18px;right:18px}.letter-body p{font-size:16px;line-height:1.76}.credibility-card{width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:flex-end;margin-top:12px;padding:0;display:flex;position:static}.credibility-card.is-open{gap:8px;display:grid}.credibility-popover{width:100%;position:static}.reveal-grid article,.message-card,.compare-card,.insight-grid article,.action-card,.talk-card,.full-reading-card,.evidence-card,.misread-card,.source-card{border-radius:18px;padding:16px}.reveal-grid strong{font-size:22px}.insight-grid p,.message-card p{font-size:18px}.talk-card p{font-size:20px}.full-reading-card p{font-size:16px;line-height:1.72}.full-reading-card strong{font-size:17px;line-height:1.5}.action-card div{gap:8px}.action-card p{min-height:auto;padding:14px}.source-card a{min-height:0}.invite-box{border-radius:16px;margin:18px 0 12px;font-size:13px}.primary-button,.ghost-button,.message-card button{justify-content:center;width:100%;min-height:46px}}@keyframes floating-folder-mobile-in{0%{opacity:0;transform:translateY(24px)scale(1.12)}to{opacity:1;transform:translateY(0)scale(1)}}