:root{--red:#e21d2f;--red-dark:#be1524;--ink:#121212;--paper:#fafaf8;--line:#deded9;--soft:#f1f1ee;--muted:#686868;--green:#16834a;--radius:18px;--shadow:0 24px 70px rgba(0,0,0,.17)}
*{box-sizing:border-box}html{background:#e7e7e4}body{margin:0;color:var(--ink);font-family:"Noto Sans Armenian","DejaVu Sans",Arial,sans-serif;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.app-shell{width:min(100%,430px);min-height:100vh;margin:auto;background:var(--paper);box-shadow:var(--shadow);position:relative}.app-header{height:68px;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;background:rgba(250,250,248,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05)}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink)}.brand-mark{width:34px;height:34px;border-radius:9px;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:900}.brand b{display:block;font-size:14px;letter-spacing:.02em}.brand small{display:block;font-size:9px;letter-spacing:.18em;color:var(--muted)}.icon-button,.back,.camera-button{border:0;background:transparent;width:42px;height:42px;border-radius:12px;font-size:22px}.icon-button:hover,.back:hover{background:var(--soft)}main{min-height:calc(100vh - 68px)}.screen{display:none;min-height:calc(100vh - 68px)}.screen.active{display:block}.page-content{padding:24px 20px 40px}h1,h2,p{margin:0}h1{font-size:31px;line-height:1.14;letter-spacing:-.03em}h2{font-size:25px;line-height:1.2;letter-spacing:-.02em}.lead{margin-top:11px;color:#4e4e4e;font-size:15px;line-height:1.55}.primary,.secondary,.anchor-button{width:100%;min-height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;font-size:16px;transition:.16s}.primary{border:0;background:var(--red);color:#fff;box-shadow:0 10px 24px rgba(226,29,47,.2)}.primary:hover{background:var(--red-dark)}.primary:disabled{background:#c7c7c2;color:#777;box-shadow:none;cursor:not-allowed}.secondary{border:1.5px solid var(--ink);background:transparent;color:var(--ink)}.secondary-link{display:block;text-align:center;margin:18px auto 0;color:var(--ink);font-weight:750;font-size:13px}.hero{height:320px;background:linear-gradient(150deg,#131313,#353535);position:relative;overflow:hidden;color:#fff}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.25),transparent 38%),linear-gradient(to top,rgba(0,0,0,.7),transparent 55%)}.hero-badge,.hero-location{position:absolute;top:20px;border-radius:99px;padding:8px 11px;font-size:11px;font-weight:900;z-index:2}.hero-badge{left:20px;background:#fff;color:#111}.hero-badge span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red)}.hero-location{right:20px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.25)}.hero-person{position:absolute;width:145px;height:230px;border-radius:90px 90px 18px 18px;background:linear-gradient(#bbb,#656565);left:50%;bottom:35px;transform:translateX(-50%)}.hero-person:before{content:"";position:absolute;width:86px;height:86px;border-radius:50%;background:#d2d2d2;left:30px;top:-42px}.hero-mic{position:absolute;width:20px;height:130px;border-radius:14px;background:#111;bottom:30px;left:61%;transform:rotate(-8deg)}.hero-mic:before{content:"";position:absolute;width:34px;height:40px;border-radius:50%;background:#242424;top:-23px;left:-7px}.hero-mic b{position:absolute;width:52px;height:52px;border-radius:10px;background:var(--red);display:grid;place-items:center;left:-16px;top:22px}.hero-caption{position:absolute;bottom:17px;left:20px;right:20px;font-size:16px;z-index:3}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.feature-grid div{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px 8px;text-align:center}.feature-grid strong{display:block;font-size:12px}.feature-grid span{font-size:10px;color:var(--muted)}.trust-note{margin-top:18px;font-size:11px;line-height:1.5;color:var(--muted)}.step-header{padding:14px 20px 10px;display:grid;grid-template-columns:44px 1fr;gap:4px 10px;align-items:center;border-bottom:1px solid rgba(0,0,0,.05)}.step-header>div:nth-child(2){display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.step-header b{color:var(--ink)}.steps{grid-column:2;display:grid!important;grid-template-columns:repeat(4,1fr);gap:6px}.steps i{height:4px;border-radius:99px;background:#d9d9d4}.steps i.done{background:var(--ink)}.steps i.active{background:var(--red)}.topic-list{display:grid;gap:10px;margin:20px 0}.topic{width:100%;border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px;display:grid;grid-template-columns:42px 1fr 20px;gap:12px;align-items:center;text-align:left}.topic>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--soft);font-size:20px;font-weight:900}.topic b{display:block;font-size:14px}.topic small{display:block;color:var(--muted);font-size:11px;line-height:1.35;margin-top:4px}.topic>i{width:19px;height:19px;border-radius:50%;border:2px solid #bbb}.topic.selected{border:2px solid var(--red);background:#fff4f5;padding:13px}.topic.selected>i{border-color:var(--red);position:relative}.topic.selected>i:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--red);inset:3px}.sticky-action{margin-top:12px}.field{display:block;margin-top:18px}.field>span{display:flex;justify-content:space-between;font-size:13px;font-weight:850;margin-bottom:7px}.field em{font-style:normal;color:var(--muted);font-size:11px;font-weight:500}.field input{width:100%;height:56px;border:1px solid #cfcfca;border-radius:13px;padding:0 15px;background:#fff;outline:none}.field input:focus{border:2px solid var(--ink);padding:0 14px}.field input.invalid{border-color:var(--red)}.error{display:block;min-height:18px;margin-top:5px;color:#b41f2d;font-size:11px}.tip-card{margin:22px 0;background:var(--soft);border-radius:16px;border-left:4px solid var(--red);padding:16px}.tip-card b{font-size:14px}.tip-card ul{padding-left:18px;margin:9px 0 0;font-size:12px;color:#555;line-height:1.65}.camera-screen{position:relative!important;min-height:100vh!important;background:#080808;color:#fff;overflow:hidden}.camera-screen.active{display:block}.camera-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#222}.camera-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 28%,transparent 55%,rgba(0,0,0,.8));pointer-events:none}.camera-top{position:absolute;top:max(18px,env(safe-area-inset-top));left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;z-index:4}.camera-button{border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.32);color:#fff}.live-pill{background:rgba(255,255,255,.94);color:#111;border-radius:99px;padding:8px 11px;font-size:11px;font-weight:900}.live-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red)}.record-progress{position:absolute;top:0;left:0;right:0;height:5px;background:rgba(255,255,255,.18);z-index:6}.record-progress span{display:block;width:0;height:100%;background:var(--red)}.timer{position:absolute;top:78px;left:0;right:0;text-align:center;font-size:13px;font-weight:900;z-index:4;text-shadow:0 2px 8px #000}.camera-story{position:absolute;left:20px;right:20px;bottom:225px;z-index:4;text-shadow:0 2px 10px #000}.camera-story span{display:block;font-size:11px;font-weight:900}.camera-story b{display:block;font-size:19px;margin-top:4px}.prompt-card{position:absolute;left:20px;right:20px;bottom:164px;background:rgba(0,0,0,.53);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px);border-radius:14px;padding:11px 13px;font-size:12px;line-height:1.4;z-index:4}.virtual-mic{position:absolute;right:52px;bottom:115px;width:17px;height:104px;background:#111;border-radius:12px;transform:rotate(-8deg);z-index:5}.virtual-mic:before{content:"";position:absolute;width:29px;height:37px;border-radius:50%;background:#222;top:-20px;left:-6px}.virtual-mic span{position:absolute;width:49px;height:49px;background:var(--red);border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:900;left:-16px;top:17px}.record-controls{position:absolute;left:0;right:0;bottom:max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;z-index:7}.record-button{width:76px;height:76px;border-radius:50%;border:5px solid #fff;background:transparent;display:grid;place-items:center}.record-button span{width:57px;height:57px;border-radius:50%;background:var(--red);transition:.18s}.record-button.recording span{width:31px;height:31px;border-radius:7px}.record-controls small{margin-top:8px;font-size:11px}.permission-panel{position:absolute;inset:0;background:rgba(0,0,0,.74);z-index:20;display:grid;place-items:end center;padding:20px}.permission-panel.hidden{display:none}.permission-panel>div{background:var(--paper);color:var(--ink);border-radius:22px;padding:24px;width:100%;text-align:center}.permission-panel h2{font-size:22px}.permission-panel p{color:var(--muted);line-height:1.5;font-size:14px;margin:10px 0 18px}.permission-panel .secondary{margin-top:9px}.camera-icon{width:52px;height:52px;border-radius:15px;background:#fff0f2;color:var(--red);display:grid;place-items:center;margin:0 auto 13px;font-size:24px}.video-card{margin-top:20px;background:#111;border-radius:20px;overflow:hidden;aspect-ratio:9/16}.video-card video{width:100%;height:100%;object-fit:contain;background:#000}.video-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.video-meta span{background:var(--soft);border-radius:99px;padding:6px 9px;font-size:10px;font-weight:750}.two-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 9px}.two-actions .secondary,.page-content>.secondary{min-height:49px;font-size:13px}.consent{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;margin-top:16px;font-size:12px;line-height:1.5}.consent input{width:19px;height:19px;accent-color:var(--red)}.editorial-note{background:var(--soft);border-left:4px solid var(--red);border-radius:13px;padding:13px;margin:18px 0;font-size:11px;line-height:1.5;color:#555}.success-wrap{min-height:calc(100vh - 68px);padding:48px 20px;display:flex;flex-direction:column;justify-content:center;text-align:center}.success-check{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;margin:0 auto 24px;background:#e7f5ed;color:var(--green);font-size:48px;font-weight:900}.reference-card{background:var(--soft);border-radius:14px;padding:15px;margin:22px 0;font-size:13px}.success-wrap .secondary{margin-top:10px}.text-button{border:0;background:transparent;margin-top:20px;font-weight:800}.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;place-items:end center;z-index:100;padding:18px}.modal.show{display:grid}.modal-card{width:min(100%,430px);background:var(--paper);border-radius:22px;padding:24px;position:relative}.modal-card ol{font-size:14px;line-height:1.9;padding-left:22px}.modal-close{position:absolute;right:15px;top:15px;width:38px;height:38px;border:0;background:var(--soft);border-radius:11px;font-size:20px}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);background:#111;color:#fff;border-radius:12px;padding:12px 15px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:200;max-width:calc(100% - 40px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:700px){body{padding:28px}.app-shell{border-radius:34px;overflow:hidden;min-height:844px}.camera-screen{min-height:844px!important}.screen{min-height:776px}}


/* Cloudflare Turnstile */
.captcha-card{margin:18px 0;padding:16px;border:1px solid var(--line,#d6d6d6);border-radius:14px;background:#fafaf8;display:grid;gap:13px}
.captcha-copy{display:flex;flex-direction:column;gap:4px}
.captcha-copy b{font-size:15px;color:#121212}
.captcha-copy span{font-size:13px;line-height:1.45;color:#666}
.turnstile-widget{min-height:65px;display:flex;align-items:center;overflow:hidden}
.captcha-error{display:none;color:#c62828;line-height:1.45}
.captcha-error.show{display:block}
.captcha-card.verified{border-color:#16834a;background:#f4fbf6}
.captcha-card.error{border-color:#c62828;background:#fff7f7}

/* =========================================================
   Professional Reporter Camera UI — v1.1
   ========================================================= */
.camera-actions{display:flex;gap:7px}
.location-slug{position:absolute;top:76px;left:18px;z-index:8;display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:9px;background:rgba(250,250,248,.92);color:#151515;font-size:10px;font-weight:850;letter-spacing:.035em;box-shadow:0 5px 16px rgba(0,0,0,.17);max-width:72%}
.location-pin{width:15px;height:15px;display:grid;place-items:center;color:var(--red);font-size:9px}
.face-safe-guide{position:absolute;z-index:2;left:50%;top:13%;width:min(84%,360px);height:48%;transform:translateX(-50%);opacity:.82;pointer-events:none;transition:opacity .2s ease}
.hand-grip-guide{position:absolute;z-index:7;left:50%;bottom:225px;width:142px;transform:translateX(-50%);opacity:.88;pointer-events:none;filter:drop-shadow(0 2px 8px rgba(0,0,0,.55));transition:opacity .22s ease,left .22s ease,transform .22s ease}
.professional-mic{--mic-scale:1;--mic-lift:0px;position:absolute;z-index:6;left:50%;bottom:176px;width:122px;transform:translateX(-50%) translateY(var(--mic-lift)) scale(var(--mic-scale)) rotate(-1deg);transform-origin:50% 88%;pointer-events:none;filter:drop-shadow(0 8px 7px rgba(0,0,0,.24)) drop-shadow(0 20px 28px rgba(0,0,0,.18));transition:left .22s ease,transform .22s ease,width .22s ease}
.professional-mic img{display:block;width:100%;height:auto}
.camera-screen.hand-left .professional-mic{left:42%;transform:translateX(-50%) translateY(var(--mic-lift)) scale(var(--mic-scale)) rotate(5deg)}
.camera-screen.hand-left .hand-grip-guide{left:42%;transform:translateX(-50%) rotate(5deg)}
.camera-screen.hand-right .professional-mic{left:58%;transform:translateX(-50%) translateY(var(--mic-lift)) scale(var(--mic-scale)) rotate(-5deg)}
.camera-screen.hand-right .hand-grip-guide{left:58%;transform:translateX(-50%) rotate(-5deg)}
.camera-screen.interview-mode .professional-mic{left:34%;bottom:166px;width:108px;transform:translateX(-50%) translateY(var(--mic-lift)) scale(var(--mic-scale)) rotate(10deg)}
.camera-screen.interview-mode .hand-grip-guide{left:34%;bottom:218px;transform:translateX(-50%) rotate(10deg)}
.grip-status{position:absolute;z-index:9;left:50%;bottom:205px;transform:translateX(-50%);padding:6px 9px;border-radius:99px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.25);font-size:9px;font-weight:800;white-space:nowrap;backdrop-filter:blur(8px);transition:opacity .2s ease}
.camera-screen.hand-left .grip-status{left:42%}.camera-screen.hand-right .grip-status{left:58%}.camera-screen.interview-mode .grip-status{left:34%;bottom:198px}
.camera-screen.is-recording .hand-grip-guide,.camera-screen.is-recording .face-safe-guide,.camera-screen.is-recording .grip-status,.camera-screen.is-recording .prompt-card,.camera-screen.is-recording .reporter-quick-controls{opacity:0;pointer-events:none}
.prompt-card{bottom:auto;top:116px;left:18px;right:18px;max-width:355px;margin:auto;padding:9px 12px;font-size:10px;text-align:center;background:rgba(0,0,0,.43)}
.reporter-lower-third{position:absolute;z-index:8;left:18px;right:18px;bottom:112px;filter:drop-shadow(0 10px 22px rgba(0,0,0,.28));transition:opacity .2s ease,transform .2s ease}
.lt-main-row{display:grid;grid-template-columns:82px 1fr;min-height:64px}
.lt-anniversary{display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(145deg,#ee2535,#b9121d);color:#fff;border-radius:7px 0 0 0}
.lt-anniversary strong{font-size:30px;line-height:.92;letter-spacing:-.07em}.lt-anniversary span{font-size:8px;font-weight:900;letter-spacing:.08em;margin-top:4px}
.lt-identity{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:10px 13px;background:rgba(255,255,255,.95);color:#121212;border-radius:0 7px 0 0}
.lt-identity strong{font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lt-identity span{margin-top:5px;font-size:9px;color:#555;font-weight:650}
.lt-story{padding:10px 13px;background:rgba(10,10,10,.78);border-radius:0 0 7px 7px;color:#fff;font-size:10px;line-height:1.35;min-height:38px;display:flex;align-items:center;backdrop-filter:blur(8px)}
.camera-screen.interview-mode .reporter-lower-third{left:24px;right:24px}
.audio-panel{position:absolute;z-index:10;left:18px;bottom:72px;display:flex;align-items:center;gap:8px;color:#fff;text-shadow:0 1px 5px #000}
.audio-meter{height:20px;display:flex;gap:2px;align-items:flex-end}.audio-meter i{display:block;width:3px;height:5px;border-radius:3px;background:rgba(255,255,255,.42);transition:height .08s ease,background .08s ease}.audio-meter i:nth-child(2){height:7px}.audio-meter i:nth-child(3){height:10px}.audio-meter i:nth-child(4){height:13px}.audio-meter i:nth-child(5){height:10px}.audio-meter i:nth-child(6){height:7px}.audio-meter i:nth-child(7){height:5px}.audio-meter i.active{background:#fff}.audio-meter i.hot{background:#ffbd2d}
.audio-panel span{font-size:8px;font-weight:800}
.reporter-quick-controls{position:absolute;z-index:10;right:18px;bottom:70px;display:flex;gap:6px;transition:opacity .2s ease}
.reporter-quick-controls button{height:28px;border:1px solid rgba(255,255,255,.32);border-radius:99px;background:rgba(0,0,0,.45);color:#fff;padding:0 9px;font-size:8px;font-weight:850;backdrop-filter:blur(7px)}
.record-controls{bottom:max(13px,env(safe-area-inset-bottom));z-index:14}.record-button{width:54px;height:54px;border-width:4px}.record-button span{width:40px;height:40px}.record-button.recording span{width:24px;height:24px}.record-controls small{font-size:9px;margin-top:5px}
.reporter-settings-panel{position:absolute;inset:0;z-index:30;display:none;align-items:end;background:rgba(0,0,0,.56);padding:16px}.reporter-settings-panel.show{display:flex}.reporter-settings-card{width:100%;padding:19px;border-radius:20px;background:#fafaf8;color:#121212;box-shadow:0 18px 60px rgba(0,0,0,.35)}
.settings-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.settings-heading b{font-size:17px}.settings-heading button{width:34px;height:34px;border:0;border-radius:10px;background:#eee;font-size:20px}
.reporter-settings-card>label:not(.settings-check){display:grid;gap:7px;margin:13px 0}.reporter-settings-card label span{font-size:12px;font-weight:750}.reporter-settings-card input[type="range"]{width:100%;accent-color:var(--red)}
.settings-check{display:flex;gap:9px;align-items:center;margin-top:13px}.settings-check input{width:18px;height:18px;accent-color:var(--red)}.reporter-settings-card p{margin-top:14px;color:#666;font-size:10px;line-height:1.5}
.camera-screen.guides-off .face-safe-guide{display:none}.camera-screen.lower-third-off .reporter-lower-third{display:none}
.camera-screen.is-recording .reporter-lower-third{transform:translateY(0)}
@media(max-height:720px){.location-slug{top:66px}.prompt-card{top:101px}.face-safe-guide{top:11%;height:43%}.professional-mic{bottom:155px;width:108px}.hand-grip-guide{bottom:204px;width:124px}.grip-status{bottom:186px}.reporter-lower-third{bottom:96px}.lt-main-row{min-height:56px}.lt-anniversary strong{font-size:25px}.lt-story{min-height:33px;padding:8px 11px}.audio-panel,.reporter-quick-controls{bottom:59px}}

/* =========================================================
   AR Hand Tracking Pro — v1.2
   ========================================================= */
.ar-overlay-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none;background:transparent}
.camera-screen.ar-tracked .professional-mic{opacity:0}
.camera-screen.ar-tracked .hand-grip-guide{opacity:0}
.camera-screen.ar-tracked .grip-status{background:rgba(22,131,74,.78);border-color:rgba(255,255,255,.4)}
.camera-screen.ar-fallback .professional-mic{opacity:1}
.camera-screen:not(.ar-enabled) .ar-overlay-canvas{display:none}
.camera-screen:not(.ar-enabled) .hand-grip-guide{opacity:.25}
.ar-tracking-badge{position:absolute;z-index:11;top:112px;right:18px;display:flex;align-items:center;gap:6px;max-width:58%;min-height:28px;padding:6px 9px;border-radius:99px;background:rgba(0,0,0,.54);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(8px);font-size:8px;font-weight:850;color:#fff;transition:.2s}
.ar-tracking-badge i{width:7px;height:7px;border-radius:50%;background:#9b9b9b;box-shadow:0 0 0 3px rgba(255,255,255,.08);flex:0 0 auto}
.ar-tracking-badge span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ar-tracking-badge small{font-size:7px;color:rgba(255,255,255,.66);white-space:nowrap}
.ar-tracking-badge[data-state="loading"] i{background:#ffbd2d;animation:arPulse 1s infinite}
.ar-tracking-badge[data-state="searching"] i,.ar-tracking-badge[data-state="adjust"] i{background:#ffbd2d}
.ar-tracking-badge[data-state="tracked"]{background:rgba(22,131,74,.72)}
.ar-tracking-badge[data-state="tracked"] i,.ar-tracking-badge[data-state="ready"] i{background:#6ce89d}
.ar-tracking-badge[data-state="error"]{background:rgba(164,30,42,.8)}
.ar-tracking-badge[data-state="error"] i{background:#ff8993}
.ar-tracking-badge[data-state="off"]{opacity:.72}
.camera-screen.is-recording .ar-tracking-badge{opacity:.82;transform:scale(.94);transform-origin:100% 0}
@keyframes arPulse{0%,100%{opacity:.45;transform:scale(.82)}50%{opacity:1;transform:scale(1.16)}}
@media(prefers-reduced-motion:reduce){.ar-tracking-badge i{animation:none!important}.professional-mic,.hand-grip-guide,.ar-tracking-badge{transition:none!important}}
@media(max-height:720px){.ar-tracking-badge{top:99px;right:15px}.ar-tracking-badge small{display:none}}
