:root{color:#f7f1df;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#0b1022;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#0b1022}body{background:radial-gradient(circle at 18% 12%,#ffd1662e,#0000 25%),radial-gradient(circle at 82% 8%,#d83b4c2e,#0000 28%),linear-gradient(155deg,#0b1022 0%,#11182f 48%,#24142a 100%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{font:inherit}.loader-screen{background:radial-gradient(circle at 50% 38%,#ffd16633,#0000 28%),linear-gradient(155deg,#0b1022 0%,#11182f 52%,#24142a 100%);align-content:center;place-items:center;gap:24px;min-height:100vh;padding:28px;display:grid}.loader-screen p{color:#ffd166;letter-spacing:.02em;text-align:center;margin:0;font-size:1.05rem;font-weight:900}.loader-orbit{border:1px solid #ffd16666;border-radius:999px;width:132px;height:132px;animation:2.4s linear infinite rotate;position:relative}.loader-orbit:before{content:"Şavklıyıldız";color:#11182f;background:linear-gradient(135deg,#ffd166,#d83b4c);border-radius:999px;place-items:center;font-size:.62rem;font-weight:1000;animation:2.4s linear infinite counter-rotate;display:grid;position:absolute;inset:38px;box-shadow:0 0 42px #ffd16680}.loader-orbit span{background:#f7f1df;border-radius:999px;width:12px;height:12px;position:absolute}.loader-orbit span:first-child{top:-6px;left:60px}.loader-orbit span:nth-child(2){bottom:22px;right:8px}.loader-orbit span:nth-child(3){bottom:26px;left:6px}.loader-bar{background:#f7f1df1a;border-radius:999px;width:min(280px,76vw);height:9px;overflow:hidden}.loader-bar span{border-radius:inherit;background:linear-gradient(90deg,#d83b4c,#ffd166);width:58%;height:100%;animation:2s ease-in-out forwards loading;display:block}.app-shell{--parallax-x:0px;--parallax-y:0px;width:min(100%,520px);min-height:100vh;padding:max(20px, env(safe-area-inset-top)) 18px max(28px, env(safe-area-inset-bottom));margin:0 auto;position:relative}.parallax-stars{z-index:0;pointer-events:none;opacity:.7;transition:transform .16s ease-out;position:fixed;inset:-40px}.layer-one{transform:translate(calc(var(--parallax-x) * .28), calc(var(--parallax-y) * .28));background-image:radial-gradient(circle,#ffd166e6 0 2px,#0000 2px),radial-gradient(circle,#f7f1dfb8 0 1px,#0000 1px);background-position:18px 42px,92px 18px;background-size:132px 156px,118px 144px}.layer-two{transform:translate(calc(var(--parallax-x) * -.18), calc(var(--parallax-y) * -.18));background-image:radial-gradient(circle,#f7f1df9e 0 1px,#0000 1px);background-position:40px 90px;background-size:86px 112px}.sky-glow{z-index:0;filter:blur(24px);pointer-events:none;border-radius:999px;width:220px;height:220px;position:fixed}.sky-glow-one{background:#ffd16629;top:8%;left:-90px}.sky-glow-two{background:#d83b4c29;bottom:12%;right:-100px}.panel{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#11182fb8;border:1px solid #f7f1df21;border-radius:28px;margin:16px 0;padding:22px;position:relative;box-shadow:0 24px 70px #00000047}.hero{min-height:390px;padding-top:150px;padding-bottom:92px;overflow:hidden}.hero:before,.hero:after{content:"";background:#ffd166;border-radius:999px;animation:2.9s ease-in-out infinite alternate twinkle;position:absolute;box-shadow:64px 24px 0 -2px #f7f1df,118px -18px 0 -1px #ffd166,196px 42px 0 -3px #f7f1df,254px 2px 0 -2px #ffd166}.hero:before{width:5px;height:5px;top:34px;left:38px}.hero:after{width:4px;height:4px;animation-delay:.6s;top:105px;left:84px}.orbit{border:1px solid #ffd1665c;border-radius:999px;width:128px;height:128px;animation:14s linear infinite rotate;position:absolute;top:34px;right:26px}.orbit:before{content:"";background:linear-gradient(135deg,#ffd166,#d83b4c);border-radius:999px;position:absolute;inset:34px;box-shadow:0 0 36px #ffd16673}.orbit span{background:#f7f1df;border-radius:999px;width:10px;height:10px;position:absolute}.orbit span:first-child{top:-5px;left:58px}.orbit span:nth-child(2){bottom:20px;right:8px}.orbit span:nth-child(3){bottom:28px;left:8px}.ankara-silhouette{opacity:.95;height:122px;position:absolute;bottom:0;left:0;right:0}.ankara-silhouette:before{z-index:2;content:"";background:linear-gradient(#0b102200,#0b1022eb);height:58px;position:absolute;bottom:0;left:0;right:0}.ankara-silhouette svg{filter:drop-shadow(0 -10px 30px #ffd1661a);width:100%;height:100%;position:absolute;inset:0}.skyline-back{fill:#f7f1df2e}.skyline-front{fill:#080a12eb}.skyline-reflection{fill:#f7f1df1a;transform-origin:50% 139px;transform:translateY(8px)scaleY(.72)}.eyebrow,.section-kicker{color:#ffd166;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:.76rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.08em;max-width:9ch;margin-bottom:14px;font-size:clamp(2.7rem,15vw,4.7rem);line-height:.86}h2{letter-spacing:-.04em;margin-bottom:12px;font-size:1.55rem;line-height:1}h3{margin-bottom:8px;font-size:1.25rem}.hero-copy,.panel p,dd{color:#f7f1dfc7;line-height:1.55}.status-card{color:#f7f1df;background:#ffd1661a;border:1px solid #ffd16638;border-radius:999px;align-items:center;gap:10px;margin-top:10px;padding:12px 14px;font-size:.88rem;display:inline-flex}.status-dot{background:#ffd166;border-radius:999px;width:9px;height:9px;box-shadow:0 0 16px #ffd166}.profile-card{background:linear-gradient(155deg,#d83b4c33,#11182fc2);overflow:hidden}.molecule{opacity:.76;width:126px;height:108px;animation:7s ease-in-out infinite molecule-drift;position:absolute;top:18px;right:18px}.atom,.bond{display:block;position:absolute}.atom{background:#ffd166;border-radius:999px;width:18px;height:18px;box-shadow:0 0 18px #ffd16673}.atom-one{top:12px;left:48px}.atom-two{background:#f7f1df;top:46px;left:14px}.atom-three{background:#d83b4c;top:50px;right:18px}.atom-four{bottom:10px;right:48px}.bond{transform-origin:0;background:#f7f1df5c;border-radius:999px;height:2px}.bond-one{width:52px;top:31px;left:58px;transform:rotate(29deg)}.bond-two{width:44px;top:31px;left:31px;transform:rotate(138deg)}.bond-three{width:42px;top:66px;left:75px;transform:rotate(104deg)}.facts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.facts-grid div{background:#ffffff0f;border:1px solid #f7f1df1f;border-radius:20px;min-height:96px;padding:14px}dt{color:#ffd166;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.72rem;font-weight:800}dd{margin:0;font-weight:700}.chip-row{scrollbar-width:none;gap:10px;margin:18px -4px 14px;padding:0 4px 4px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.chip,.primary-button,.secondary-button,.tiny-button,.secret-trigger,.preference-chip{color:#f7f1df;cursor:pointer;border:0}.chip{background:#f7f1df14;border:1px solid #f7f1df24;border-radius:999px;flex:none;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.chip-icon{color:#ffd166;background:#ffd16629;border-radius:999px;place-items:center;width:22px;height:22px;font-size:.9rem;font-weight:900;display:grid}.chip.active{color:#11182f;background:#ffd166}.chip.active .chip-icon{color:#11182f;background:#11182f26}.result-card{background:linear-gradient(135deg,#ffd16629,#d83b4c24);border-radius:24px;padding:18px;position:relative}.result-icon{color:#ffd166;background:#0b102240;border:1px solid #ffd16633;border-radius:16px;place-items:center;width:46px;height:46px;font-size:1.35rem;font-weight:900;display:grid;position:absolute;top:16px;right:16px}.result-card span{color:#ffd166;margin-bottom:10px;font-size:.78rem;font-weight:800;display:inline-block}.result-card p{margin-bottom:0}.murabba{background:linear-gradient(160deg,#11182fa8,#562a5857);border-radius:22px;gap:18px;padding:18px;display:grid}.murabba.active{border-color:#ffd1664d;box-shadow:0 0 0 1px #ffd16614,0 16px 46px #ffd16617}.murabba h2{font-size:1.22rem}.murabba p:not(.section-kicker){margin-bottom:0;font-size:.92rem}.primary-button{color:#11182f;background:linear-gradient(135deg,#d83b4c,#ffd166);border-radius:18px;width:100%;padding:15px 18px;font-weight:900}.secondary-button{color:#f7f1df;background:#f7f1df14;border:1px solid #ffd16647;border-radius:18px;width:100%;padding:15px 18px;font-weight:900}.tiny-button{color:#ffd166;background:#ffd16617;border:1px solid #ffd16633;border-radius:999px;justify-self:start;padding:9px 12px;font-size:.78rem;font-weight:900}.star-lab{overflow:hidden}.star-field{background-color:#00000029;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:28px;height:230px;margin:12px 0 16px;position:relative}.tap-star{color:#ffd166;cursor:pointer;text-shadow:0 0 18px #ffd166;background:#ffd1661f;border:0;border-radius:999px;width:46px;height:46px;font-size:1.55rem;animation:3s ease-in-out infinite float;position:absolute}.star-1{top:18px;left:22px}.star-2{animation-delay:.2s;top:40px;right:34px}.star-3{animation-delay:.45s;top:96px;left:45%}.star-4{animation-delay:.7s;bottom:28px;left:42px}.star-5{animation-delay:.9s;bottom:34px;right:58px}.star-6{animation-delay:1.2s;top:132px;right:18px}.star-message{background:#ffd1661f;border-radius:18px;min-height:54px;margin:0;padding:14px 16px;font-weight:700;color:#f7f1df!important}.final-card{background:linear-gradient(145deg,#d83b4c38,#ffd1661f);border-color:#ffd16642;margin-bottom:0}.signature{margin:18px 0 0;font-size:.92rem;font-weight:800;color:#ffd166!important}.secret-trigger{color:#ffd166;background:#0b10223d;border:1px dashed #ffd1665c;border-radius:18px;width:100%;margin-top:16px;padding:12px 14px;font-weight:900}.secret-note{background:#ffd1661f;border-radius:18px;margin:12px 0 0;padding:14px 16px;font-weight:800;animation:.36s ease-out both answer-pop;color:#f7f1df!important}.coffee-card{background:radial-gradient(circle at 18% 12%,#ffd1662e,#0000 28%),linear-gradient(145deg,#11182fd1,#4b1f41a3);border-color:#ffd16652;margin-bottom:0;overflow:hidden}.confetti-layer{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-layer span{color:#ffd166;text-shadow:0 0 14px #ffd166cc;font-size:1rem;animation:1.35s ease-out both confetti-burst;position:absolute;top:50%;left:50%}.confetti-layer span:first-child{--x:-140px;--y:-160px;animation-delay:0s}.confetti-layer span:nth-child(2){--x:-94px;--y:-132px;animation-delay:25ms}.confetti-layer span:nth-child(3){--x:-38px;--y:-154px;animation-delay:50ms}.confetti-layer span:nth-child(4){--x:22px;--y:-138px;animation-delay:75ms}.confetti-layer span:nth-child(5){--x:82px;--y:-166px;animation-delay:.1s}.confetti-layer span:nth-child(6){--x:136px;--y:-122px;animation-delay:.125s}.confetti-layer span:nth-child(7){--x:-150px;--y:-46px;animation-delay:45ms}.confetti-layer span:nth-child(8){--x:150px;--y:-42px;animation-delay:70ms}.confetti-layer span:nth-child(9){--x:-124px;--y:58px;animation-delay:95ms}.confetti-layer span:nth-child(10){--x:118px;--y:66px;animation-delay:.12s}.confetti-layer span:nth-child(11){--x:-72px;--y:112px;animation-delay:.14s}.confetti-layer span:nth-child(12){--x:74px;--y:124px;animation-delay:.16s}.confetti-layer span:nth-child(13){--x:-22px;--y:142px;animation-delay:.18s}.confetti-layer span:nth-child(14){--x:28px;--y:92px;animation-delay:.2s}.confetti-layer span:nth-child(15){--x:-96px;--y:10px;animation-delay:.22s}.confetti-layer span:nth-child(16){--x:96px;--y:4px;animation-delay:.24s}.confetti-layer span:nth-child(17){--x:-8px;--y:-98px;animation-delay:.26s}.confetti-layer span:nth-child(18){--x:8px;--y:22px;animation-delay:.28s}.coffee-card h2{font-size:clamp(1.65rem,8vw,2.55rem);line-height:.98}.coffee-actions{gap:12px;margin-top:18px;display:grid}.answer-card{background:linear-gradient(#ffffff0a 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#ffffff0a 1px,#0000 1px) 0 0/24px 24px,linear-gradient(155deg,#d83b4c3d,#ffd16624);border:1px solid #ffd1666b;border-radius:24px;margin-top:18px;padding:20px;animation:.42s ease-out both answer-pop;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffd16614,0 20px 60px #ffd1661f}.answer-card:before{content:"";filter:blur(4px);background:#ffd16629;border-radius:999px;width:150px;height:150px;position:absolute;top:-70px;right:-58px}.answer-label{color:#11182f;letter-spacing:.12em;background:#ffd166;border-radius:999px;margin-bottom:14px;padding:8px 11px;font-size:.72rem;font-weight:1000;display:inline-flex}.answer-card h3{color:#f7f1df;letter-spacing:-.04em;margin-bottom:12px;font-size:1.7rem;line-height:1}.answer-metrics{gap:8px;margin:14px 0 0;display:grid}.answer-metrics span{color:#f7f1dfe6;background:#0b102242;border-radius:14px;padding:10px 12px;font-weight:750}.preference-box{background:#f7f1df0f;border:1px solid #f7f1df1f;border-radius:18px;margin-top:16px;padding:14px}.preference-box p{margin:0 0 10px;font-size:.84rem;font-weight:900;color:#ffd166!important}.preference-box strong{color:#f7f1df;margin-top:12px;font-size:.92rem;display:block}.preference-row{scrollbar-width:none;gap:8px;margin-right:-6px;padding:0 6px 2px 0;display:flex;overflow-x:auto}.preference-row::-webkit-scrollbar{display:none}.preference-chip{color:#f7f1df;background:#0b10223d;border:1px solid #ffd16638;border-radius:999px;flex:none;padding:9px 11px;font-size:.78rem;font-weight:900}.preference-chip.active{color:#11182f;background:#ffd166}.approval-stamp{letter-spacing:.03em;text-align:center;text-transform:uppercase;border:1px solid #ffd16647;border-radius:16px;margin:16px 0 0;padding:12px 14px;font-size:.88rem;font-weight:1000;color:#ffd166!important}.screenshot-note{text-align:center;border-top:1px solid #f7f1df24;margin:16px 0 0;padding-top:14px;font-size:.9rem;font-weight:900;color:#ffd166!important}@keyframes twinkle{0%{opacity:.45;transform:scale(.9)}to{opacity:1;transform:scale(1.15)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes counter-rotate{to{transform:rotate(-360deg)}}@keyframes loading{0%{transform:translate(-110%)}to{transform:translate(80%)}}@keyframes molecule-drift{0%,to{transform:translate(0,0)rotate(-4deg)}50%{transform:translate(-10px,8px)rotate(7deg)}}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.08)}}@keyframes answer-pop{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes confetti-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(0)}18%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y))) scale(1.2) rotate(220deg)}}@media (width>=720px){.app-shell{padding-top:34px;padding-bottom:34px}.hero{min-height:430px}}@media (width<=380px){.facts-grid{grid-template-columns:1fr}.molecule{opacity:.42}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}