:root{--lois-accent:#f26522;--lois-bg:#0a0a0a;--lois-panel-border:rgba(255,255,255,.06);--lois-text:#e5e5e5;--lois-muted:#777;--lois-dim:#555}.lois-root,.lois-root *,.lois-root :after,.lois-root :before{box-sizing:border-box}.lois-root{position:fixed;z-index:2147483647;font-family:Inter,DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--lois-text)}.lois-root--bottom-right{right:24px;bottom:24px}.lois-root--bottom-left{left:24px;bottom:24px}.lois-root[data-ui-hidden=true]{opacity:0;pointer-events:none}.lois-trigger{position:relative;display:block;width:52px;height:52px;overflow:hidden;border:0;border-radius:9999px;padding:0;cursor:pointer;clip-path:circle(50%);background:var(--lois-accent);animation:lois-enter .4s cubic-bezier(.34,1.56,.64,1) both,lois-breathe 4s cubic-bezier(.4,0,.6,1) .4s infinite;transition:box-shadow .3s ease,filter .2s ease;-webkit-clip-path:circle(50%)}.lois-trigger:hover{box-shadow:0 0 0 4px color-mix(in srgb,var(--lois-accent) 18%,transparent),0 8px 32px color-mix(in srgb,var(--lois-accent) 25%,transparent),0 4px 16px #0003;animation-play-state:paused;filter:brightness(1.08)}.lois-trigger:active{filter:brightness(.92);transition:filter 60ms ease}.lois-icon-button:focus-visible,.lois-recording__stop:focus-visible,.lois-submit:focus-visible,.lois-tool-button:focus-visible,.lois-trigger:focus-visible,.lois-urgent:focus-visible{outline:2px solid color-mix(in srgb,var(--lois-accent) 80%,white);outline-offset:3px}.lois-trigger:after{position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;border:1.5px solid rgba(255,255,255,.13);border-radius:50%;content:"";pointer-events:none;transition:border-color .2s ease}.lois-trigger:hover:after{border-color:#ffffff38}.lois-trigger__base{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--lois-accent)}.lois-trigger__texture{position:absolute;top:-50px;right:-50px;bottom:-50px;left:-50px;width:calc(100% + 100px);height:calc(100% + 100px);max-width:none;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity 2s ease-in-out;will-change:transform,opacity}.lois-trigger__texture--a{animation:lois-pan-a 14s linear infinite}.lois-trigger__texture--b{animation:lois-pan-b 14s linear infinite}.lois-trigger__texture--active{opacity:.7}.lois-trigger__mark{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));pointer-events:none}.lois-trigger__highlight{position:absolute;z-index:6;top:0;right:10%;left:10%;height:45%;border-radius:9999px;background:linear-gradient(180deg,#ffffff2e,#fff0);pointer-events:none}.lois-panel{position:relative;width:400px;max-width:calc(100vw - 48px);overflow:hidden;border-radius:20px;background:var(--lois-bg);box-shadow:0 0 0 1px var(--lois-panel-border),0 24px 80px #00000080,0 8px 32px #0000004d;animation:lois-panel-in .35s cubic-bezier(.16,1,.3,1) both}.lois-panel__glow{position:absolute;top:0;right:0;left:0;height:200px;background:radial-gradient(ellipse at 30% -20%,color-mix(in srgb,var(--lois-accent) 12%,transparent) 0,transparent 60%);pointer-events:none}.lois-panel__header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px}.lois-panel__title{display:flex;align-items:center;gap:8px;color:var(--lois-text);font-size:14px;font-weight:650;line-height:1.2}.lois-panel__title-dot{display:inline-block;width:6px;height:6px;border-radius:9999px;background:var(--lois-accent);box-shadow:0 0 8px color-mix(in srgb,var(--lois-accent) 40%,transparent)}.lois-icon-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:8px;background:#ffffff0a;color:var(--lois-dim);cursor:pointer;transition:background .15s ease,color .15s ease}.lois-icon-button:hover{background:#ffffff14;color:#a3a3a3}.lois-panel__body{position:relative;z-index:1;padding:0 22px 16px}.lois-field{position:relative;overflow:hidden;border-radius:14px;transition:box-shadow .2s ease}.lois-field:after{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,255,255,.07);border-radius:14px;content:"";pointer-events:none;transition:border-color .2s ease}.lois-field--focused{box-shadow:0 0 0 2px color-mix(in srgb,var(--lois-accent) 25%,transparent),0 0 24px color-mix(in srgb,var(--lois-accent) 4%,transparent)}.lois-field--focused:after{border-color:color-mix(in srgb,var(--lois-accent) 35%,transparent)}.lois-textarea{display:block;width:100%;min-height:110px;max-height:200px;resize:none;overflow-y:auto;border:0;border-radius:14px;padding:14px 16px;background:#ffffff08;color:var(--lois-text);font:inherit;font-size:14px;line-height:1.55;outline:none}.lois-textarea::-moz-placeholder{color:#5f5f5f}.lois-textarea::placeholder{color:#5f5f5f}.lois-screenshot{position:relative;margin-top:10px;overflow:hidden;border:1px solid rgba(255,255,255,.06);border-radius:10px}.lois-screenshot__image{display:block;width:100%;max-height:100px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;opacity:.85}.lois-screenshot__badge{position:absolute;top:6px;right:6px;border-radius:6px;padding:3px 8px;background:#000000a6;color:var(--lois-accent);font-size:9px;font-weight:800;line-height:1;text-transform:uppercase;backdrop-filter:blur(8px)}.lois-toolbar{display:flex;gap:6px;margin-top:10px}.lois-tool-button{display:flex;align-items:center;gap:5px;min-height:32px;border:1px solid rgba(255,255,255,.07);border-radius:9px;padding:7px 12px;background:#ffffff08;color:var(--lois-muted);font:inherit;font-size:12px;font-weight:600;line-height:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s ease,border-color .15s ease,color .15s ease}.lois-tool-button:hover:not(:disabled){border-color:#ffffff21;color:#a3a3a3}.lois-tool-button--active{border-color:color-mix(in srgb,var(--lois-accent) 25%,transparent);background:color-mix(in srgb,var(--lois-accent) 10%,transparent);color:var(--lois-accent)}.lois-tool-button:disabled{cursor:not-allowed;opacity:.35}.lois-urgent{display:flex;align-items:center;width:100%;gap:10px;margin-top:14px;border:1px solid rgba(255,255,255,.04);border-radius:10px;padding:10px 14px;background:#ffffff05;color:var(--lois-dim);font:inherit;cursor:pointer;transition:background .25s ease,border-color .25s ease,color .25s ease}.lois-urgent--active{border-color:color-mix(in srgb,var(--lois-accent) 15%,transparent);background:color-mix(in srgb,var(--lois-accent) 6%,transparent);color:var(--lois-accent)}.lois-urgent__switch{position:relative;flex:0 0 auto;width:36px;height:20px;border-radius:10px;padding:2px;background:#2a2a2a;transition:background .25s ease}.lois-urgent--active .lois-urgent__switch{background:var(--lois-accent)}.lois-urgent__knob{display:block;width:16px;height:16px;border-radius:9999px;background:#fff;box-shadow:0 1px 3px #0000004d;transform:translate(0);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.lois-urgent--active .lois-urgent__knob{transform:translate(16px)}.lois-urgent__label{font-size:12px;font-weight:600;line-height:1.2}.lois-error{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;border:1px solid rgba(239,68,68,.15);border-radius:10px;padding:10px 14px;background:#ef444414;color:#f87171;font-size:12px;line-height:1.35}.lois-error__retry{flex:0 0 auto;border:0;padding:0;background:transparent;color:#f87171;font:inherit;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.lois-panel__footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid rgba(255,255,255,.05);padding:14px 22px 18px}.lois-powered{color:#2a2a2a;font-size:10px;font-weight:800;line-height:1.2;text-transform:uppercase}.lois-submit{position:relative;min-width:96px;min-height:35px;overflow:hidden;border:0;border-radius:10px;padding:9px 24px;background:#161616;color:#3a3a3a;font:inherit;font-size:13px;font-weight:700;line-height:1;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.lois-submit--ready{background:var(--lois-accent);color:#fff;cursor:pointer;box-shadow:0 0 20px color-mix(in srgb,var(--lois-accent) 15%,transparent),0 2px 8px color-mix(in srgb,var(--lois-accent) 12%,transparent)}.lois-submit--submitting{background:linear-gradient(90deg,var(--lois-accent),#ff8a50,var(--lois-accent));background-size:200% auto;color:#fff;animation:lois-shimmer 1.5s linear infinite}.lois-submit--submitted{background:#16a34a;color:#fff;box-shadow:0 0 24px #16a34a40}.lois-submit:disabled{cursor:not-allowed}.lois-recording{display:flex;flex-direction:column;align-items:center;gap:6px}.lois-recording__stop{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:2px solid rgba(239,68,68,.4);border-radius:9999px;padding:0;background:#1a1a1a;cursor:pointer;animation:lois-stop-enter .3s cubic-bezier(.34,1.56,.64,1) both,lois-stop-pulse 2s ease-in-out .3s infinite}.lois-recording__stop-square{width:16px;height:16px;border-radius:3px;background:#ef4444}.lois-recording__time{color:#ef4444;font-size:10px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.lois-demo{min-height:100vh;margin:0;padding:64px;background:linear-gradient(120deg,rgba(242,101,34,.08),transparent 34%),#f7f7f4;color:#171717;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.lois-demo__content{max-width:680px}.lois-demo__eyebrow{margin:0 0 10px;color:#82511f;font-size:13px;font-weight:700}.lois-demo h1{max-width:620px;margin:0;color:#111;font-size:44px;line-height:1.08}.lois-demo p{max-width:560px;margin:18px 0 0;color:#4b5563;font-size:17px;line-height:1.6}@keyframes lois-stop-enter{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes lois-stop-pulse{0%,to{box-shadow:0 0 #ef444466,0 4px 16px #00000040}50%{box-shadow:0 0 0 8px #ef444400,0 4px 24px #0000004d}}@keyframes lois-pan-a{0%{transform:translate3d(-10%,8%,0) scale(1.2)}50%{transform:translate3d(10%,-8%,0) scale(1.15)}to{transform:translate3d(-10%,8%,0) scale(1.2)}}@keyframes lois-pan-b{0%{transform:translate3d(8%,-10%,0) scale(1.18)}50%{transform:translate3d(-8%,10%,0) scale(1.14)}to{transform:translate3d(8%,-10%,0) scale(1.18)}}@keyframes lois-breathe{0%,to{box-shadow:0 0 color-mix(in srgb,var(--lois-accent) 0%,transparent),0 4px 16px #00000040}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--lois-accent) 10%,transparent),0 4px 24px #0000004d}}@keyframes lois-enter{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes lois-panel-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lois-shimmer{0%{background-position:200%}to{background-position:-200%}}@media (max-width:520px){.lois-root--bottom-left,.lois-root--bottom-right{right:16px;bottom:16px;left:16px}.lois-panel{width:100%;max-width:none}.lois-panel__footer{align-items:stretch}.lois-submit{min-width:88px;padding-right:16px;padding-left:16px}.lois-demo{padding:32px 20px}.lois-demo h1{font-size:32px}}@media (prefers-reduced-motion:reduce){.lois-panel,.lois-recording__stop,.lois-submit--submitting,.lois-trigger,.lois-trigger__texture{animation:none}.lois-field,.lois-submit,.lois-tool-button,.lois-trigger__texture,.lois-urgent,.lois-urgent__knob{transition:none}}