@font-face{font-family:Amiri;src:url(/assets/amiri-arabic.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Naskh;src:url(/assets/noto-naskh-arabic.woff2) format("woff2");font-style:normal;font-weight:400 700;font-display:swap}:root{--background: #221e22;--deep: #171117;--plum: #2b1823;--wine: #813843;--deep-wine: #5a2633;--ivory: #f7f4ee;--blush: #d4b3aa;--sand: #b6a38e;--muted: #bfa6a9;--line: #b88685;--display: Amiri, Georgia, serif;--body: Naskh, serif;color-scheme:dark;font-family:var(--body);background:var(--deep);color:var(--ivory);font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:280px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{opacity:.65;cursor:wait}button:active{transform:scale(.985)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--ivory);outline-offset:5px}::selection{background:var(--wine);color:var(--ivory)}input,textarea{caret-color:var(--blush)}:focus{scroll-margin-block:100px}*{scrollbar-width:thin;scrollbar-color:var(--wine) var(--deep)}a{color:var(--blush);text-underline-offset:5px}.ornament{pointer-events:none;-webkit-user-select:none;user-select:none}button .ornament{vertical-align:middle}.boot,.load-error{text-align:center;padding:15vh 24px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.journal{position:relative;isolation:isolate;max-width:430px;min-height:100dvh;margin:0 auto;overflow:hidden;background:radial-gradient(ellipse at 2% 25%,#41222e66,transparent 45%),linear-gradient(130deg,#251d23,#20191f 60%,#251b22);padding:0 23px max(28px,env(safe-area-inset-bottom));box-shadow:0 12px 100px #0006}.journal:after{content:"";position:absolute;z-index:-1;inset:0;background:url(/assets/paper-grain.svg);opacity:.14;pointer-events:none}.scene{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.lily{position:absolute;width:264px;height:auto;top:0;left:-48px;filter:drop-shadow(7px 14px 14px #0e080b60);animation:lily-in 1.1s cubic-bezier(.22,1,.36,1) both}.flower-halo{position:absolute;width:280px;height:280px;top:26px;left:-78px;border:1px solid #81384344;border-radius:50%;background:radial-gradient(ellipse at 60% 50%,#81384338,transparent 70%)}.flower-halo:before{content:"";position:absolute;inset:33px -10px 18px 28px;border-radius:50%;border:1px solid #81384338}.corner-top{position:absolute;width:108px;right:6px;top:7px;opacity:.8}.corner-bl,.corner-br{position:absolute;width:102px;bottom:8px;opacity:.75}.corner-bl{left:5px}.corner-br{right:5px}.brand{position:relative;height:263px;padding-top:73px;animation:rise .5s .15s both}.brand-title{display:flex;align-items:center;gap:12px;justify-content:flex-start;font:29px/1.4 var(--display);white-space:nowrap}.brand-title .ornament{width:30px;height:30px}.brand-caption{color:var(--muted);font-size:14px;margin:7px 43px 0 0}.progress-wrap{display:flex;align-items:center;gap:13px;width:159px;height:28px;margin:16px 0 0 -4px;padding:0 9px;position:relative;border-block:1px solid var(--line);border-radius:30px;color:var(--ivory)}.progress-wrap>.ornament{position:absolute;width:14px;left:-7px;top:7px}.count{font-size:13px;white-space:nowrap}.progress{height:2px;flex:1;position:relative;background:#9d85854d;border-radius:4px;overflow:hidden}.progress>span{display:block;height:100%;background:#c37d8d;transition:width .4s ease;border-radius:4px}.intro{display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.little{align-self:flex-start;margin:0 24px -1px 0;color:#d3939a;font:italic 25px/1.3 var(--display)}.seal{width:202px;height:47px;display:block}.content{position:relative}.screen{animation:question-in .26s cubic-bezier(.22,1,.36,1) both}.question-frame{position:relative;border:1px solid var(--line);outline:1px solid #b8868580;outline-offset:-4px;border-radius:25px 25px 22px 22px;min-height:82px;padding:12px 14px;display:flex;align-items:center;justify-content:center;margin:0 -4px 21px}.question-frame:before,.question-frame:after{content:"";position:absolute;top:42%;width:12px;height:17px;background:var(--background) url(/assets/petal.svg) center/18px no-repeat}.question-frame:before{left:-6px}.question-frame:after{right:-6px}.question-frame h1{font:clamp(28px,8.8vw,38px)/1.45 var(--display);margin:0;text-align:center;font-weight:400;outline:none;text-wrap:balance}.frame-top,.frame-bottom{position:absolute;width:115px;height:25px;left:50%;transform:translate(-50%);background:var(--background);object-fit:cover;object-position:center}.frame-top{top:-13px}.frame-bottom{bottom:-13px}.choices{display:flex;flex-direction:column;gap:10px}.option{position:relative;display:flex;align-items:center;gap:18px;min-height:49px;padding:5px 19px;border:1px solid #bc9695;border-radius:15px;cursor:pointer;transition:background .18s,border-color .18s;animation:rise .38s calc(var(--i) * 65ms) both;isolation:isolate}.option>span:not(.radio){font:26px/1.4 var(--display)}.option input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.option:has(input:focus-visible){outline:2px solid var(--ivory);outline-offset:4px}.radio{width:20px;height:20px;flex:none;border:1px solid var(--ivory);border-radius:50%;position:relative;pointer-events:none}.option.selected{background:linear-gradient(150deg,#8f425b,#652a3a 45%,#371c29);border-color:#d38f9d;box-shadow:0 5px 12px #09040840}.option.selected .radio{background:#8e4655;border-color:#d899a7}.option.selected .radio:after{content:"";position:absolute;width:9px;height:5px;border-bottom:2px solid var(--ivory);border-left:2px solid var(--ivory);transform:rotate(-45deg);left:4px;top:4px;animation:check .2s cubic-bezier(.18,.89,.32,1.28)}.opt-tr,.opt-bl{position:absolute;width:24px;height:17px;opacity:.85;z-index:-1}.opt-tr{right:3px;top:2px;transform:scaleX(-1)}.opt-bl{left:3px;bottom:2px;transform:scaleY(-1)}.pencil{width:22px;height:22px;margin-inline-start:2px}.primary{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;border:1px solid #bb7c89;background:linear-gradient(165deg,#96485c,#652333 75%,#45202d);min-height:55px;border-radius:40px;padding:8px 20px;font:25px/1.4 var(--display);box-shadow:0 7px 15px #0a060a4d;transition:filter .18s,transform .1s;margin:29px 0 0}.primary:hover{filter:brightness(1.12)}.primary .ornament{width:27px;height:27px;filter:brightness(1.5)}.quiet{background:none;border:0;padding:8px 3px;min-height:44px;color:var(--blush);font-size:15px}.quiet:hover{text-decoration:underline;text-underline-offset:5px}.question-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px}.question-nav>span{font-size:12px;color:var(--muted)}.footer{text-align:center;position:relative;padding-top:10px;margin:0 14px}.footer .ornament{width:220px;height:28px;opacity:.85}.footer p{color:var(--blush);font:19px/1.4 var(--display);margin:-2px 0 0}.error:empty{display:none}.error{color:#ffccd2;font-size:16px;margin-top:13px}.notice{font-size:14px;color:#ffccd2;text-align:center}.welcome{text-align:center;padding:7px 6px 5px}.welcome h1{font:46px/1.4 var(--display);margin:2px 0 12px;font-weight:400;outline:none}.welcome p{font-size:18px;line-height:1.85;margin:0;color:#dfcdd0}.welcome .welcome-meta{color:var(--blush);font-size:15px;margin:20px 0}.welcome-meta span{padding:0 12px}.welcome .primary{margin:20px 0}.welcome .fine{font-size:13px;line-height:1.8;color:var(--muted)}.thank-you{padding-top:10px}.thank-you h1{font-size:35px}.thank-flower{width:50px;height:50px;margin-bottom:10px}.writing{position:relative;min-height:211px;border:1px solid var(--line);border-radius:16px;padding:10px 16px 30px;background:#17111730}.writing:focus-within{outline:1px solid var(--blush);outline-offset:3px}textarea{display:block;width:100%;resize:vertical;border:0;background:repeating-linear-gradient(transparent 0,transparent 35px,#b8868533 35px,#b8868533 36px);color:var(--ivory);font-size:20px;line-height:36px;min-height:170px;outline:none;padding:0 4px}textarea::placeholder,input::placeholder{color:var(--muted);opacity:1}.text-count{position:absolute;bottom:6px;left:15px;color:var(--muted);font-size:12px}.text-hint{font-size:14px;color:var(--muted);text-align:center;margin:10px 0 0}.other-wrap{padding-top:12px;animation:rise .2s}.other-wrap[hidden]{display:none}.other-wrap label{display:block;color:var(--blush);margin-bottom:3px}input[type=text],input[type=search],input[type=number],select{width:100%;border:1px solid #987676;background:#211820;color:var(--ivory);padding:9px 12px;border-radius:8px;min-height:44px}fieldset{margin:0;padding:0;border:0;min-width:0}.review h1{font:35px/1.5 var(--display);font-weight:400;margin:0 0 12px;text-align:center;outline:none}.muted{color:var(--muted)}.review>.muted{font-size:16px;line-height:1.8;text-align:center}.review-list{list-style:none;padding:0;margin:20px 0}.review-list li{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid #b8868544;padding:15px 0}.review-list h2{font-size:18px;font-weight:500;margin:0 0 4px}.review-list p{font-size:17px;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.review-list button{background:transparent;color:var(--blush);border:1px solid #b8868577;border-radius:20px;padding:6px 12px;min-height:44px}.is-review .lily{opacity:.6}.is-review .footer{margin-top:20px}.is-review .corner-bl,.is-review .corner-br{opacity:.45}@keyframes lily-in{0%{opacity:0;transform:translateY(12px) scale(1.035)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes question-in{0%{opacity:0;transform:translate(9px)}to{opacity:1;transform:translate(0)}}@keyframes check{0%{opacity:0;scale:.7}to{opacity:1;scale:1}}@media(min-width:600px){body{padding:26px 0;background:radial-gradient(ellipse at 50% 30%,#36222f,var(--deep) 65%)}.journal{min-height:844px;border:1px solid #b8868530;border-radius:7px}}@media(max-width:350px){.journal{padding-inline:17px}.lily{width:225px;left:-52px}.brand{height:235px;padding-top:68px}.brand-title{font-size:25px;gap:8px}.brand-title .ornament{width:24px;height:24px}.progress-wrap{width:145px}.little{font-size:22px}.question-frame h1{font-size:28px}.option>span:not(.radio){font-size:24px}.option{padding-inline:17px;gap:13px}.welcome h1{font-size:39px}.corner-top{width:90px}.primary{font-size:23px}.question-nav>span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.admin-shell{max-width:1140px;margin:0 auto;padding:30px 28px 60px;min-height:100dvh}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:24px;border-bottom:1px solid #b8868544}.admin-brand{display:flex;align-items:center;gap:14px}.admin-brand>.ornament{width:44px;height:44px}.admin-brand h1{font:34px/1.2 var(--display);margin:0;font-weight:400}.admin-brand p{color:var(--muted);margin:7px 0 0;font-size:14px}.admin-tools{display:flex;flex-wrap:wrap;gap:8px}.tool{background:#38232e;border:1px solid #b8868580;border-radius:7px;padding:8px 14px;min-height:44px;color:var(--blush);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.tool:hover{background:#5a2633}.admin-tabs{display:flex;gap:24px;overflow-x:auto;border-bottom:1px solid #b8868544;margin-bottom:28px}.admin-tabs button{white-space:nowrap;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:18px;min-height:60px;padding:10px 4px}.admin-tabs button[aria-selected=true]{color:var(--ivory);border-bottom-color:#d3939a}.admin-title{font:31px/1.4 var(--display);font-weight:400;margin:0 0 16px}.stats-row{display:flex;flex-wrap:wrap;gap:40px;padding:0 0 25px;border-bottom:1px solid #b8868544;margin-bottom:30px}.stat strong{font-size:30px;font-weight:400;display:block}.stat span{color:var(--muted);font-size:15px}.stat time{font-size:18px}.breakdown{padding:0 0 25px;margin-bottom:24px;border-bottom:1px solid #b8868544}.breakdown h3{font-weight:500;font-size:21px;margin:0 0 6px}.breakdown small{color:var(--muted)}.bar-row{display:grid;grid-template-columns:130px 1fr 70px;align-items:center;gap:12px;margin-top:14px}.bar-track{height:10px;background:#6744504d;overflow:hidden;border-radius:3px}.bar-track span{display:block;height:100%;background:#b76e82}.bar-row small{font-variant-numeric:tabular-nums;text-align:left}.empty{padding:50px 20px;text-align:center;color:var(--muted);border-block:1px solid #b8868544}.empty h2{color:var(--ivory);font:30px var(--display)}.owner-search{max-width:360px;margin-bottom:20px}.response-layout{display:grid;grid-template-columns:240px 1fr;gap:30px}.response-list{list-style:none;padding:0;margin:0}.response-list button{width:100%;text-align:right;border:0;border-bottom:1px solid #b8868544;border-inline-start:2px solid transparent;background:transparent;padding:16px 10px;min-height:65px}.response-list button[aria-current=true]{background:#81384333;border-inline-start-color:var(--blush)}.response-list time{display:block;font-size:15px}.response-list small{color:var(--muted)}.individual-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.individual-heading h2{font-size:23px;font-weight:500;margin:0}.exact-answers{padding:0;list-style:none}.exact-answers li{border-bottom:1px solid #b8868544;padding:16px 0}.exact-answers h3{font-size:19px;margin:0 0 5px;font-weight:500}.exact-answers p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:18px}.question-picker{max-width:600px;margin-bottom:25px}.text-responses{list-style:none;padding:0}.text-responses li{padding:15px 0;border-bottom:1px solid #b8868544;white-space:pre-wrap;overflow-wrap:anywhere}.text-responses time{display:block;color:var(--muted);font-size:13px;margin-bottom:5px}.editor-layout{display:grid;grid-template-columns:1fr 300px;gap:35px;align-items:start}.editor-form{display:grid;gap:20px}.edit-question{border:0;border-bottom:1px solid #b8868566;padding:0 0 20px;margin:0;min-width:0}.edit-question legend{color:var(--blush);padding:0 0 12px;font-size:20px}.edit-question label{display:block;margin:8px 0;color:var(--muted)}.edit-question textarea{min-height:88px;background:#211820;border:1px solid #987676;border-radius:8px;padding:8px;font-size:18px;line-height:1.7}.edit-flags{display:flex;gap:20px;flex-wrap:wrap}.edit-flags label{display:flex;align-items:center;gap:8px;min-height:44px}.edit-flags input{accent-color:var(--wine);width:18px;height:18px}.order-tools{display:flex;gap:6px;margin-top:10px}.preview-phone{position:sticky;top:24px;max-width:300px;border:1px solid #b8868580;border-radius:26px;overflow:hidden;background:var(--background);padding:18px}.preview-phone .preview-art{width:160px;margin-right:auto;display:block}.preview-phone h3{font:27px/1.5 var(--display);text-align:center}.preview-phone .option{margin:10px 0;min-height:44px}.preview-phone .option>span{font-size:22px}.preview-phone .primary{font-size:22px}.admin-status{color:var(--blush);min-height:28px}.danger{color:#ffccd2}.confirm-delete{border:1px solid #bc7b88;padding:20px;border-radius:8px;margin-bottom:18px}.confirm-delete p{margin-top:0}.admin-error{padding:12px 0;color:#ffccd2;line-height:1.8}@media(max-width:700px){.admin-shell{padding:22px 18px 45px}.admin-header{align-items:flex-start;flex-direction:column;gap:20px}.admin-brand h1{font-size:30px}.admin-tools{gap:6px}.admin-tabs{gap:20px}.admin-tabs button{font-size:16px}.response-layout{grid-template-columns:1fr}.response-list{display:flex;overflow-x:auto;gap:10px}.response-list li{min-width:200px}.editor-layout{grid-template-columns:1fr}.preview-phone{position:relative;max-width:300px;width:100%;margin:auto;grid-row:1}.bar-row{grid-template-columns:95px 1fr 65px;gap:8px}.stats-row{gap:25px}}.journal{padding-bottom:max(20px,env(safe-area-inset-bottom))}.brand{height:255px}.lily{left:-57px;-webkit-mask-image:linear-gradient(#000 0 76%,transparent 96%);mask-image:linear-gradient(#000 0 76%,transparent 96%)}.intro{margin-bottom:0}.seal{height:40px}.option{min-height:47px}.choices{gap:8px}.primary{margin-top:24px}.footer{padding-top:0}.footer .ornament{height:20px}.footer p{font-size:17px}.question-nav{margin-top:3px}.question-frame{margin-bottom:19px}.writing textarea:focus-visible{outline:0}.writing:focus-within{outline:2px solid var(--blush);outline-offset:3px}.scene-settled .lily,.scene-settled .brand{animation:none}:root{--display: Naskh, Georgia, serif}.journal{background:radial-gradient(ellipse at 2% 25%,#51263255,transparent 45%),linear-gradient(130deg,#281b22,#24161c 60%,#291922)}.brand{padding-top:83px}.corner-top{width:88px;height:70px;object-fit:contain;object-position:top right}.corner-bl,.corner-br{width:72px;bottom:4px}.question-nav{padding-inline:9px}.brand-title{font-size:28px;font-weight:400}.little,.welcome h1{font-family:Amiri,serif}.question-frame{border:1px solid transparent;border-radius:0;outline:0;border-image:url(/assets/question-frame.svg) 30 35 fill / 28px 32px stretch}.question-frame:before,.question-frame:after{background-color:transparent}.question-frame h1{font-size:34px;font-weight:400;line-height:1.55}.frame-top,.frame-bottom{background:transparent;width:105px;height:25px;object-fit:contain}.frame-top{top:-12px}.frame-bottom{bottom:-12px}.option>span:not(.radio){font-size:25px;font-weight:400}.primary{font-size:25px;font-weight:400}.response-list button{border-inline-start-width:1px}.seal{width:202px}@media(max-width:350px){.brand{padding-top:76px}.question-frame h1{font-size:29px}.option>span:not(.radio){font-size:23px}.corner-top{width:78px;height:65px}}.login-shell{width:min(100% - 40px,420px);margin:12vh auto;padding:30px 20px;border-block:1px solid #b8868577}.login-brand{display:flex;align-items:center;justify-content:center;gap:15px}.login-brand .ornament{width:38px;height:38px}.login-brand h1{font:36px var(--display);margin:0}.login-shell>p{text-align:center}.login-shell label{display:block;margin:18px 0 7px;color:var(--blush)}.login-shell input{width:100%;min-height:48px;background:#24161c;color:var(--ivory);border:1px solid #987676;border-radius:7px;padding:10px 12px;font:17px var(--body)}.login-shell .fine{font-size:14px;text-align:center;line-height:1.8}
