:root{
  --lt-bg-0:#050816;
  --lt-bg-1:#09122a;
  --lt-panel:rgba(10,16,36,.74);
  --lt-panel-strong:rgba(7,12,28,.88);
  --lt-line-soft:rgba(145,178,235,.14);
  --lt-line-focus:rgba(102,182,255,.56);
  --lt-text:#eef4ff;
  --lt-text-dim:#9eb2d8;
  --lt-cyan:#87dbff;
  --lt-violet:#a08bff;
  --lt-amber:#ffbf67;
  --lt-red:#ff7b90;
  --lt-green:#60e3b0;
  --lt-shadow-soft:0 18px 48px rgba(0,0,0,.32);
  --lt-shadow-focus:0 0 0 1px rgba(102,182,255,.30), 0 0 24px rgba(102,182,255,.14);
}

html,body{overscroll-behavior-y:contain}
.lensosHost{position:relative}
.drop.lensosReady{touch-action:manipulation}
.drop.lensosReady .dropText{transition:opacity .18s ease, transform .18s ease}
.drop.lensosModeShelf .dropText,
.drop.lensosModeRadial .dropText,
.drop.lensosModePanel .dropText{opacity:.14;transform:scale(.985)}
.drop.lensosPressing{box-shadow:
  inset 0 0 0 1px rgba(255,255,255,.08),
  inset 0 -28px 64px rgba(0,0,0,.22),
  0 0 94px rgba(139,233,253,.18),
  0 0 138px rgba(167,139,250,.18),
  0 30px 82px rgba(0,0,0,.56),
  0 44px 140px rgba(0,0,0,.58)}
.drop.lensosModeShelf::after,
.drop.lensosModeRadial::after,
.drop.lensosModePanel::after{opacity:.18}
.drop.lensosModeOverlay{background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02));}
.drop.lensosModeOverlay::before{opacity:.36}
.drop.lensosModeOverlay::after{opacity:.12}
.drop.lensosModeShelf,
.drop.lensosModeRadial,
.drop.lensosModePanel{
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.06),
    inset 0 -24px 56px rgba(0,0,0,.18),
    0 0 76px rgba(139,233,253,.12),
    0 0 108px rgba(167,139,250,.12),
    0 24px 66px rgba(0,0,0,.44),
    0 34px 110px rgba(0,0,0,.50);
}
.drop[data-lensos-state="needs-input"],
.drop[data-lensos-state="warning"]{
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    inset 0 -28px 64px rgba(0,0,0,.22),
    0 0 86px rgba(255,191,103,.12),
    0 0 114px rgba(167,139,250,.10),
    0 26px 76px rgba(0,0,0,.52),
    0 44px 140px rgba(0,0,0,.58);
}
.drop[data-lensos-state="critical"]{
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    inset 0 -28px 64px rgba(0,0,0,.22),
    0 0 88px rgba(255,123,144,.16),
    0 0 122px rgba(167,139,250,.08),
    0 26px 76px rgba(0,0,0,.52),
    0 44px 140px rgba(0,0,0,.58);
}
.drop[data-lensos-state="completed"],
.drop[data-lensos-state="clean"]{
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    inset 0 -28px 64px rgba(0,0,0,.22),
    0 0 86px rgba(96,227,176,.14),
    0 0 118px rgba(139,233,253,.10),
    0 26px 76px rgba(0,0,0,.52),
    0 44px 140px rgba(0,0,0,.58);
}

.lensosSurface{position:absolute;inset:0;z-index:5;pointer-events:none}
.lensosOverlayRoot{position:fixed;inset:0;z-index:1200;pointer-events:none}
.lensosBackdrop{
  position:absolute;inset:0;border:0;padding:0;margin:0;
  background:rgba(4,8,20,.18);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  pointer-events:auto;cursor:default;
}
.lensosOverlayPanel{
  position:fixed;z-index:1;pointer-events:auto;overflow:auto;overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(102,182,255,.44) rgba(255,255,255,.06);
}
.lensosOverlayPanel::-webkit-scrollbar{width:10px;height:10px}
.lensosOverlayPanel::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:999px}
.lensosOverlayPanel::-webkit-scrollbar-thumb{background:linear-gradient(180deg, rgba(135,219,255,.72), rgba(160,139,255,.58));border-radius:999px;border:2px solid rgba(6,10,22,.20)}
.lensosOverlayPanel::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, rgba(135,219,255,.84), rgba(160,139,255,.70))}
.lensosOverlayPanel.is-center-stage{filter:drop-shadow(0 34px 72px rgba(0,0,0,.26));}
.lensosOverlayPanel.is-sheet{left:12px;right:12px;bottom:12px;top:auto;width:auto;max-height:calc(100vh - 24px)}
.lensosRadial{position:absolute;inset:0;pointer-events:none;animation:lensosFadeIn .16s ease-out}
.lensosRadialRing{
  position:absolute;left:50%;top:50%;width:68%;height:68%;transform:translate(-50%,-50%);
  border-radius:999px;border:1px solid rgba(102,182,255,.22);
  box-shadow:0 0 0 1px rgba(102,182,255,.08) inset,0 0 22px rgba(102,182,255,.10),0 0 44px rgba(160,139,255,.08);
  background:radial-gradient(circle at 50% 50%, rgba(13,20,42,.10), rgba(8,12,26,.02));
}
.lensosCenterBadge{
  position:absolute;left:50%;top:50%;width:27%;aspect-ratio:1/1;min-width:88px;min-height:88px;max-width:170px;max-height:170px;
  transform:translate(-50%,-50%);border-radius:999px;border:1px solid rgba(132,205,255,.36);
  background:linear-gradient(180deg, rgba(18,29,58,.38), rgba(10,16,35,.52));
  box-shadow:0 0 0 1px rgba(255,255,255,.05) inset, 0 0 26px rgba(102,182,255,.16), 0 18px 34px rgba(0,0,0,.16);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  color:var(--lt-text);pointer-events:auto;cursor:pointer;
  transition:border-color .14s ease, box-shadow .14s ease, background .14s ease, opacity .14s ease;
  will-change:border-color, box-shadow, background, opacity;
}

.lensosCenterEyebrow{font-size:11px;line-height:1;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--lt-cyan)}
.lensosCenterState{font-size:16px;line-height:1.1;font-weight:900;max-width:76px;text-align:center}
.lensosCenterBadge.is-needs-input{border-color:rgba(255,191,103,.34); box-shadow:0 0 0 1px rgba(255,191,103,.08) inset, 0 0 24px rgba(255,191,103,.14)}
.lensosCenterBadge.is-critical{border-color:rgba(255,123,144,.34); box-shadow:0 0 0 1px rgba(255,123,144,.10) inset, 0 0 24px rgba(255,123,144,.16)}
.lensosCenterBadge.is-completed{border-color:rgba(96,227,176,.30); box-shadow:0 0 0 1px rgba(96,227,176,.08) inset, 0 0 24px rgba(96,227,176,.14)}
.lensosRadialAction{
  position:absolute;transform:translate(-50%,-50%);width:104px;min-width:104px;min-height:72px;padding:10px 12px;border-radius:18px;
  border:1px solid rgba(132,205,255,.30);background:linear-gradient(180deg, rgba(19,31,63,.42), rgba(10,16,35,.56));
  color:var(--lt-text);box-shadow:0 16px 30px rgba(0,0,0,.18), 0 0 0 1px rgba(255,255,255,.03) inset;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  text-align:center;pointer-events:auto;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  transition:border-color .14s ease, box-shadow .14s ease, background .14s ease, opacity .14s ease;
  will-change:border-color, box-shadow, background, opacity;
}

.lensosRadialAction:hover,.lensosRadialAction:focus-visible{transform:translate(-50%,-50%) !important;border-color:rgba(132,205,255,.42);box-shadow:0 0 0 1px rgba(108,190,255,.16) inset, 0 0 14px rgba(90,165,255,.10), 0 14px 24px rgba(0,0,0,.16);background:linear-gradient(180deg, rgba(24,38,76,.44), rgba(10,16,35,.58))}
.lensosRadialIcon{font-size:12px;line-height:1;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--lt-cyan)}
.lensosRadialLabel{font-size:12.5px;line-height:1.15;font-weight:800;max-width:84px}

.lensosQuickFrame,.lensosCardFrame{
  position:relative;border-radius:24px;border:1px solid rgba(145,178,235,.22);
  background:linear-gradient(180deg, rgba(10,16,36,.52), rgba(12,18,38,.44));
  box-shadow:0 28px 64px rgba(0,0,0,.24), 0 0 0 1px rgba(255,255,255,.04) inset;
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
}
.lensosCardFrame{padding:16px}
.lensosQuickFrame{padding:16px 16px 14px}
.lensosCardFrame.is-needs-input{border-color:rgba(255,191,103,.22)}
.lensosCardFrame.is-critical{border-color:rgba(255,123,144,.24)}
.lensosCardFrame.is-completed{border-color:rgba(96,227,176,.20)}

.lensosQuickHead,.lensosCardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.lensosQuickFrame,.lensosCardFrame{animation:lensosFadeIn .18s ease-out}
.lensosQuickEyebrow,.lensosCardEyebrow{font-size:11px;line-height:1;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--lt-cyan)}
.lensosQuickTitle,.lensosCardTitle{font-size:22px;line-height:1.08;font-weight:900;color:var(--lt-text);margin-top:6px}
.lensosQuickSub,.lensosCardSub,.lensosCardFoot{color:var(--lt-text-dim)}
.lensosQuickSub,.lensosCardSub{font-size:13px;line-height:1.5;margin-top:6px}
.lensosCardHeadBtns{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.lensosCloseMini{width:34px;height:34px;padding:0;border-radius:12px;border:1px solid rgba(145,178,235,.16);background:rgba(255,255,255,.03);color:var(--lt-text);box-shadow:none}
.lensosCloseMini:hover,.lensosCloseMini:focus-visible{border-color:var(--lt-line-focus)}

.lensosCenterBadge:hover,.lensosCenterBadge:focus-visible{transform:translate(-50%,-50%) !important;border-color:rgba(132,205,255,.42);box-shadow:0 0 0 1px rgba(108,190,255,.16) inset, 0 0 18px rgba(90,165,255,.12), 0 16px 28px rgba(0,0,0,.14)}
.lensosCloseMini,.lensosCloseMini:hover,.lensosCloseMini:focus-visible{transform:none !important}
.lensosRadialAction,.lensosCenterBadge{backface-visibility:hidden}

.lensosQuickRail,.lensosButtonGrid{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.lensosButtonGrid{margin-top:12px}.lensosButtonRow{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.lensosPill,.lensosActionBtn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 14px;border-radius:16px;
  border:1px solid rgba(132,205,255,.30);background:linear-gradient(180deg, rgba(22,34,69,.74), rgba(12,18,38,.84));
  color:var(--lt-text);font-weight:800;cursor:pointer;box-shadow:0 14px 26px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  transition:transform .14s ease, border-color .14s ease, box-shadow .14s ease, background .14s ease;
}
.lensosPill:hover,.lensosPill:focus-visible,.lensosActionBtn:hover,.lensosActionBtn:focus-visible{transform:translateY(-1px);border-color:rgba(132,205,255,.48);box-shadow:0 0 0 1px rgba(108,190,255,.16) inset, 0 0 24px rgba(90,165,255,.16), 0 14px 26px rgba(0,0,0,.16);background:linear-gradient(180deg, rgba(28,43,83,.80), rgba(12,18,38,.88))}
.lensosPill.is-focus-next,.lensosActionBtn.is-focus-next{border-color:rgba(102,182,255,.48);box-shadow:0 0 0 1px rgba(108,190,255,.18) inset, 0 0 24px rgba(90,165,255,.16), 0 14px 26px rgba(0,0,0,.18)}
.lensosPill.is-needs-input,.lensosActionBtn.is-needs-input{border-color:rgba(255,191,103,.36)}
.lensosPill.is-critical,.lensosActionBtn.is-critical{border-color:rgba(255,123,144,.38)}
.lensosPill.is-completed,.lensosActionBtn.is-completed{border-color:rgba(96,227,176,.34)}
.lensosPillIcon{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--lt-cyan);font-weight:900}
.lensosPillText{font-size:14px;line-height:1.1;font-weight:800}

.lensosStateBadge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 10px;border-radius:999px;border:1px solid rgba(145,178,235,.18);background:rgba(255,255,255,.03);color:var(--lt-text);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.lensosStateBadge.is-needs-input{border-color:rgba(255,191,103,.34); color:var(--lt-amber)}
.lensosStateBadge.is-critical{border-color:rgba(255,123,144,.34); color:var(--lt-red)}
.lensosStateBadge.is-completed{border-color:rgba(96,227,176,.30); color:var(--lt-green)}
.lensosStateBadge.is-monitoring{border-color:rgba(102,182,255,.24); color:var(--lt-cyan)}

.lensosCardBody{margin-top:14px;display:grid;gap:14px}
.lensosHighlightCard,.lensosListBlock,.lensosHistoryItem,.lensosSettingItem,.lensosChatReply,.lensosSummaryRow{border-radius:18px;border:1px solid rgba(145,178,235,.12);background:rgba(255,255,255,.035)}
.lensosHighlightCard{padding:14px 14px 12px}
.lensosHighlightCard.is-focus-next{border-color:rgba(102,182,255,.36); box-shadow:0 0 0 1px rgba(108,190,255,.10) inset, 0 0 24px rgba(90,165,255,.10)}
.lensosHighlightLabel,.lensosSectionLabel{font-size:11px;line-height:1;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--lt-text-dim)}
.lensosHighlightTitle{font-size:22px;line-height:1.1;font-weight:900;color:var(--lt-text);margin-top:8px}
.lensosHighlightBody{font-size:14px;line-height:1.55;color:var(--lt-text-dim);margin-top:8px}
.lensosEmpty{padding:16px;border-radius:18px;border:1px dashed rgba(145,178,235,.16);color:var(--lt-text-dim);font-size:14px;line-height:1.5}
.lensosSummaryGrid{display:grid;gap:10px}
.lensosSummaryRow{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:12px 14px}
.lensosSummaryRow span{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--lt-text-dim)}
.lensosSummaryRow strong{font-size:14px;line-height:1.45;color:var(--lt-text)}
.lensosListBlock{padding:12px 14px}
.lensosSystemGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.lensosSystemCard{padding:14px;border-radius:20px;border:1px solid rgba(145,178,235,.14);background:rgba(255,255,255,.035);box-shadow:0 0 0 1px rgba(255,255,255,.02) inset}
.lensosSystemCard.is-needs-input{border-color:rgba(255,191,103,.24)}
.lensosSystemCard.is-critical{border-color:rgba(255,123,144,.24)}
.lensosSystemCard.is-completed{border-color:rgba(96,227,176,.22)}
.lensosSystemCardHead{display:grid;gap:6px}
.lensosSystemEyebrow{font-size:11px;line-height:1;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--lt-cyan)}
.lensosSystemTitle{font-size:19px;line-height:1.1;font-weight:900;color:var(--lt-text)}
.lensosSystemNote{margin-top:8px;font-size:13px;line-height:1.55;color:var(--lt-text-dim)}
.lensosMiniPills{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.lensosMiniPill{display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;border-radius:999px;border:1px solid rgba(145,178,235,.16);background:rgba(255,255,255,.035);font-size:12px;font-weight:800;color:var(--lt-text-dim)}
.lensosSystemRows{display:grid;gap:10px;margin-top:12px}
.lensosSystemRow{display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:start}
.lensosSystemRow span{font-size:11px;line-height:1.2;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--lt-text-dim)}
.lensosSystemRow strong{font-size:14px;line-height:1.45;color:var(--lt-text)}
.lensosSystemActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.lensosList{margin:10px 0 0 18px;padding:0;display:grid;gap:6px}.lensosList li{color:var(--lt-text);font-size:14px;line-height:1.45}
.lensosHistoryList,.lensosSettingList{display:grid;gap:10px}
.lensosHistoryItem,.lensosSettingItem{padding:12px 14px}
.lensosHistoryLabel,.lensosSettingLabel,.lensosChatReplyTitle{font-size:14px;font-weight:900;color:var(--lt-text)}
.lensosHistoryMeta,.lensosSettingNote,.lensosChatReplyBody,.lensosCardFoot{font-size:13px;line-height:1.5;color:var(--lt-text-dim)}
.lensosSettingItem{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}
.lensosChatPrompts{display:flex;flex-wrap:wrap;gap:10px}.lensosChatReply{padding:12px 14px}.lensosCardFoot{margin-top:14px}
.lensosChatForm{display:grid;grid-template-columns:1fr auto;gap:10px}
.lensosChatForm input{min-height:42px;border-radius:14px;border:1px solid rgba(145,178,235,.18);background:rgba(255,255,255,.04);color:var(--lt-text);padding:0 12px}
.lensosChatForm input::placeholder{color:rgba(158,178,216,.7)}

body[data-lens-tint="teal"] .drop::before{background:conic-gradient(from 180deg, rgba(96,227,176,.54) 0%, rgba(135,219,255,.40) 22%, rgba(108,190,255,.44) 48%, rgba(96,227,176,.34) 72%, rgba(135,219,255,.52) 100%)}
body[data-lens-tint="violet"] .drop::before{background:conic-gradient(from 180deg, rgba(160,139,255,.62) 0%, rgba(124,116,255,.46) 26%, rgba(135,219,255,.32) 52%, rgba(160,139,255,.34) 76%, rgba(160,139,255,.62) 100%)}
body[data-lens-tint="rose"] .drop::before{background:conic-gradient(from 180deg, rgba(255,123,144,.52) 0%, rgba(160,139,255,.38) 24%, rgba(135,219,255,.34) 50%, rgba(255,191,103,.28) 72%, rgba(255,123,144,.52) 100%)}

@keyframes lensosFadeIn{from{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}

@media (max-width: 640px){
  .lensosSystemGrid{grid-template-columns:1fr}
  .lensosSystemRow{grid-template-columns:1fr}
  .lensosQuickTitle,.lensosCardTitle{font-size:20px}
  .lensosSummaryRow{grid-template-columns:1fr}
  .lensosSettingItem{grid-template-columns:1fr}
  .lensosChatForm{grid-template-columns:1fr}
  .lensosCenterBadge{min-width:82px;min-height:82px;width:31%}
  .lensosCenterState{font-size:15px;max-width:64px}
  .lensosRadialAction{width:74px;min-width:74px;min-height:64px;padding:9px 10px;border-radius:16px}
  .lensosRadialLabel{font-size:12px;max-width:70px}
}

body[data-theme="light"] .lensosQuickFrame,
body[data-theme="light"] .lensosCardFrame,
body.light .lensosQuickFrame,
body.light .lensosCardFrame{background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,247,255,.96));border-color:rgba(24,34,66,.10);box-shadow:0 18px 40px rgba(24,34,66,.12)}
body[data-theme="light"] .lensosQuickTitle,
body[data-theme="light"] .lensosCardTitle,
body[data-theme="light"] .lensosHistoryLabel,
body[data-theme="light"] .lensosSettingLabel,
body[data-theme="light"] .lensosChatReplyTitle,
body.light .lensosQuickTitle,
body.light .lensosCardTitle,
body.light .lensosHistoryLabel,
body.light .lensosSettingLabel,
body.light .lensosChatReplyTitle{color:#101933}
body[data-theme="light"] .lensosQuickSub,
body[data-theme="light"] .lensosCardSub,
body[data-theme="light"] .lensosHistoryMeta,
body[data-theme="light"] .lensosSettingNote,
body[data-theme="light"] .lensosChatReplyBody,
body[data-theme="light"] .lensosCardFoot,
body[data-theme="light"] .lensosSummaryRow span,
body.light .lensosQuickSub,
body.light .lensosCardSub,
body.light .lensosHistoryMeta,
body.light .lensosSettingNote,
body.light .lensosChatReplyBody,
body.light .lensosCardFoot,
body.light .lensosSummaryRow span{color:rgba(16,25,51,.72)}
body[data-theme="light"] .lensosPill,
body[data-theme="light"] .lensosActionBtn,
body[data-theme="light"] .lensosSettingItem,
body[data-theme="light"] .lensosHistoryItem,
body[data-theme="light"] .lensosHighlightCard,
body[data-theme="light"] .lensosListBlock,
body[data-theme="light"] .lensosChatReply,
body[data-theme="light"] .lensosSummaryRow,
body[data-theme="light"] .lensosChatForm input,
body.light .lensosPill,
body.light .lensosActionBtn,
body.light .lensosSettingItem,
body.light .lensosHistoryItem,
body.light .lensosHighlightCard,
body.light .lensosListBlock,
body.light .lensosChatReply,
body.light .lensosSummaryRow,
body.light .lensosChatForm input{background:rgba(24,34,66,.04);border-color:rgba(24,34,66,.10);color:#101933}
body[data-theme="light"] .lensosSystemCard,
body[data-theme="light"] .lensosMiniPill,
body.light .lensosSystemCard,
body.light .lensosMiniPill{background:rgba(24,34,66,.04);border-color:rgba(24,34,66,.10);color:#101933}
body[data-theme="light"] .lensosSystemTitle,
body[data-theme="light"] .lensosSystemRow strong,
body.light .lensosSystemTitle,
body.light .lensosSystemRow strong{color:#101933}
body[data-theme="light"] .lensosSystemEyebrow,
body[data-theme="light"] .lensosSystemRow span,
body[data-theme="light"] .lensosSystemNote,
body.light .lensosSystemEyebrow,
body.light .lensosSystemRow span,
body.light .lensosSystemNote{color:rgba(16,25,51,.72)}
body[data-theme="light"] .lensosRadialAction,
body[data-theme="light"] .lensosCenterBadge,
body.light .lensosRadialAction,
body.light .lensosCenterBadge{background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,247,255,.96));border-color:rgba(24,34,66,.12);color:#101933}
body[data-theme="light"] .lensosCenterState,
body.light .lensosCenterState{color:#101933}

@media (max-width:640px){
  .lensosCenterBadge{min-width:86px;min-height:86px;width:32%;}
  .lensosRadialAction{width:76px;min-width:76px;min-height:64px;padding:9px 11px;border-radius:16px;}
}

body[data-lensos-motion="reduced"] .lensosQuickFrame,
body[data-lensos-motion="reduced"] .lensosCardFrame,
body[data-lensos-motion="reduced"] .lensosRadial,
body[data-lensos-motion="reduced"] .drop.lensosReady .dropText{animation:none !important;transition:none !important}
body[data-lensos-motion="reduced"] .lensosPill,
body[data-lensos-motion="reduced"] .lensosActionBtn,
body[data-lensos-motion="reduced"] .lensosRadialAction,
body[data-lensos-motion="reduced"] .lensosCenterBadge,
body[data-lensos-motion="reduced"] .lensosCloseMini{transition:none !important}
body[data-lensos-motion="reduced"] .lensosPill:hover,
body[data-lensos-motion="reduced"] .lensosPill:focus-visible,
body[data-lensos-motion="reduced"] .lensosActionBtn:hover,
body[data-lensos-motion="reduced"] .lensosActionBtn:focus-visible{transform:none !important}
body[data-lensos-motion="reduced"] .lensosRadialAction:hover,
body[data-lensos-motion="reduced"] .lensosRadialAction:focus-visible,
body[data-lensos-motion="reduced"] .lensosCenterBadge:hover,
body[data-lensos-motion="reduced"] .lensosCenterBadge:focus-visible{transform:translate(-50%,-50%) !important}

/* v0.90 — Lens internal handoff composer */
.lensosHandoffCard{
  position:relative;
  border:1px solid rgba(102,182,255,.22);
  background:
    radial-gradient(120% 130% at 0% 0%, rgba(135,219,255,.075), transparent 42%),
    linear-gradient(180deg, rgba(12,19,42,.50), rgba(8,13,30,.64));
  border-radius:20px;
  padding:14px;
  box-shadow:0 0 0 1px rgba(102,182,255,.08), inset 0 0 0 1px rgba(255,255,255,.025);
}
.lensosHandoffSub{margin:4px 0 12px;color:var(--lt-text-dim);font-size:13px;line-height:1.45}
.lensosTaskForm{display:grid;gap:10px}
.lensosTaskGrid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(120px,.5fr) minmax(120px,.5fr);gap:10px}
.lensosTaskForm label{display:grid;gap:6px;color:var(--lt-text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:900}
.lensosTaskForm input,
.lensosTaskForm select,
.lensosTaskForm textarea{
  width:100%;
  border-radius:14px;
  border:1px solid rgba(145,178,235,.18);
  background:rgba(255,255,255,.045);
  color:var(--lt-text);
  padding:10px 12px;
  font:inherit;
  text-transform:none;
  letter-spacing:0;
  outline:none;
}
.lensosTaskForm textarea{resize:vertical;min-height:58px}
.lensosTaskForm input:focus,
.lensosTaskForm select:focus,
.lensosTaskForm textarea:focus{border-color:rgba(135,219,255,.55);box-shadow:0 0 0 1px rgba(135,219,255,.12),0 0 18px rgba(135,219,255,.08)}
.lensosInlineBanner{
  display:grid;
  gap:2px;
  margin:0 0 10px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(145,178,235,.16);
  background:rgba(255,255,255,.045);
  color:var(--lt-text-dim);
  font-size:13px;
  line-height:1.35;
}
.lensosInlineBanner strong{color:var(--lt-text)}
.lensosInlineBanner.good{border-color:rgba(96,227,176,.30);background:rgba(96,227,176,.08)}
.lensosInlineBanner.warn{border-color:rgba(255,191,103,.28);background:rgba(255,191,103,.075)}
.lensosInlineBanner.bad{border-color:rgba(255,123,144,.28);background:rgba(255,123,144,.075)}
body[data-theme="light"] .lensosHandoffCard,
body.light .lensosHandoffCard{background:rgba(24,34,66,.035);border-color:rgba(24,34,66,.11);box-shadow:0 12px 28px rgba(24,34,66,.08)}
body[data-theme="light"] .lensosTaskForm input,
body[data-theme="light"] .lensosTaskForm select,
body[data-theme="light"] .lensosTaskForm textarea,
body.light .lensosTaskForm input,
body.light .lensosTaskForm select,
body.light .lensosTaskForm textarea{background:rgba(24,34,66,.04);border-color:rgba(24,34,66,.12);color:#101933}
@media (max-width:760px){
  .lensosTaskGrid{grid-template-columns:1fr}
}
