:root{color-scheme:dark;--bg:#05091b;--panel:rgba(4,12,34,.91);--text:#f3f5ff;--muted:#9aaed3;--line:#233b83;--blue:#238bff;--purple:#9b31ff;--glow:#6b45ff}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--text);font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;background:radial-gradient(ellipse at 50% 25%,#11164a 0,transparent 42%),linear-gradient(180deg,#040819 0%,#050b22 56%,#020615 100%)}button,input,textarea{font:inherit}.sky-glow{position:fixed;z-index:0;pointer-events:none;border-radius:50%;filter:blur(80px);opacity:.24}.glow-one{width:320px;height:320px;top:4%;left:-100px;background:#154cff}.glow-two{width:300px;height:360px;right:-100px;top:34%;background:#7a18ff;opacity:.17}.stars{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.55;background-image:radial-gradient(1px 1px at 14% 20%,#a6b7ff 55%,transparent 100%),radial-gradient(1px 1px at 82% 14%,#b79dff 55%,transparent 100%),radial-gradient(2px 2px at 70% 37%,#476dff 55%,transparent 100%),radial-gradient(1px 1px at 28% 46%,#7f6dff 55%,transparent 100%),radial-gradient(1px 1px at 92% 60%,#7aaaff 55%,transparent 100%),radial-gradient(1px 1px at 8% 75%,#7f6dff 55%,transparent 100%);background-size:320px 360px,410px 390px,500px 440px,390px 480px,460px 390px,400px 500px;animation:starDrift 36s linear infinite}.landscape{position:fixed;z-index:0;pointer-events:none;bottom:0;left:0;right:0;height:39vh;min-height:260px;opacity:.96;overflow:hidden;background:linear-gradient(180deg,transparent 0%,#080d3480 24%,#020615 100%)}.landscape:before,.landscape:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(180deg,#080e30 0%,#070b25 70%,#020615 100%);clip-path:polygon(0 17%,4% 22%,7% 11%,10% 29%,14% 20%,18% 38%,22% 22%,27% 42%,31% 32%,36% 48%,42% 34%,47% 50%,53% 39%,58% 51%,64% 31%,70% 44%,75% 22%,81% 40%,87% 19%,93% 33%,100% 15%,100% 100%,0 100%);opacity:.92}.landscape:after{height:72%;background:linear-gradient(180deg,#080c2b 0%,#03071a 78%);opacity:.98;clip-path:polygon(0 10%,5% 19%,10% 8%,16% 30%,21% 18%,28% 40%,34% 27%,40% 44%,47% 29%,53% 46%,61% 25%,68% 42%,74% 20%,82% 38%,89% 17%,95% 30%,100% 14%,100% 100%,0 100%)}.landscape{background-image:repeating-linear-gradient(177deg,transparent 0 13px,#172d7b18 14px 16px,transparent 17px 27px),radial-gradient(ellipse at 50% 80%,#3435ff45,transparent 45%),linear-gradient(180deg,transparent 0%,#05091b 100%)}.moon-ring{position:absolute;width:min(74vw,540px);height:min(74vw,540px);max-height:65vh;left:50%;top:-42%;transform:translateX(-50%);border:1px solid #243cdb55;border-radius:50%;box-shadow:0 0 55px #3035ff18,inset 0 0 60px #2b2fff0d}.leaf{position:absolute;color:#653eff;text-shadow:0 0 18px #683bff;font-size:22px;animation:floatLeaf 9s ease-in-out infinite}.leaf-one{top:17%;left:16%}.leaf-two{top:35%;right:13%;animation-delay:-4s}.leaf-three{bottom:13%;left:24%;animation-delay:-6s}.page-shell{position:relative;z-index:1;width:min(100% - 40px,890px);margin:0 auto;padding:24px 0 26px}.hero{height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;text-align:center;margin-bottom:8px}.title-orbit{position:absolute;width:300px;height:300px;max-width:75vw;border:1px solid #393bff55;border-radius:50%;box-shadow:0 0 35px #392dff17,inset 0 0 40px #432fff0b;animation:orbitPulse 7s ease-in-out infinite}.title-orbit:before,.title-orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#765aff;box-shadow:0 0 14px #7e48ff}.title-orbit:before{top:15%;right:15%}.title-orbit:after{bottom:18%;left:12%;background:#398fff}.title-orbit span{position:absolute;bottom:-15px;left:calc(50% - 15px);font-size:30px;color:#8b4dff;text-shadow:0 0 18px #8b4dff}.hero h1{position:relative;margin:0;font-family:"Amiri","IBM Plex Sans Arabic",serif;font-size:clamp(74px,13vw,126px);line-height:1.3;font-weight:700;letter-spacing:0;background:linear-gradient(110deg,#2da6ff 10%,#a7bfff 35%,#8c3bff 72%,#d15dff 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 17px #583dff55);animation:titleGlow 5s ease-in-out infinite}.title-rule{display:flex;align-items:center;gap:14px;width:min(390px,78%);margin-top:13px;color:#7955ff;font-size:23px}.title-rule i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#398aff,#873fff)}.title-rule i:last-child{background:linear-gradient(90deg,#873fff,#398aff,transparent)}.message-card{border:1px solid #3931e7;border-radius:30px;padding:38px 42px;background:linear-gradient(145deg,rgba(3,11,33,.96),rgba(2,8,26,.95));box-shadow:0 0 0 1px #192b7140,0 25px 90px #0008,0 0 42px #4d2aff20;backdrop-filter:blur(18px)}.identity-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.input-shell,.message-shell{display:flex;position:relative;align-items:center;gap:14px;border:1px solid #233d8b;border-radius:19px;background:rgba(2,10,29,.68);transition:border-color .2s,box-shadow .2s}.input-shell{height:70px;padding:0 22px}.input-shell:focus-within,.message-shell:focus-within{border-color:#7757ff;box-shadow:0 0 0 3px #653aff18}.input-shell svg,.message-shell>svg,.attach-btn svg,.size-note svg,.submit-btn svg{width:25px;height:25px;flex:0 0 auto;fill:none;stroke:#795bff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.input-shell input,.message-shell textarea{width:100%;min-width:0;color:var(--text);background:transparent;border:0;outline:0;font-size:17px}.input-shell input::placeholder,.message-shell textarea::placeholder{color:#91a6d1;opacity:1}.message-shell{height:238px;align-items:flex-start;padding:23px 25px}.message-shell>svg{margin-top:3px}.message-shell textarea{height:100%;resize:vertical;line-height:1.9;padding:0 0 32px}.counter{position:absolute;bottom:13px;left:20px;color:#8fa7d8;font:15px system-ui,sans-serif;direction:ltr}.counter b{font-weight:400}.attachment-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.attach-btn{height:74px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #243c89;border-radius:18px;background:rgba(3,10,30,.45);color:#a9b9df;font-size:15px;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}.attach-btn:hover{transform:translateY(-2px);border-color:#7354ff;background:#12133788}.attach-btn svg{width:27px;height:27px}.file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.file-input:focus-visible+*{outline:2px solid #8c63ff}.selected-files{color:#9fb0d7;font-size:12px;line-height:1.8;margin-top:9px;overflow-wrap:anywhere}.selected-files:empty{display:none}.size-note{display:flex;align-items:center;gap:13px;margin:25px 0 0;color:#a6b8dd;font-size:15px}.size-note svg{width:26px;height:26px;stroke:#7562ff}.submit-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:23px;width:100%;min-height:82px;margin-top:29px;border:1px solid #8a67ff;border-radius:40px;background:linear-gradient(105deg,#218aff 0%,#4d48ff 46%,#b32bff 100%);box-shadow:0 0 26px #523aff44,inset 0 1px #ffffff45;color:#fff;font-size:20px;font-weight:700;cursor:pointer;transition:transform .2s,filter .2s,box-shadow .2s;overflow:hidden}.submit-btn:before{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(100deg,transparent 20%,#ffffff20 50%,transparent 80%);animation:buttonShine 7s ease-in-out infinite}.submit-btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 0 36px #623eff65}.submit-btn:active{transform:scale(.99)}.submit-btn:disabled{opacity:.7;cursor:wait;transform:none}.submit-btn svg{stroke:#fff;width:27px;height:27px}.submit-btn b{font:400 32px Arial,sans-serif;line-height:1}.page-footer{display:flex;align-items:center;justify-content:center;gap:17px;margin:48px 0 5px;color:#d0d8f5;font:14px system-ui,sans-serif}.page-footer i{width:min(15vw,90px);height:1px;background:linear-gradient(90deg,transparent,#566aff)}.page-footer i:last-child{background:linear-gradient(90deg,#566aff,transparent)}.page-footer b{font-weight:500;color:#a78bff}.form-status[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes starDrift{to{background-position:320px 360px,-410px 390px,500px -440px,-390px 480px,460px -390px,-400px 500px}}@keyframes floatLeaf{0%,100%{transform:translate3d(0,0,0) rotate(-12deg)}50%{transform:translate3d(14px,-20px,0) rotate(12deg)}}@keyframes orbitPulse{0%,100%{transform:scale(.98);opacity:.8}50%{transform:scale(1.025);opacity:1}}@keyframes titleGlow{0%,100%{filter:drop-shadow(0 0 14px #583dff45)}50%{filter:drop-shadow(0 0 24px #704bff75)}}@keyframes buttonShine{0%,72%,100%{transform:translateX(-120%)}88%{transform:translateX(120%)}}
@media(max-width:640px){.page-shell{width:calc(100% - 28px);padding-top:10px}.hero{height:270px;margin-bottom:0}.title-orbit{width:230px;height:230px}.hero h1{font-size:clamp(72px,19vw,104px)}.message-card{padding:22px 17px 24px;border-radius:24px}.identity-row{grid-template-columns:1fr;gap:12px;margin-bottom:15px}.input-shell{height:62px;padding:0 17px;border-radius:16px}.input-shell input,.message-shell textarea{font-size:15px}.message-shell{height:205px;padding:18px 17px;border-radius:16px}.attachment-row{gap:8px;margin-top:17px}.attach-btn{height:69px;flex-direction:column;gap:6px;border-radius:14px;font-size:12px}.attach-btn svg{width:23px;height:23px}.size-note{font-size:13px;margin-top:20px;gap:9px}.submit-btn{min-height:69px;margin-top:23px;font-size:17px;gap:15px}.page-footer{margin-top:34px;font-size:12px}.landscape{height:31vh;min-height:210px}.selected-files{font-size:11px}}
@media(max-width:370px){.message-card{padding:18px 12px}.attach-btn{font-size:11px}.attach-btn svg{width:21px;height:21px}.hero{height:230px}.title-orbit{width:205px;height:205px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* Lightweight modern voice recorder control */
.record-btn{font-family:inherit;appearance:none;width:100%;}
.record-btn.is-recording{border-color:#ff557d;color:#ffdce5;background:rgba(105,19,54,.32);box-shadow:0 0 0 3px rgba(255,65,113,.09);animation:recordPulse 1.5s ease-in-out infinite}
.record-btn.is-recording svg{stroke:#ff6488}
.record-status{grid-column:1/-1;margin-top:10px;padding:10px 13px;border:1px solid #293d7b;border-radius:12px;background:rgba(9,18,48,.72);color:#b9c9f0;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.record-status[hidden]{display:none!important}
@keyframes recordPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,65,113,.06)}50%{box-shadow:0 0 0 5px rgba(255,65,113,.13)}}
@media(prefers-reduced-motion:reduce){.record-btn.is-recording{animation:none}}

/* Voice preview and small-screen polish */
.voice-preview{grid-column:1/-1;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px;padding:12px;border:1px solid #3b398d;border-radius:16px;background:linear-gradient(135deg,rgba(18,26,65,.86),rgba(20,10,48,.82));animation:previewIn .22s ease-out both}
.voice-preview[hidden]{display:none!important}.voice-preview audio{display:block;flex:1 1 220px;width:min(100%,420px);height:42px;min-width:0;accent-color:#8d5bff}.voice-cancel{border:1px solid #5b376d;border-radius:12px;padding:10px 14px;background:#29152f;color:#f0c9ff;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.voice-cancel:hover{background:#3a1a43;border-color:#a34fce;transform:translateY(-1px)}
@keyframes previewIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){.page-shell{width:calc(100% - 24px);padding:8px 0 18px}.hero{height:clamp(205px,58vw,270px)}.message-card{padding:clamp(16px,4.5vw,22px) clamp(12px,4vw,17px) 22px}.attachment-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.attach-btn{min-width:0;padding:6px 3px;white-space:normal;text-align:center;overflow-wrap:anywhere}.voice-preview{padding:10px;gap:8px}.voice-preview audio{flex-basis:100%;width:100%}.voice-cancel{width:100%;min-height:42px}.submit-btn{min-height:64px;touch-action:manipulation}.attach-btn,.submit-btn,.voice-cancel{touch-action:manipulation;-webkit-tap-highlight-color:transparent}}
@media(max-width:360px){.attachment-row{gap:5px}.attach-btn{font-size:10px}.attach-btn svg{width:20px;height:20px}.message-card{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.voice-preview{animation:none}}

/* Berserk Eclipse full-screen video theme */
:root{--bg:#080507;--panel:rgba(10,6,9,.84);--text:#f5eeee;--muted:#c4aeb1;--line:#67202b;--blue:#d5263d;--purple:#9d182a;--glow:#d51c36}
html,body{background:#080507}
body.eclipse-theme{background:#080507;color:var(--text)}
.eclipse-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#080507}
.eclipse-background video{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;filter:brightness(.62) saturate(.88);}
.eclipse-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,3,6,.44),rgba(8,3,6,.62) 55%,rgba(4,2,3,.84)),radial-gradient(ellipse at 50% 40%,transparent 0%,rgba(5,2,4,.3) 70%)}
.sky-glow,.stars,.landscape{display:none!important}
.page-shell{z-index:1}
.hero h1{background:linear-gradient(110deg,#fff0f0 0%,#d9b8bc 38%,#f33b50 75%,#7c0d1d 100%);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 20px #c3193266)}
.title-orbit{border-color:#9b1e3055;box-shadow:0 0 42px #c21b2b22,inset 0 0 45px #b51b260d}
.title-orbit:before,.title-orbit:after{background:#e02a40;box-shadow:0 0 16px #ef253f}.title-orbit:after{background:#b6a3a5}
.title-orbit span,.title-rule{color:#e54a58;text-shadow:0 0 18px #c51d34}
.title-rule i{background:linear-gradient(90deg,transparent,#9b1d2d,#e34b58)}.title-rule i:last-child{background:linear-gradient(90deg,#e34b58,#9b1d2d,transparent)}
.message-card{border-color:#6b202b;background:linear-gradient(145deg,rgba(13,7,10,.9),rgba(8,4,7,.88));box-shadow:0 0 0 1px #50121c66,0 25px 90px #000b,0 0 42px #8d13201c;backdrop-filter:blur(18px)}
.input-shell,.message-shell{border-color:#54202a;background:rgba(9,4,7,.72)}
.input-shell:focus-within,.message-shell:focus-within{border-color:#df3a4d;box-shadow:0 0 0 3px #d52a3d20}
.input-shell svg,.message-shell>svg,.attach-btn svg,.size-note svg{stroke:#d84a58}
.input-shell input::placeholder,.message-shell textarea::placeholder{color:#c7a9ad}
.attach-btn{border-color:#55202a;background:rgba(12,5,8,.66);color:#e0c9cc}
.attach-btn:hover{border-color:#d33b4e;background:#3b101a88}
.submit-btn{border-color:#e24a5b;background:linear-gradient(105deg,#6d0c1b 0%,#b7192e 48%,#e04450 100%);box-shadow:0 0 26px #9f142b44,inset 0 1px #ffffff35}
.submit-btn:hover{box-shadow:0 0 36px #c51c3565}
.page-footer{color:#e0c7ca}.page-footer i{background:linear-gradient(90deg,transparent,#a72b3c)}.page-footer i:last-child{background:linear-gradient(90deg,#a72b3c,transparent)}.page-footer b{color:#ff8790}
.record-btn.is-recording{border-color:#ff536b;color:#ffe0e4;background:rgba(88,9,24,.48)}
.record-status{border-color:#60212d;background:rgba(25,7,12,.82);color:#e5c9cd}
.voice-preview{border-color:#652330;background:linear-gradient(135deg,rgba(35,9,15,.92),rgba(18,5,9,.9))}.voice-preview audio{accent-color:#d93c50}.voice-cancel{border-color:#78303c;background:#351018;color:#ffe0e3}.voice-cancel:hover{background:#4b1420;border-color:#c84a5b}
.sound-toggle{position:fixed;z-index:5;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;min-height:48px;padding:0 17px;border:1px solid #a33140;border-radius:999px;background:rgba(12,5,8,.88);backdrop-filter:blur(12px);color:#fff0f1;font:600 14px system-ui,sans-serif;box-shadow:0 8px 30px #0008;cursor:pointer;touch-action:manipulation}
.sound-toggle:hover,.sound-toggle.is-playing{border-color:#f05b69;background:rgba(91,10,23,.92);box-shadow:0 0 24px #c51e343b}
.sound-toggle:focus-visible{outline:2px solid #ff9aa4;outline-offset:3px}
@media(max-width:640px){.eclipse-background video{object-position:center}.message-card{background:rgba(8,4,7,.88)}.sound-toggle{left:12px;bottom:max(12px,env(safe-area-inset-bottom));min-height:44px;padding:0 14px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.eclipse-background video{display:none}.eclipse-background{background:#100609 url('wallpaper-still.jpg') center/cover no-repeat}}

/* Reference-matched Berserk sigil layout */
:root{--bg:#080507;--panel:rgba(7,3,5,.91);--text:#f2dfe2;--muted:#c49ca2;--line:#76202d;--blue:#ed1b2f;--purple:#a20d20;--glow:#ff0018}
html,body{background:#080507}
.eclipse-background video{filter:brightness(.44) saturate(1.08) contrast(1.12);object-position:center center}
.eclipse-shade{background:linear-gradient(180deg,rgba(7,1,3,.24),rgba(7,1,3,.46) 38%,rgba(4,1,2,.84)),radial-gradient(ellipse at 50% 31%,transparent 0%,rgba(5,1,3,.35) 76%)}
.page-shell{width:min(calc(100% - 34px),700px);padding:12px 0 24px}
.hero{height:clamp(350px,48vh,470px);margin-bottom:20px;justify-content:flex-end;padding-bottom:12px}
.title-orbit{width:clamp(235px,34vw,340px);height:clamp(235px,34vw,340px);top:16px;border-color:#b81a2a66;box-shadow:0 0 40px #e20d251c,inset 0 0 45px #c20c1c0c}
.title-orbit:before,.title-orbit:after{background:#ff2139;box-shadow:0 0 16px #ff1836}
.title-orbit:after{background:#e4cfd2}
.title-orbit span{color:#ff4054;text-shadow:0 0 18px #f11d35}
.berserk-logo{position:absolute;top:clamp(32px,5vh,55px);left:50%;transform:translateX(-50%);height:clamp(195px,29vh,285px);width:auto;max-width:58vw;object-fit:contain;filter:drop-shadow(0 0 9px #f00022aa) drop-shadow(0 0 24px #f0002238);z-index:1}
.title-rule{width:min(100%,530px);margin:0 auto;color:#ff3b50;gap:14px}
.title-rule i{background:linear-gradient(90deg,transparent,#c41d31,#ff3348)}
.title-rule i:last-child{background:linear-gradient(90deg,#ff3348,#c41d31,transparent)}
.message-card{border:1px solid #8c2634;border-radius:28px;padding:30px 26px 24px;background:rgba(7,3,5,.88);box-shadow:0 0 0 1px #420d1766,0 20px 65px #000b,0 0 25px #b10d1b1c;backdrop-filter:blur(9px);position:relative}
.message-card:before{content:"";position:absolute;inset:8px;border:1px solid #55202a;border-radius:21px;pointer-events:none}
#contactForm{position:relative;z-index:1}
.optional-fields{display:grid;gap:15px;margin-bottom:22px}
.optional-item{min-width:0}
.optional-switch{height:76px;display:flex;align-items:center;gap:18px;padding:0 20px;border:1px solid #60202b;background:rgba(8,3,6,.76);color:#cfaeb2;position:relative;cursor:pointer;clip-path:polygon(0 12%,3% 12%,5% 0,95% 0,97% 12%,100% 12%,100% 88%,97% 88%,95% 100%,5% 100%,3% 88%,0 88%);transition:background .2s,border-color .2s;}
.optional-switch>span:nth-child(2){flex:1;font-size:clamp(14px,2.2vw,19px);text-align:right}
.optional-switch>svg{width:34px;height:34px;flex:0 0 auto;fill:none;stroke:#ff263d;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.switch-track{position:relative;display:inline-flex;align-items:center;width:60px;height:34px;flex:0 0 60px;border:1px solid #57202a;border-radius:30px;background:#090507;direction:ltr;transition:background .2s,border-color .2s}
.switch-track input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2}
.switch-knob{position:absolute;left:4px;top:4px;width:24px;height:24px;border-radius:50%;background:#a54b55;box-shadow:0 0 8px #a81b2c55;transition:transform .2s,background .2s}
.switch-track:has(input:checked){background:#6d0e1b;border-color:#ee263d}.switch-track:has(input:checked) .switch-knob{transform:translateX(26px);background:#ff3449;box-shadow:0 0 12px #f5233e88}
.optional-input{margin-top:9px}.optional-input[hidden]{display:none!important}.optional-input input{width:100%;height:58px;padding:0 18px;border:1px solid #692330;border-radius:14px;background:rgba(8,3,6,.9);color:#f8e9eb;outline:none;text-align:right}.optional-input input:focus{border-color:#f32b42;box-shadow:0 0 0 3px #f21d351b}.optional-input input::placeholder{color:#a78086}
.message-shell{height:clamp(245px,35vh,340px);display:flex;align-items:flex-start;gap:15px;padding:23px 24px;border:1px solid #60202b;border-radius:0;background:rgba(8,3,6,.77);clip-path:polygon(0 2%,2% 2%,3% 0,97% 0,98% 2%,100% 2%,100% 98%,98% 98%,97% 100%,3% 100%,2% 98%,0 98%)}
.message-shell>svg{width:34px;height:34px;stroke:#ff263d;flex:0 0 auto;margin-top:0}
.message-shell textarea{height:100%;padding:0;width:100%;color:#f4e4e6;font-size:clamp(15px,2.3vw,19px);line-height:1.9;resize:vertical;outline:0;background:transparent;border:0}
.message-shell textarea::placeholder{color:#b98f96}
.message-shell:focus-within{border-color:#e82b41;box-shadow:0 0 0 2px #e82b4118}
.attachment-row{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:13px;margin-top:23px;align-items:stretch}
.submit-btn,.attach-btn{min-width:0;height:104px;min-height:104px;margin:0;border:1px solid #a62536;border-radius:0;background:rgba(12,4,7,.82);color:#dcb9bf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;clip-path:polygon(0 10%,4% 10%,7% 0,93% 0,96% 10%,100% 10%,100% 90%,96% 90%,93% 100%,7% 100%,4% 90%,0 90%);font-size:clamp(12px,1.9vw,17px);font-weight:500;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.submit-btn{width:100%;font-weight:600;background:linear-gradient(135deg,rgba(104,7,20,.72),rgba(21,4,8,.94));box-shadow:inset 0 0 20px #c311251b}
.submit-btn:before{display:none}.submit-btn svg,.attach-btn svg{width:34px;height:34px;stroke:#ff273f;stroke-width:1.7;flex:0 0 auto}
.attach-btn:hover,.submit-btn:hover{transform:translateY(-1px);border-color:#ff354b;background:rgba(77,7,17,.76);box-shadow:inset 0 0 22px #ec18221c}
.submit-btn:disabled{opacity:.65}
.record-btn{font-family:inherit;appearance:none;width:100%;}
.record-status,.voice-preview{grid-column:1/-1}
.selected-files{color:#d0adb2;font-size:12px;text-align:center;margin-top:12px}
.page-footer{gap:18px;margin:22px 0 0;color:#ff293f;justify-content:center}
.page-footer i{width:min(28vw,220px);background:linear-gradient(90deg,transparent,#f51f38)}.page-footer i:last-child{background:linear-gradient(90deg,#f51f38,transparent)}
.page-footer img{width:24px;height:36px;object-fit:contain;filter:drop-shadow(0 0 5px #ed1029)}
.sound-toggle{display:none!important}
@media(max-width:640px){.page-shell{width:calc(100% - 32px);padding:7px 0 18px}.hero{height:clamp(335px,53vh,420px);margin-bottom:20px}.title-orbit{width:min(76vw,300px);height:min(76vw,300px);top:8px}.berserk-logo{top:clamp(25px,4vh,42px);height:clamp(195px,29vh,245px);max-width:62vw}.message-card{padding:24px 17px 20px;border-radius:25px}.message-card:before{inset:7px;border-radius:19px}.optional-fields{gap:13px;margin-bottom:19px}.optional-switch{height:72px;padding:0 15px;gap:13px}.optional-switch>svg{width:31px;height:31px}.switch-track{width:57px;height:32px;flex-basis:57px}.switch-knob{width:22px;height:22px}.switch-track:has(input:checked) .switch-knob{transform:translateX(25px)}.message-shell{height:clamp(250px,31vh,320px);padding:21px 18px}.message-shell>svg{width:31px;height:31px}.attachment-row{grid-template-columns:1.25fr 1fr 1fr;gap:8px;margin-top:20px}.submit-btn,.attach-btn{height:94px;min-height:94px;padding:5px 3px;gap:7px;font-size:clamp(11px,3vw,14px)}.submit-btn svg,.attach-btn svg{width:31px;height:31px}.voice-preview audio{flex-basis:100%;width:100%}.voice-cancel{width:100%;min-height:42px}.page-footer{margin-top:19px}}
@media(max-width:380px){.page-shell{width:calc(100% - 24px)}.message-card{padding:20px 12px 17px}.optional-switch{padding:0 10px;gap:9px}.optional-switch>span:nth-child(2){font-size:13px}.switch-track{transform:scale(.9);transform-origin:right center}.optional-switch>svg{width:27px;height:27px}.attachment-row{gap:5px}.submit-btn,.attach-btn{font-size:10px}.submit-btn svg,.attach-btn svg{width:27px;height:27px}}

/* Blurred Berserk character wallpaper; no eclipse animation/video background. */
.eclipse-background.berserk-blur-background{position:fixed;inset:-22px;z-index:0;overflow:hidden;pointer-events:none;background:#080507 url('wallpaper-still.jpg') center 36%/cover no-repeat;filter:blur(5px);transform:scale(1.035)}
.eclipse-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,3,6,.40),rgba(8,3,6,.55) 50%,rgba(4,2,3,.82)),rgba(5,1,3,.12)}
.anti-spam{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.upload-note{margin:12px 0 0;color:#c4a4aa;font-size:12px;line-height:1.8;text-align:center}
.form-status{display:block;margin:12px 0 0;padding:11px 14px;border:1px solid #6e2b37;background:rgba(25,5,10,.88);color:#ffe3e7;border-radius:10px;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.form-status[hidden]{display:none!important}
.document-btn{grid-column:auto}
@media(prefers-reduced-motion:reduce){.eclipse-background.berserk-blur-background{filter:blur(3px)}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
.attachment-row{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:640px){.attachment-row{grid-template-columns:repeat(2,minmax(0,1fr))}.submit-btn,.attach-btn{height:84px;min-height:84px}}

/* ===== Drag & drop overlay ===== */
.drop-overlay{position:fixed;inset:0;z-index:60;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(8,2,4,.8);backdrop-filter:blur(6px);pointer-events:none}
.drop-overlay.is-active{display:flex;animation:previewIn .18s ease-out both}
.drop-overlay-box{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(100%,520px);padding:46px 24px;border:2px dashed #ff354b;background:rgba(40,6,14,.6);box-shadow:0 0 60px #d51c3640,inset 0 0 40px #d51c3622;text-align:center;color:#ffe3e7}
.drop-overlay-box svg{width:64px;height:64px;fill:none;stroke:#ff273f;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.drop-overlay-box strong{font-size:22px;font-weight:600}
.drop-overlay-box span{font-size:14px;color:#d9aeb5}

/* ===== Attached files list (select to keep / delete) ===== */
.selected-files{text-align:right}
.file-summary{margin:0 0 10px;color:#d9b9be;font-size:13px;text-align:center}
.file-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.file-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid #60202b;background:rgba(8,3,6,.78);transition:opacity .2s,border-color .2s}
.file-item:hover{border-color:#a62536}
.file-item.is-off{opacity:.45}
.file-item.is-off .file-name{text-decoration:line-through}
.file-check{position:relative;display:inline-flex;flex:0 0 auto;cursor:pointer}
.file-check input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.check-box{position:relative;width:24px;height:24px;border:1px solid #a62536;background:#0a0407;transition:background .15s,border-color .15s}
.file-check input:checked+.check-box{background:#b7192e;border-color:#ff3449;box-shadow:0 0 10px #f5233e55}
.file-check input:checked+.check-box:after{content:"";position:absolute;left:7px;top:2px;width:6px;height:12px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.file-check input:focus-visible+.check-box{outline:2px solid #ff9aa4;outline-offset:2px}
.file-thumb{width:42px;height:42px;flex:0 0 42px;object-fit:cover;border:1px solid #60202b;background:#0a0407}
.file-icon{display:flex;align-items:center;justify-content:center}
.file-icon svg{width:24px;height:24px;fill:none;stroke:#ff273f;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.file-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:right}
.file-name{color:#f2dfe2;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:auto}
.file-size{color:#b98f96;font-size:12px}
.file-remove{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid #78303c;background:#2a0d14;color:#ff6577;cursor:pointer;transition:background .2s,border-color .2s}
.file-remove svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.file-remove:hover{background:#4b1420;border-color:#ff354b}
.file-remove:focus-visible{outline:2px solid #ff9aa4;outline-offset:2px}

/* ===== Background music control (icon only) ===== */
.bgm-control{position:fixed;z-index:55;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));display:flex;align-items:center;direction:ltr;height:46px;padding:0 4px;border:1px solid #a62536;border-radius:999px;background:rgba(12,4,7,.82);backdrop-filter:blur(10px);box-shadow:0 0 18px #b10d1b2a}
.bgm-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:transparent;color:#ff273f;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .2s}
.bgm-btn:hover{background:rgba(120,12,28,.5)}
.bgm-btn:focus-visible{outline:2px solid #ff9aa4;outline-offset:1px}
.bgm-btn svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.bgm-btn .ico-mute{display:none}
.bgm-control.is-muted .ico-wave{display:none}
.bgm-control.is-muted .ico-mute{display:block}
.bgm-control.is-low .ico-wave-2{display:none}
.bgm-slider{-webkit-appearance:none;appearance:none;width:0;height:4px;margin:0;padding:0;opacity:0;border-radius:4px;background:#4a1620;outline:none;cursor:pointer;transition:width .22s ease,opacity .2s ease,margin .22s ease}
.bgm-control:hover .bgm-slider,.bgm-control:focus-within .bgm-slider,.bgm-control.is-open .bgm-slider{width:92px;opacity:1;margin:0 10px 0 4px}
.bgm-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#ff3449;border:2px solid #1a0409;box-shadow:0 0 8px #f5233e88}
.bgm-slider::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#ff3449;border:2px solid #1a0409}
.bgm-slider::-moz-range-track{height:4px;border-radius:4px;background:#4a1620}
@media(max-width:640px){.bgm-control{top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));height:42px}.bgm-btn{width:34px;height:34px}.bgm-btn svg{width:21px;height:21px}}

/* Turnstile: invisible unless Cloudflare needs an interaction */
.turnstile-box{display:flex;justify-content:center;margin-top:10px}
.turnstile-box:empty{display:none}