.glas{justify-self:end;width:100%;max-width:640px;position:relative}@media (width<=999px){.glas{justify-self:stretch;max-width:none;overflow-x:clip}}.glas__fit{aspect-ratio:710/560;width:100%;position:relative}.glas__stage{--base:710;transform-origin:0 0;width:640px;height:560px;transform:scale(var(--s,1));perspective:1400px;perspective-origin:50% 40%;position:absolute;top:0;left:0}.glas__stage>*{transform-style:preserve-3d;position:absolute}.gc{width:300px;color:var(--white);transition:transform 1.1s var(--ease), opacity .7s var(--ease), border-color .5s;opacity:0;background:#ffffff0e;border:1px solid #ffffff29;padding:18px 20px 20px;font-size:13px;line-height:1.45;box-shadow:0 40px 80px #00000073,inset 0 1px #ffffff14}.gc header{color:var(--on-dark-2);letter-spacing:.01em;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.gc header time,.gc header .gc__id{font-variant-numeric:tabular-nums;margin-left:auto}.gc__dot{background:#ffffff80;flex:none;width:7px;height:7px}.gc__dot--y{background:var(--yellow)}.gc .gc__subj{color:var(--white);margin:0 0 8px;font-size:14px;font-weight:400;line-height:1.3}.gc p{color:#ffffffc7;margin:0}.gc mark{color:inherit;background:0 0;padding:0 1px;transition:box-shadow .4s,color .4s,background .4s;box-shadow:inset 0 -1px #0000}.gc mark.on{color:var(--white);box-shadow:inset 0 -1px 0 var(--yellow);background:#f7fa3224}.gc--mail{top:20px;left:0;transform:translate3d(-60px,0,-180px)rotateY(14deg)}.gc--mail .gc__scan{background:linear-gradient(90deg, transparent, var(--yellow), transparent);opacity:0;height:2px;filter:drop-shadow(0 0 6px var(--yellow));position:absolute;top:0;left:0;right:0}.gc--rec{width:344px;top:120px;left:296px;transform:translate(60px)rotateY(-8deg)}.gc--rec dl{font-variant-numeric:tabular-nums;grid-template-columns:88px 1fr;gap:7px 12px;margin:0;display:grid}.gc--rec dt{color:var(--on-dark-2);white-space:nowrap}.gc--rec dd{min-height:1.45em;margin:0;position:relative}.gc--rec dd:before{content:"";background:#ffffff2e;width:36px;height:1px;transition:opacity .3s;position:absolute;top:.55em;left:0}.gc--rec dd.on:before{opacity:0}.gc--rec dd.on{animation:gfill .5s var(--ease)}.gc--rec dd.derived{color:var(--yellow)}@keyframes gfill{0%{background:#f7fa3240}to{background:0 0}}.gc--reply{width:340px;padding-bottom:16px;top:400px;left:60px;transform:translate3d(0,60px,120px)rotateX(-6deg)}.gc--reply p{white-space:pre-wrap;min-height:3.9em}.gc--reply p:after{content:"";background:var(--yellow);vertical-align:-2px;opacity:0;width:1px;height:1em;margin-left:1px;display:inline-block}.gc--reply.typing p:after{opacity:1;animation:.9s steps(2,end) infinite gblink}@keyframes gblink{to{opacity:0}}.glas__agent{text-align:center;width:92px;height:92px;color:var(--on-dark-2);opacity:0;transition:transform .9s var(--ease), opacity .6s;place-content:center;font-size:12px;display:grid;top:262px;left:196px;transform:translateZ(60px)scale(.6)}.glas__agent b{color:var(--yellow);font-size:15px;font-weight:400;display:block}.glas__agent span[data-verb]{min-width:6ch;display:block}.glas__pulse{animation:gpulse 2.4s var(--ease) infinite;border:1px solid #f7fa328c;position:absolute;inset:0}.glas__pulse:after{content:"";animation:gpulse 2.4s var(--ease) infinite 1.2s;border:1px solid #f7fa324d;position:absolute;inset:0}@keyframes gpulse{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.5)}}.glas__stamp,.glas__hold{border:2px solid var(--yellow);color:var(--yellow);letter-spacing:.04em;text-transform:uppercase;opacity:0;padding:10px 14px;font-size:12px;line-height:1.2;transition:transform .38s cubic-bezier(.2,1.6,.4,1),opacity .2s;top:392px;left:430px;transform:translateZ(200px)rotate(-8deg)scale(2.2)}.glas__stamp b,.glas__hold b{font-size:16px;font-weight:400;display:block}.glas__hold{border-color:var(--white);color:var(--white)}.glas__hold span{text-transform:none;letter-spacing:0;color:var(--on-dark-2)}.glas__chips{pointer-events:none;inset:0}.glas .chip{background:var(--yellow);color:var(--ink);white-space:nowrap;transition:transform .9s var(--ease), opacity .3s;padding:3px 8px;font-size:12px;position:absolute;transform:translateZ(90px);box-shadow:0 10px 30px #0006}.glas__log{color:var(--on-dark-2);align-items:center;gap:10px;min-height:1.5em;margin-top:12px;font-size:12px;display:flex}.glas__log>span,.glas__log>em{opacity:0;transition:opacity .5s}.glas__log.on>span,.glas__log.on>em{opacity:1}.glas__log>em{flex:auto;min-width:0}.glas__log span{color:#fff6}.glas__log em{color:var(--on-dark-2);font-style:normal}.glas[data-p="1"] .gc--mail,.glas[data-p="2"] .gc--mail,.glas[data-p="3"] .gc--mail,.glas[data-p="4"] .gc--mail,.glas[data-p="5"] .gc--mail,.glas[data-p="6"] .gc--mail{opacity:1;transform:translateZ(-140px)rotateY(14deg)}.glas[data-p="7"] .gc--mail{opacity:0;transform:translate3d(-40px,-30px,-220px)rotateY(14deg)}.glas[data-p="2"] .gc--mail .gc__scan{opacity:1;animation:1.5s linear forwards gscan}@keyframes gscan{0%{top:0}to{top:100%}}.glas:not([data-p="0"]) .glas__agent{opacity:1;transform:translateZ(60px)scale(1)}.glas[data-p="7"] .glas__agent{opacity:0;transform:translateZ(60px)scale(.6)}.glas[data-p="3"] .gc--rec,.glas[data-p="4"] .gc--rec,.glas[data-p="5"] .gc--rec,.glas[data-p="6"] .gc--rec{opacity:1;transform:translate(0,0)rotateY(-8deg)}.glas[data-p="7"] .gc--rec{opacity:0;transform:translate3d(30px,-20px,-60px)rotateY(-8deg)}.glas[data-p="5"] .gc--reply,.glas[data-p="6"] .gc--reply{opacity:1;transform:translateZ(120px)rotateX(-6deg)}.glas[data-p="7"] .gc--reply{opacity:0;transform:translate3d(0,40px,60px)rotateX(-6deg)}.glas[data-p="6"].ok .glas__stamp,.glas[data-p="6"].hold .glas__hold{opacity:1;transform:translateZ(200px)rotate(-8deg)scale(1)}@media (width<=700px){.glas__fit{aspect-ratio:360/700}.glas__stage{--base:360;perspective:1100px;width:360px;height:700px}.gc--mail{width:300px;top:0;left:0}.gc--rec{width:300px;top:232px;left:60px}.gc--rec dl{grid-template-columns:80px 1fr}.gc header{font-size:13px}.gc--reply{width:300px;top:484px;left:0}.glas__agent{width:84px;height:84px;top:150px;left:262px}.glas__stamp,.glas__hold{top:540px;left:150px}.glas__log{margin-top:32px}.glas[data-p="1"] .gc--mail,.glas[data-p="2"] .gc--mail,.glas[data-p="3"] .gc--mail,.glas[data-p="4"] .gc--mail,.glas[data-p="5"] .gc--mail,.glas[data-p="6"] .gc--mail{transform:translateZ(-60px)rotateY(6deg)}.glas[data-p="3"] .gc--rec,.glas[data-p="4"] .gc--rec,.glas[data-p="5"] .gc--rec,.glas[data-p="6"] .gc--rec{transform:translate(0,0)rotateY(-4deg)}.glas[data-p="5"] .gc--reply,.glas[data-p="6"] .gc--reply{transform:translateZ(60px)rotateX(-4deg)}}@media (prefers-reduced-motion:reduce){.gc,.glas__agent,.chip,.glas__stamp,.glas__hold{transition-duration:1ms}.glas__pulse,.glas__pulse:after{animation:none}}.glas.light .gc{color:var(--ink);background:#2e2e2e09;border-color:#2e2e2e29;box-shadow:0 30px 60px #0000001a,inset 0 1px #fff9}.glas.light .gc header,.glas.light .gc--rec dt,.glas.light .glas__agent,.glas.light .glas__log,.glas.light .glas__log em{color:var(--ink-2)}.glas.light .gc p{color:var(--ink)}.glas.light .gc__dot{background:#2e2e2e59}.glas.light .gc__dot--y{background:var(--yellow)}.glas.light .gc mark.on{color:var(--ink);background:#f7fa328c}.glas.light .gc--rec dd:before{background:#2e2e2e33}.glas.light .gc--rec dd.derived{color:var(--ink);background:#f7fa3273}.glas.light .glas__agent b{color:var(--ink);background:var(--yellow);padding:0 6px}.glas.light .glas__pulse,.glas.light .glas__pulse:after{border-color:#2e2e2e59}.glas.light .glas__stamp,.glas.light .glas__hold{border-color:var(--ink);color:var(--ink)}.glas.light .glas__hold span,.glas.light .glas__log span{color:var(--ink-2)}.glas.light .gc--reply p:after{background:var(--ink)}