@import url('/fonts/fonts.css');
:root{--paper:#191229;--surface:#261c3c;--ink:#f7f0ff;--muted:#c8b9d8;--accent:#f5a2d5;--on-accent:#35162e;--detail:#afa0f5;font-family:Manrope,Vazirmatn,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.8;min-height:100svh}html[lang=fa]{font-family:Vazirmatn,Manrope,sans-serif}html[data-template=gamer]{font-family:'Space Grotesk',Vazirmatn,sans-serif}html[data-template=gamer][lang=fa]{font-family:Vazirmatn,'Space Grotesk',sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:wait;opacity:.65}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--detail);outline-offset:4px}.primary{border:0;background:var(--accent);color:var(--on-accent);font-weight:700;border-radius:12px;padding:13px 24px;min-height:48px}.secondary{border:1px solid color-mix(in srgb,var(--ink) 45%,transparent);color:var(--ink);background:var(--surface);border-radius:12px;padding:11px 22px;min-height:48px}.quiet{background:none;border:0;color:var(--muted);padding:12px;min-height:44px;text-underline-offset:5px}.quiet:hover{text-decoration:underline}.language{background:transparent;border:1px solid color-mix(in srgb,var(--ink) 25%,transparent);color:var(--ink);padding:6px 18px;border-radius:40px;min-height:44px}
.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.ambient:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 50%),radial-gradient(ellipse at 5% 90%,color-mix(in srgb,var(--detail) 17%,transparent),transparent 55%)}html[data-background=still] .ambient{display:none}html[data-background=aurora] .ambient:before{inset:-15%;animation:aurora 23s ease-in-out infinite alternate}.paused *{animation-play-state:paused!important}@keyframes aurora{to{transform:translate(4%,6%) rotate(7deg)}}
header,footer{max-width:1400px;margin:auto;padding:28px 6%;display:flex;justify-content:space-between;align-items:center;direction:ltr}.brand{text-decoration:none;font-size:23px;font-weight:600;letter-spacing:-.8px}.brand-heart{font-size:31px;color:var(--accent);margin-right:10px}.brand-dot{color:var(--accent)}main{max-width:1320px;margin:28px auto 60px;padding:0 6%;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;direction:ltr;min-height:650px}.intro,.experience{direction:inherit}html[dir=rtl] .intro,html[dir=rtl] .experience{direction:rtl}.signature{color:var(--accent);font-size:15px;margin-bottom:25px}h1{font-weight:600;font-size:clamp(38px,4.3vw,59px);line-height:1.5;letter-spacing:-1px;margin:18px 0 25px}h1 em{font-style:normal}.intro p{max-width:430px;color:var(--muted);font-size:18px;line-height:1.9}.card{background:var(--surface);border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);border-radius:24px;padding:40px 34px;min-height:500px;box-shadow:0 25px 70px #0000000d;position:relative}.card h2{font-size:28px;font-weight:600;line-height:1.5;margin:12px 0 20px}.card p{color:var(--muted);margin:12px 0 24px}.small,.tag{color:var(--accent);font-size:13px;display:block}.seal{color:var(--accent);font-size:42px}.seal~.small{margin-top:5px}.footnote{display:none}.return{font-size:12px;color:var(--muted)}.return .quiet{font-size:12px}.progress{display:flex;gap:6px;margin-bottom:26px}.progress i{height:3px;flex:1;border-radius:4px;background:color-mix(in srgb,var(--ink) 15%,transparent)}.progress .active{background:var(--accent)}.card label{display:block;margin:20px 0 7px;font-size:14px;color:var(--muted)}input,textarea,select{width:100%;border:1px solid color-mix(in srgb,var(--ink) 30%,transparent);border-radius:10px;background:var(--paper);color:var(--ink);padding:12px;min-height:48px;font-size:16px}textarea{resize:vertical;min-height:85px}.card .check{display:flex;align-items:center;gap:12px;color:var(--ink);margin:24px 0}.check input{width:22px;min-height:22px;height:22px;accent-color:var(--accent);flex-shrink:0}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:24px}.options{display:grid;gap:10px;margin:22px 0}.option{display:block;width:100%;text-align:start;padding:14px 16px;min-height:55px;background:transparent;border:1px solid color-mix(in srgb,var(--ink) 22%,transparent);color:var(--ink);border-radius:12px}.option.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface))}.summary{white-space:pre-wrap;padding:20px 0;margin:15px 0;border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ink) 20%,transparent);overflow-wrap:anywhere}.error{color:var(--ink)!important;border-inline-start:3px solid var(--accent);padding:10px 14px;font-size:14px;background:color-mix(in srgb,var(--accent) 10%,transparent)}footer{font-size:12px;color:var(--muted);border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent);gap:20px;flex-wrap:wrap}footer #open-report{display:none}footer>span:first-child{font-size:10px;letter-spacing:1px}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--muted);border-radius:18px;max-width:95vw}dialog::backdrop{background:#0009}.dialog-head{display:flex;justify-content:space-between}.dialog-head button{background:none;border:0;color:var(--ink);font-size:25px}pre{white-space:pre-wrap}
.motion-arena{display:flex;align-items:center;justify-content:space-around;gap:10px;flex-wrap:wrap;direction:ltr;margin-top:30px;touch-action:pan-y;min-height:210px}.orbit{position:relative;flex:none;display:grid;place-items:center}.yes-orbit{width:135px;height:150px}.no-orbit{width:185px;height:200px}.yes-orbit button{width:88px;max-width:88px}.no-orbit button{width:72px;max-width:72px}.orbit button{position:relative;z-index:1;padding:10px 12px;max-width:125px;min-height:54px;font-size:15px;will-change:transform}.motion-done .orbit button{transition:transform .2s ease-out}
.envelope{border:0;background:none;display:block;position:relative;width:230px;height:150px;margin:60px auto 40px;perspective:700px;transform:rotate(-4deg);transition:transform .3s;isolation:isolate}.envelope:hover{transform:rotate(0deg) translateY(-7px)}.letter{position:absolute;inset:-30px 14px 10px;background:var(--paper);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:8px;color:var(--accent);display:flex;flex-direction:column;align-items:center;padding-top:12px;font-size:28px;transition:transform .4s}.letter strong{color:var(--ink);font-size:15px}.envelope:hover .letter{transform:translateY(-14px)}.envelope-front{position:absolute;inset:0;background:color-mix(in srgb,var(--accent) 20%,var(--surface));clip-path:polygon(0 0,50% 55%,100% 0,100% 100%,0 100%);border-radius:7px;z-index:2}.wax{position:absolute;z-index:3;top:56px;left:95px;background:var(--accent);color:var(--on-accent);width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-size:25px}html[data-template=gamer] .card{border-radius:16px;border-color:color-mix(in srgb,var(--detail) 35%,transparent)}html[data-template=gamer] .envelope{transform:rotate(-8deg);height:170px}html[data-template=gamer] .envelope-front{clip-path:none;border:1px solid var(--detail);background:var(--paper);border-radius:14px}html[data-template=gamer] .letter{z-index:3;inset:0;background:transparent;border:0;justify-content:center;padding:0}html[data-template=gamer] .wax{top:12px;left:12px;border-radius:8px;font-size:22px;width:30px;height:30px}html[data-template=gamer] .envelope:hover{transform:rotate(0) rotateY(10deg)}
@media(max-width:1000px){main{display:block;max-width:600px;min-height:0;padding:0 5%;margin:10px auto 40px}.intro{text-align:center;margin-bottom:25px}.intro p{margin:10px auto;max-width:410px}.signature{margin:15px 0}h1{font-size:38px;line-height:1.4}.card{min-height:460px}.card{padding:30px 22px}.motion-arena{justify-content:center;gap:0}.yes-orbit{width:120px}.no-orbit{width:170px}h1{font-size:43px}}
@media(max-width:700px){header{padding:18px 6%}.brand{font-size:20px}.brand-heart{font-size:27px}main{display:block;margin:6px auto 35px;padding:0 5%;min-height:0;max-width:560px}.intro{text-align:center;margin-bottom:26px}.signature{margin:12px 0;font-size:13px}h1{font-size:32px;line-height:1.5;margin:8px 0}.intro p{font-size:15px;margin:12px auto 0;max-width:340px}.card{padding:28px 22px;min-height:460px;border-radius:20px}.card h2{font-size:25px}.envelope{margin:50px auto 25px;width:215px;height:145px}.wax{left:88px;top:52px}.motion-arena{margin:22px -5px 0;gap:0;justify-content:center;min-height:250px}.yes-orbit{width:128px;height:150px}.no-orbit{width:170px;height:210px}.orbit button{font-size:14px}.card .primary{max-width:100%}footer{padding-bottom:max(22px,env(safe-area-inset-bottom))}.language{font-size:13px;padding:5px 15px}.options{max-height:none}}
@media(max-width:360px){.motion-arena{justify-content:space-between}.yes-orbit{height:110px;width:115px}.no-orbit{height:180px;width:170px;margin-inline-start:auto}.card{padding:24px 18px}.envelope{width:195px}.wax{left:78px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.orbit button{will-change:auto}.envelope:hover,.envelope:hover .letter{transform:none}}

.review{margin:22px 0}.review>div{display:grid;grid-template-columns:1fr auto;padding:14px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 16%,transparent)}.review dt{font-size:12px;color:var(--muted)}.review dd{margin:3px 0 0;grid-column:1;overflow-wrap:anywhere}.review .edit{grid-row:1/3;grid-column:2;font-size:12px}.card{overflow-wrap:anywhere}