@media(max-width:700px){
 html{overflow-x:clip}body{overflow-x:clip;font-size:14px}.topbar{height:60px;padding:8px 13px;gap:10px}.brand{min-width:0}.brand-icon{width:34px!important;height:38px!important}.brand b{font-size:16px}.brand small{font-size:7px;letter-spacing:1px;margin-top:4px}.header-actions{gap:6px}.member-button{padding:7px 9px!important;font-size:11px}.balance{padding:6px 9px;font-size:10px}.balance span{font-size:14px}.bottom-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:7px 6px calc(7px + env(safe-area-inset-bottom));min-height:62px}.bottom-nav button{min-width:0;min-height:44px;font-size:10px;padding:0}.bottom-nav b{font-size:21px}main#app{min-height:0;padding:14px 13px calc(82px + env(safe-area-inset-bottom));width:100%}.test-strip{font-size:8px;letter-spacing:.5px}.mobile-entry .test-strip,.mobile-menu .test-strip{display:none}.mobile-step{position:relative;padding:0 38px 0 0;margin:0 0 12px}.mobile-step>span{position:absolute;right:0;top:4px;font-size:11px;border:1px solid #5b4666;color:#e2ad82;border-radius:12px;padding:3px 7px}.mobile-step h1{font-size:25px;margin:0 0 4px;line-height:1.25}.mobile-step p{font-size:12px;margin:0;color:#b0bdc0}.mobile-readers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-reader{border:1px solid #5f4b65;background:#172b30;border-radius:17px;padding:0;overflow:hidden;text-align:left;min-width:0;box-shadow:0 5px 12px #0003}.mobile-reader.is-chosen{border-color:#e2ad82}.mobile-reader>img{display:block;width:100%;height:clamp(60px,calc((100svh - 470px)/2),150px);object-fit:cover;object-position:center 22%}.mobile-reader>span{display:grid;gap:1px;padding:8px 10px}.mobile-reader strong{font:19px/1.2 Georgia,serif;color:#f4c99e}.mobile-reader small{font-size:10px;color:#b9c7c9}.mobile-reader b{font-size:10px;font-weight:600;color:#e2ad82;margin-top:3px}.mobile-launch-note{font-size:10px;text-align:center;color:#a5b7b9;margin:12px 0 0;line-height:1.5}.mobile-current{display:flex;align-items:center;gap:11px;padding:9px 12px;border:1px solid #5c4861;border-radius:15px;background:#182b30;margin:0 0 12px}.mobile-current img{width:44px;height:48px;object-fit:cover;object-position:center 20%;border-radius:9px}.mobile-current>div{display:grid;gap:0;flex:1}.mobile-current strong{font:20px/1.2 Georgia,serif;color:#edbf94}.mobile-current small{font-size:10px;color:#a5b7b9}.mobile-change-reader{font-size:11px;border:1px solid #566b6c;border-radius:9px;padding:8px 10px;min-height:40px}.mobile-step-menu{margin-bottom:12px}.mobile-step-menu h1{font-size:24px}.mobile-chat-choice{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:linear-gradient(120deg,#493045,#233f42);border:1px solid #a77c8e;border-radius:16px;padding:14px 13px;margin-bottom:14px;min-height:77px}.mobile-chat-symbol{font-size:25px}.mobile-chat-choice>span:nth-child(2){flex:1}.mobile-chat-choice strong{display:block;font-size:17px;color:#f4c99e}.mobile-chat-choice small{display:block;font-size:10px;color:#c6c6cd;margin-top:3px;line-height:1.5}.mobile-chat-choice>b{font-size:21px;color:#e2ad82}.mobile-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-service{display:flex;align-items:center;gap:7px;padding:0 8px 0 0;min-height:76px;border:1px solid var(--accent);border-radius:13px;background:var(--shade);overflow:hidden;text-align:left;min-width:0}.mobile-service img{width:54px;height:76px;object-fit:cover;flex-shrink:0}.mobile-service>span{font-size:12px;font-weight:650;line-height:1.4;flex:1}.mobile-service>b{font-size:20px;font-weight:400;color:#e2ad82}.mobile-options>#mobile-return{margin:14px 0 0;min-height:40px}.mobile-form .reader-compact,.mobile-form .chat-invite,.mobile-form .form-layout>.art-frame{display:none}.mobile-form .form-layout{display:block}.mobile-form .form-panel{padding:16px}.mobile-form #app>h1{font-size:25px;margin:0 0 12px}.mobile-form .form-panel h2{font-size:21px}.mobile-form .photo-slot{min-height:85px}.mobile-form .back{margin-bottom:12px}.mobile-form .result-layout{grid-template-columns:1fr}.mobile-form canvas,.mobile-form img{max-width:100%}.mobile-form .focus-picker{margin:8px 0}.mobile-form textarea{min-height:90px}.chat-shell{margin-top:0}.chat-heading{gap:10px}.chat-heading h1{font-size:22px}input,textarea,select{font-size:16px}
}
@media(max-width:350px){.mobile-reader>span{padding:6px 9px}.mobile-reader strong{font-size:17px}.mobile-service{gap:5px;padding-right:6px;min-height:66px}.mobile-service img{width:42px;height:66px}.mobile-service>span{font-size:11px}.mobile-step h1{font-size:23px}.brand small{display:none}.mobile-launch-note{margin-top:9px}.mobile-chat-choice{padding:10px}.mobile-chat-choice small{font-size:9px}}
@media(max-width:700px) and (max-height:760px){
 body.mobile-entry,body.mobile-menu{padding-top:calc(64px + env(safe-area-inset-top,0px))!important}
 .mobile-entry .platform-install,.mobile-menu .platform-install{min-height:64px;flex-direction:row;padding-top:calc(10px + env(safe-area-inset-top,0px));padding-bottom:10px}
 .mobile-entry .platform-install>div,.mobile-menu .platform-install>div{display:none}
 .mobile-entry main#app,.mobile-menu main#app{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
 .mobile-reader>span{padding:6px 9px}.mobile-reader small,.mobile-reader b{line-height:1.3}.mobile-reader b{margin-top:2px}
 .mobile-options>#mobile-return{margin-top:4px;min-height:34px}
}
@media(max-width:700px) and (max-height:650px){
 body.mobile-entry,body.mobile-menu{padding-top:calc(56px + env(safe-area-inset-top,0px))!important}
 .mobile-entry .platform-install,.mobile-menu .platform-install{min-height:56px;padding-top:calc(7px + env(safe-area-inset-top,0px));padding-bottom:7px}
 .mobile-entry .topbar,.mobile-menu .topbar{height:56px}
 .mobile-step{margin-bottom:8px}.mobile-step h1{font-size:22px}.mobile-step p{font-size:11px}
 .mobile-current{padding:6px 10px;margin-bottom:8px}.mobile-current img{width:34px;height:36px}.mobile-current strong{font-size:18px}
 .mobile-chat-choice{padding:9px 11px;min-height:58px;margin-bottom:10px}.mobile-chat-choice strong{font-size:15px}
 .mobile-service-grid{gap:8px}.mobile-service{min-height:56px}.mobile-service img{height:56px;width:42px}
 .mobile-options>.mobile-launch-note,.mobile-options>#mobile-return{display:none}
 .mobile-launch-note{margin-top:8px}
}

@media(max-width:700px){
 #scroll-welcome{display:flex;flex-direction:column;min-height:calc(100svh - 242px);padding-bottom:20px}
 #scroll-welcome .mobile-launch-note{margin-top:12px}
 .scroll-menu-hint{margin-top:auto;padding:18px 8px 6px;color:#e2ad82;font-size:12px;min-height:44px}
 #scroll-menu{border-top:1px solid #42605e;padding-top:24px;margin-top:16px;min-height:calc(100svh - 190px)}
 #scroll-welcome,#scroll-menu{scroll-margin-top:calc(120px + env(safe-area-inset-top,0px))}
}
@media(max-width:700px) and (max-height:760px){
 #scroll-welcome{min-height:calc(100svh - 200px)}
 #scroll-welcome,#scroll-menu{scroll-margin-top:calc(78px + env(safe-area-inset-top,0px))}
}
@media(max-width:700px) and (max-height:650px){
 #scroll-welcome{min-height:calc(100svh - 188px)}
 #scroll-welcome,#scroll-menu{scroll-margin-top:calc(70px + env(safe-area-inset-top,0px))}
}

/* Preview refinement: no step numbers; larger menu cards fill the lower area. */
@media(max-width:700px){
 .mobile-step{padding-right:0}
 #scroll-menu .mobile-service-grid{gap:12px}
 #scroll-menu .mobile-service{min-height:clamp(88px,15svh,110px)}
 #scroll-menu .mobile-service img{height:clamp(88px,15svh,110px)}
 #scroll-menu .mobile-chat-choice{min-height:84px}
 #scroll-menu .mobile-launch-note{margin-top:16px}
 #scroll-menu>#mobile-return{margin-top:14px}
}
@media(max-width:700px) and (max-height:650px){
 #scroll-menu .mobile-service-grid{gap:10px}
 #scroll-menu .mobile-service{min-height:68px}
 #scroll-menu .mobile-service img{height:68px}
 #scroll-menu .mobile-chat-choice{min-height:66px}
}

@media(max-width:700px){
 .efsun-owner-hero{position:relative;isolation:isolate;flex:none;height:clamp(116px,18svh,152px);border:1px solid #a67b56;border-radius:18px;overflow:hidden;margin:0 0 12px;background:#171321;box-shadow:0 7px 22px #0004}
 .efsun-owner-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center}
 .efsun-owner-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c111be8 0%,#12111dba 30%,transparent 67%);z-index:0}
 .efsun-owner-hero>div{position:relative;z-index:1;padding:16px 14px;width:62%;height:100%;display:flex;justify-content:center;flex-direction:column}
 .efsun-owner-hero p{font-size:8px;letter-spacing:1.7px;color:#edbf88;font-weight:800;margin:0 0 6px}
 .efsun-owner-hero h2{font:19px/1.2 Georgia,serif;color:#f5dcba;margin:0;text-shadow:0 2px 8px #0009}
 .efsun-owner-hero em{font-style:normal;color:#efbd84}
 #scroll-welcome .mobile-step{margin-bottom:9px}
 #scroll-welcome .mobile-step h1{font-size:22px}
 #scroll-welcome .mobile-reader>img{height:clamp(60px,calc((100svh - 660px)/2),100px);object-position:center 23%}
 #scroll-welcome .mobile-reader>span{padding:6px 9px;gap:1px}
 #scroll-welcome .mobile-reader strong{font-size:18px;line-height:1.2}
 #scroll-welcome .mobile-reader small{font-size:10px;line-height:1.3}
 #scroll-welcome .mobile-reader b{display:none}
 #scroll-welcome .mobile-launch-note{margin-top:9px}
 #scroll-welcome .scroll-menu-hint{padding-top:9px;min-height:36px}
}
@media(max-width:700px) and (max-height:650px){
 .efsun-owner-hero{height:106px;margin-bottom:9px}
 .efsun-owner-hero>div{padding:10px 12px}
 .efsun-owner-hero h2{font-size:17px}
 #scroll-welcome .mobile-reader>img{height:50px}
 #scroll-welcome .mobile-reader>span{padding:5px 8px}
 #scroll-welcome .mobile-reader strong{font-size:16px}
 #scroll-welcome .mobile-launch-note{display:none}
}

/* Floating cards and deliberate exit transitions, only in the preview. */
@media(max-width:700px){
 .mobile-readers,.mobile-service-grid{perspective:900px;isolation:isolate}
 .mobile-reader,.mobile-service,.mobile-chat-choice{position:relative;animation:efsun-card-float 4.6s ease-in-out infinite;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;transform-origin:center;will-change:transform;backface-visibility:hidden}
 .mobile-reader:nth-child(2n),.mobile-service:nth-child(2n){animation-delay:-1.6s}
 .mobile-reader:nth-child(3n),.mobile-service:nth-child(3n){animation-delay:-3s}
 .mobile-chat-choice{animation-duration:5.5s}
 #scroll-welcome .mobile-reader>img{height:clamp(104px,14svh,132px);object-fit:cover;object-position:center top}
 #scroll-welcome .mobile-reader>span{padding:11px 10px 8px;position:relative;z-index:2;background:linear-gradient(#1a3035,#14272c)}
 .mobile-reader:focus-visible,.mobile-reader:active,.mobile-service:focus-visible,.mobile-service:active,.mobile-chat-choice:focus-visible,.mobile-chat-choice:active{z-index:5;transform:translateY(-5px) scale(1.045);box-shadow:0 14px 30px #0008,0 0 0 1px #eac090}
 .mobile-reader[hidden]{display:none!important}
 .mobile-readers.has-picked{grid-template-columns:1fr;max-width:210px;width:100%;margin:0 auto}
 .restore-reader-cards{margin:12px auto 0;border:1px solid #9c795a;border-radius:12px;padding:10px 16px;color:#edbf94;min-height:44px;display:block;font-size:12px}
 .restore-reader-cards[hidden]{display:none}
 .mobile-reader.card-flight-away,.mobile-service.card-flight-away,.mobile-chat-choice.card-flight-away{animation:efsun-card-away .62s cubic-bezier(.3,.05,.75,.25) forwards;pointer-events:none;z-index:1}
 .mobile-reader.card-flight-picked,.mobile-service.card-flight-picked,.mobile-chat-choice.card-flight-picked{animation:efsun-card-picked .6s ease forwards;z-index:6;box-shadow:0 12px 32px #0008,0 0 22px #e2ad8260;border-color:#f5cf99}
}
@media(max-width:700px) and (hover:hover){
 .mobile-reader:hover,.mobile-service:hover,.mobile-chat-choice:hover{z-index:5;transform:perspective(900px) translateY(-7px) rotateX(3deg) scale(1.065);box-shadow:0 18px 35px #0009,0 0 20px #e2ad8245;border-color:#f3c793}
}
@keyframes efsun-card-float{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes efsun-card-away{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--fly-x),var(--fly-y)) rotate(var(--fly-angle)) scale(.25)}}
@keyframes efsun-card-picked{0%{transform:scale(1)}55%{transform:translateY(-7px) scale(1.07)}100%{transform:translateY(-3px) scale(1.025)}}
@media(max-width:700px) and (max-height:650px){
 #scroll-welcome .mobile-reader>img{height:96px}
 #scroll-welcome .mobile-reader>span{padding:9px 8px 7px}
}
@media(prefers-reduced-motion:reduce){
 .mobile-reader,.mobile-service,.mobile-chat-choice,.mobile-reader.card-flight-away,.mobile-service.card-flight-away,.mobile-chat-choice.card-flight-away,.mobile-reader.card-flight-picked,.mobile-service.card-flight-picked,.mobile-chat-choice.card-flight-picked{animation:none!important;transition:none!important;translate:none;transform:none}
}

/* Reading cards: immersive artwork with legible caption over a quiet gradient. */
@media(max-width:700px){
 #scroll-menu .mobile-service-grid{gap:12px}
 #scroll-menu .mobile-service{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:126px;height:clamp(126px,17svh,146px);padding:13px 11px;border-radius:17px;overflow:hidden;background:#102126;text-align:left;gap:5px;box-shadow:0 5px 14px #0004}
 #scroll-menu .mobile-service>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%;z-index:0;transition:scale .35s ease;pointer-events:none}
 #scroll-menu .mobile-service:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#061115f5 0%,#09151cd9 22%,#0a17254d 58%,transparent 90%);z-index:1;pointer-events:none}
 #scroll-menu .mobile-service>span{position:relative;z-index:2;display:grid;gap:4px;min-width:0;flex:1;line-height:1.3}
 #scroll-menu .mobile-service small{font:700 7px/1.3 system-ui;letter-spacing:.8px;color:#efc491;white-space:normal}
 #scroll-menu .mobile-service strong{font:600 16px/1.15 Georgia,serif;color:#fff2df;text-shadow:0 2px 6px #0008}
 #scroll-menu .mobile-service>b{position:relative;z-index:2;display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;border:1px solid #e8bf8166;border-radius:50%;background:#132328b3;color:#f1c896;font:15px/1 system-ui}
 #scroll-menu .mobile-service[data-mobile-kind="palm"]>img{object-position:center 40%}
 #scroll-menu .mobile-service[data-mobile-kind="coffee"]>img{object-position:center 57%}
}
@media(max-width:350px){
 #scroll-menu .mobile-service{padding:11px 9px}
 #scroll-menu .mobile-service strong{font-size:14px}
 #scroll-menu .mobile-service small{font-size:6.5px;letter-spacing:.5px}
 #scroll-menu .mobile-service>b{width:20px;height:20px;flex-basis:20px}
}
@media(max-width:700px) and (max-height:650px){
 #scroll-menu .mobile-service{height:112px;min-height:112px}
}
@media(max-width:700px) and (hover:hover){#scroll-menu .mobile-service:hover>img{scale:1.07}}
@media(prefers-reduced-motion:reduce){#scroll-menu .mobile-service>img{transition:none}}

/* Reading pages: staggered arrival, floating photo tiles and lifted controls. */
@keyframes efsun-form-arrive{from{opacity:0;transform:perspective(900px) translateY(28px) rotateX(5deg) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){
 .mobile-form #app>h1,.mobile-form #app>.mobile-current,.mobile-form .form-panel,.mobile-form .deck-layout>section,.mobile-form .reading-section{animation:efsun-form-arrive .65s cubic-bezier(.2,.7,.2,1) backwards}
 .mobile-form #app>.mobile-current{animation-delay:.08s}
 .mobile-form .form-panel{animation-delay:.16s}
 .mobile-form .reading-section:nth-child(2n){animation-delay:.12s}
 .mobile-form .reading-section:nth-child(3n){animation-delay:.22s}
 .mobile-form .photo-grid{perspective:800px}
 .mobile-form .photo-slot{animation:efsun-card-float 4.5s ease-in-out infinite;position:relative;transform-origin:center}
 .mobile-form .photo-slot:nth-child(2){animation-delay:-1.5s}
 .mobile-form .photo-slot:nth-child(3){animation-delay:-3s}
 .mobile-form .photo-slot,.mobile-form .focus-picker button,.mobile-form .jewels button,.mobile-form .primary,.mobile-form .secondary,.mobile-form .mobile-current,.mobile-form .mobile-change-reader{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
 .mobile-form .photo-slot:focus-visible,.mobile-form .focus-picker button:focus-visible,.mobile-form .jewels button:focus-visible,.mobile-form .primary:focus-visible,.mobile-form .secondary:focus-visible{transform:translateY(-4px) scale(1.025);box-shadow:0 12px 24px #0008,0 0 14px #e2ad8245}
}
@media(max-width:700px) and (hover:hover) and (prefers-reduced-motion:no-preference){
 .mobile-form .photo-slot:hover{z-index:3;transform:perspective(700px) translateY(-7px) rotateX(5deg) scale(1.055);box-shadow:0 14px 24px #0008,0 0 15px #e2ad8250;border-color:#eac291}
 .mobile-form .focus-picker button:hover,.mobile-form .jewels button:hover,.mobile-form .primary:hover,.mobile-form .secondary:hover,.mobile-form .mobile-change-reader:hover{transform:translateY(-4px) scale(1.025);box-shadow:0 12px 22px #0007}
 .mobile-form .mobile-current:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0006;border-color:#bb936a}
}

@media(max-width:700px){
 .chat-design{padding:16px;border-radius:22px;background:linear-gradient(150deg,#20373b,#14252b 65%);border:1px solid #816776}
 .chat-design .chat-heading{align-items:center;padding-bottom:14px;border-bottom:1px solid #64727666}
 .chat-design .chat-heading img{width:76px;height:88px;border-radius:18px;object-fit:cover;object-position:center top;border:1px solid #b59065;box-shadow:0 8px 20px #0005}
 .chat-design .chat-heading h1{font:24px/1.2 Georgia,serif;margin:5px 0 7px;color:#f4c99e}
 .chat-design .chat-heading small{font-size:11px;color:#bccaca}
 .chat-demo-notice{font-size:10px;line-height:1.5;color:#e4bc91;background:#342b35;border-radius:10px;padding:9px 10px}
 .chat-design .chat-messages{min-height:140px;max-height:260px;padding:5px 0 12px}
 .chat-design .chat-bubble{border-radius:16px;padding:12px;margin-bottom:10px;font-size:13px;line-height:1.6}
 .chat-design .chat-reply{background:#263c43;border:1px solid #5f6a73;margin-right:20px}
 .chat-design .chat-user{background:#44344b;border:1px solid #806487;margin-left:20px}
 .chat-design textarea{min-height:85px;background:#102026;border-radius:14px}
 .chat-design #chat-fortune{margin-top:12px}
}
@media(prefers-reduced-motion:no-preference){.chat-design .chat-bubble{animation:efsun-form-arrive .4s ease backwards}.chat-design .chat-heading img{animation:efsun-card-float 5s ease-in-out infinite}}

/* One viewport conversation. Only the message log scrolls. */
@media(max-width:700px){
 body.chat-single-screen{padding:0!important;height:100dvh;overflow:hidden;overscroll-behavior:none}
 .chat-single-screen>.topbar,.chat-single-screen>.test-strip,.chat-single-screen>.bottom-nav,.chat-single-screen .install-banner,.chat-single-screen [aria-label="Falcı Efsun uygulamasını indir"]{display:none!important}
 body.chat-single-screen #app{position:fixed;inset:0 0 auto;height:var(--chat-viewport-height,100dvh);padding:0!important;margin:0;min-height:0;max-width:none;overflow:hidden}
 .chat-single-screen .chat-design{display:flex;flex-direction:column;width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:0;padding:0!important;overflow:hidden;background:#0d2025}
 .chat-single-screen .chat-heading{flex:none;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 13px 12px;background:#203a3e;border-bottom:1px solid #526968;min-height:78px}
 .chat-single-screen .chat-back{font:34px/1 Georgia;color:#efc499;padding:0;width:24px;min-height:44px;flex:none;border:0;background:none}
 .chat-single-screen .chat-heading img{width:48px;height:52px;border-radius:50%;animation:none;box-shadow:0 3px 10px #0005}
 .chat-single-screen .chat-heading h1{font:23px/1.2 Georgia;margin:0 0 4px}
 .chat-single-screen .chat-heading small{font-size:10px}
 .chat-single-screen .chat-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 14px;background:#192f34;flex:none}
 .chat-single-screen .chat-option{margin:0!important;align-items:center;font-size:12px!important;gap:7px}
 .chat-single-screen .chat-fal-link{border:1px solid #a68563;border-radius:20px;color:#edc59f;font-size:11px;padding:7px 12px;min-height:34px;background:#263c3e}
 .chat-single-screen .chat-demo-notice{flex:none;margin:0;border-radius:0;padding:5px 14px;text-align:center;font-size:9px;background:#282c34;color:#b8c7ca}
 .chat-single-screen .chat-memory-hint{flex:none;font-size:9px;margin:0;padding:5px 14px;color:#a2b7b8;text-align:center}
 .chat-single-screen .chat-messages{flex:1;min-height:0;max-height:none;margin:0;padding:16px 13px;overflow-y:auto;overflow-x:hidden;gap:10px;overscroll-behavior:contain;scroll-behavior:auto;background:radial-gradient(ellipse at top left,#30403b33,transparent 60%),#0d2025;touch-action:pan-y}
 .chat-single-screen .chat-bubble{flex:none;max-width:87%;margin:0;padding:10px 12px;box-shadow:0 3px 8px #0003;border:0}
 .chat-single-screen .chat-reply{border-radius:3px 16px 16px 16px;background:#243b42}
 .chat-single-screen .chat-user{border-radius:16px 3px 16px 16px;background:#4c3b4b}
 .chat-single-screen .chat-bubble p{font:14px/1.6 system-ui;margin:3px 0 0}
 .chat-single-screen .chat-bubble small{font-size:10px}
 .chat-single-screen #chat-form{flex:none;display:flex;align-items:flex-end;gap:9px;margin:0;padding:10px 11px calc(10px + env(safe-area-inset-bottom));background:#1b3237;border-top:1px solid #3b5558}
 .chat-single-screen .chat-input-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .chat-single-screen #chat-text{flex:1;width:0;height:48px;min-height:48px;max-height:100px;resize:none;margin:0;border-radius:24px;padding:12px 15px;font:16px/22px system-ui;border:1px solid #4c666a;background:#10272d}
 .chat-single-screen #chat-form button{width:46px;height:46px;min-height:46px;flex:none;border-radius:50%;padding:0;font-size:20px;box-shadow:0 4px 12px #0004}
}

/* Quiet geometric fortune motifs behind opaque message bubbles. */
@media(max-width:700px){
 .chat-single-screen .chat-messages{background-color:#0d2025;background-image:url('/chat-pattern.svg');background-size:280px 300px;background-repeat:repeat}
 .chat-single-screen .chat-reply{background:#243b42}
 .chat-single-screen .chat-user{background:#4c3b4b}
}

/* Fit the second section above the fixed bottom navigation. */
@media(max-width:700px){
 #scroll-menu{display:flex;flex-direction:column;gap:8px;height:calc(100svh - 190px);min-height:0;padding-top:12px;padding-bottom:8px;box-sizing:border-box}
 #scroll-menu .mobile-step-menu{flex:none;margin:0}
 #scroll-menu .mobile-step-menu h1{font-size:23px;margin:0}
 #scroll-menu .mobile-current{flex:none;padding:7px 10px;margin:0;min-height:54px}
 #scroll-menu .mobile-current img{width:38px;height:40px}
 #scroll-menu .mobile-chat-choice{flex:none;min-height:60px;padding:9px 12px;margin:0}
 #scroll-menu .mobile-service-grid{flex:1;min-height:0;gap:9px;grid-template-rows:repeat(3,minmax(0,1fr))}
 #scroll-menu .mobile-service{height:100%;min-height:0;padding:9px 10px}
 #scroll-menu .mobile-service>img{height:100%}
 #scroll-menu .mobile-service strong{font-size:15px}
 #scroll-menu .mobile-launch-note{flex:none;margin:0;font-size:9px;line-height:1.4}
 #scroll-menu>#mobile-return{flex:none;margin:0;padding:4px 0;min-height:28px;font-size:11px;text-align:left}
}
@media(max-width:700px) and (max-height:760px){#scroll-menu{height:calc(100svh - 148px)}}

@media(max-width:700px){
 .chat-single-screen #chat-quota{flex:none;padding:5px 14px;color:#d9c09d;text-align:center;font-size:10px;background:#192d32}
 .chat-single-screen #chat-error{flex:none;margin:0;padding:0 12px;min-height:0;font-size:11px}
 .chat-single-screen #chat-error:not(:empty){padding:6px 12px}
 .chat-single-screen .chat-service-note{flex:none;font-size:9px;line-height:1.4;margin:0;padding:4px 12px;color:#a8bcbf;text-align:center}
}