:root{font-family:"Courier New",Courier,monospace;color:#39ff72;background:#000;--green:#39ff72;--dim:#159447;--white:#f4f4f4;--black:#000;--panel:#050805}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#000;color:var(--green)}body{min-height:100dvh;display:grid;place-items:center;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 25%,#071007 0,#000 58%)}main{width:min(100%,440px);background:#000;border:1px solid var(--dim);box-shadow:0 0 0 1px #071b0d,0 0 28px rgba(57,255,114,.08)}.titlebar{min-height:31px;border-bottom:1px solid var(--dim);color:var(--white);padding:7px 10px;font-size:12px;font-weight:700;letter-spacing:.08em;display:flex;align-items:center;justify-content:space-between}.titlebuttons{display:flex;gap:5px}.titlebuttons i{width:9px;height:9px;border:1px solid var(--green);display:block}header{padding:22px 16px 12px}.mark{display:none}h1{margin:0 0 9px;color:var(--green);font:700 24px "Courier New",monospace;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 0 9px rgba(57,255,114,.28)}p{margin:0;color:#a8d9b5;font-size:12px;line-height:1.55}header p:before{content:"C:\\QUIETDIAL> ";color:var(--white)}.panel{display:grid;gap:9px;padding:12px 16px 18px}.hidden{display:none!important}button,input{border-radius:0;font:700 13px "Courier New",monospace;min-height:43px;padding:10px 11px}button{background:#000;color:var(--green);border:1px solid var(--dim);text-align:left;cursor:pointer;box-shadow:inset 0 0 0 1px #06150a}button:before{content:"> ";color:var(--white)}button:hover{border-color:var(--green);background:#031007}button:active{background:var(--green);color:#000}button:active:before{color:#000}button:focus-visible,input:focus{outline:1px solid var(--white);outline-offset:2px}button:disabled{opacity:.6;cursor:default}button.secondary,button.ghost{background:#000;color:var(--green)}button.danger{color:#fff;border-color:#777}button.danger:before{color:#fff}.card{background:var(--panel);border:1px solid #174c28;padding:12px}.status{color:var(--white);font-size:11px;text-transform:uppercase;margin-bottom:8px;letter-spacing:.06em}.status:before{content:"[";color:var(--green)}.status:after{content:"]";color:var(--green)}.code,.six,.callstate{background:#000;color:var(--green);border:1px solid var(--dim);box-shadow:inset 0 0 18px rgba(57,255,114,.035)}.code{font:700 12px "Courier New",monospace;word-break:break-all;line-height:1.55;padding:10px;margin:9px 0;user-select:all}.six{font:700 29px "Courier New",monospace;letter-spacing:.17em;text-align:center;padding:14px;margin:9px 0;user-select:all;text-shadow:0 0 8px rgba(57,255,114,.25)}input{width:100%;background:#000;color:var(--green);border:1px solid var(--dim);caret-color:var(--white);text-align:left;letter-spacing:0;margin:8px 0}input::placeholder{color:#477b55}input[type=range]{appearance:none;height:28px;padding:0;border:0;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:3px;background:var(--dim)}input[type=range]::-webkit-slider-thumb{appearance:none;width:17px;height:17px;margin-top:-7px;background:#000;border:2px solid var(--white);border-radius:0}.callstate{padding:18px 12px}.callstate h2{color:var(--white);font-size:14px;margin:0 0 8px}.callstate p{color:var(--green)}.orb{display:none}small{display:block;margin-top:9px;font-size:10px;line-height:1.45;color:#78aa85}footer{border-top:1px solid #123b20;padding:9px 11px;font-size:9px;line-height:1.45;color:#649473}.guide{position:relative;margin:5px 16px 2px;border:1px solid #174c28;padding:8px;background:#030603}.guideTrack{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.guideTrack::-webkit-scrollbar{display:none}.guide article{min-width:100%;scroll-snap-align:start;display:grid;gap:7px;padding:9px 5px 6px}.guide article b{color:#7acb90;font-size:10px}.guide article strong{color:var(--white);font-size:15px;text-transform:uppercase}.guide article span{color:#9cc9a8;font-size:11px;line-height:1.45}.guide>.skip{position:absolute;right:7px;top:6px;z-index:2;min-height:26px;padding:3px 8px;font-size:10px}.guide>.skip:before{content:""}.guide>small{text-align:center;margin:5px 0 0}.callstate #timer{margin-top:11px;font-size:10px;color:#8be6a3}@media(max-width:480px){body{padding:max(5px,env(safe-area-inset-top)) max(5px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left))}main{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.callfullscreen{position:fixed;inset:0;z-index:1000;background:#000;color:var(--green);display:flex;flex-direction:column;min-height:100dvh;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}
.calltop{display:flex;justify-content:space-between;gap:12px;color:#83bd91;font-size:10px;letter-spacing:.06em;padding:5px 2px}
.callcenter{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:0}
.callcenter h2{color:var(--white);font-size:18px;margin:28px 0 8px}.callcenter p{color:#77a883}.legend{display:flex;gap:22px;margin-top:18px;font-size:9px}.legend span:before{content:"■ ";}.localkey{color:var(--green)}.remotekey{color:#ff4545}
.micmeter{--level:0;position:relative;width:min(48vw,190px);height:min(48vw,190px);display:grid;place-items:center;isolation:isolate}


.micicon{position:relative;width:72px;height:100px}.miccapsule{position:absolute;left:23px;top:4px;width:28px;height:55px;border:3px solid var(--white);border-radius:18px}.micstem{position:absolute;left:35px;top:58px;width:3px;height:25px;background:var(--white)}.micstem:before{content:"";position:absolute;width:54px;height:38px;left:-26px;top:-25px;border:3px solid var(--white);border-top:0;border-radius:0 0 28px 28px}.micbase{position:absolute;left:20px;top:82px;width:34px;height:3px;background:var(--white)}
.micmeter.speaking .miccapsule,.micmeter.speaking .micstem,.micmeter.speaking .micbase,.micmeter.speaking .micstem:before{border-color:var(--green);background-color:var(--green)}.micmeter.speaking .miccapsule,.micmeter.speaking .micstem:before{background:transparent}
.micmeter.receiving:not(.speaking) .miccapsule,.micmeter.receiving:not(.speaking) .micstem,.micmeter.receiving:not(.speaking) .micbase,.micmeter.receiving:not(.speaking) .micstem:before{border-color:#ff4545;background-color:#ff4545}.micmeter.receiving:not(.speaking) .miccapsule,.micmeter.receiving:not(.speaking) .micstem:before{background:transparent}
.endinside{width:100%;min-height:52px;color:#fff;border-color:#777;text-align:center}.endinside:before{color:#ff4545}

.micmeter .wave{position:absolute;left:50%;top:50%;width:92px;height:92px;border:2px solid #174c28;border-radius:50%;transform:translate(-50%,-50%) scale(calc(1 + var(--level)*.25));opacity:.2;pointer-events:none;z-index:-1;transition:border-color .06s,box-shadow .06s,opacity .06s,transform .06s}
.micmeter .w2{width:130px;height:130px;opacity:.14;transform:translate(-50%,-50%) scale(calc(1 + var(--level)*.38))}
.micmeter .w3{width:174px;height:174px;opacity:.09;transform:translate(-50%,-50%) scale(calc(1 + var(--level)*.5))}
.micmeter.speaking .wave{border-color:var(--green);opacity:calc(.28 + var(--level)*.6);box-shadow:0 0 calc(8px + var(--level)*18px) rgba(57,255,114,.22)}
.micmeter.receiving:not(.speaking) .wave{border-color:#ff4545;opacity:calc(.28 + var(--level)*.6);box-shadow:0 0 calc(8px + var(--level)*18px) rgba(255,69,69,.24)}
.micmeter.speaking.receiving .wave{border-color:#fff;box-shadow:-5px 0 calc(8px + var(--level)*16px) rgba(57,255,114,.25),5px 0 calc(8px + var(--level)*16px) rgba(255,69,69,.28)}
.micicon{z-index:2}