:root{--brand: #193458;--ink: #193458;--ink-soft: #3d557a;--paper: #f5f1e8;--paper-warm: #ede5d3;--water: #1e6091;--water-deep: #0a4f8c;--water-light: #4a90c2;--accent: #d4a017;--leaf: #2d8659;--leaf-soft: #4caf50;--coral: #c74e3f;--line: #d4c9b0;--shadow: rgba(10, 31, 58, .12);--serif: "Fraunces", Georgia, serif;--sans: "Inter", "Noto Sans Devanagari", "Noto Sans Tamil", sans-serif;--mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--sans);background:var(--paper);background-image:radial-gradient(at 20% 10%,rgba(30,96,145,.04) 0%,transparent 50%),radial-gradient(at 80% 90%,rgba(212,160,23,.05) 0%,transparent 50%);min-height:100vh;color:var(--ink)}.page{padding:32px 16px}.container{max-width:1100px;margin:0 auto}a{color:inherit;text-decoration:none}button{font-family:var(--sans)}.header{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:24px;flex-wrap:wrap;gap:16px}.brand-mark{display:flex;align-items:center;gap:14px}.brand-logo-chip{display:inline-flex}.brand-logo-img{display:block;height:44px;width:auto;border-radius:8px}.brand-name{font-family:var(--serif);font-weight:600;font-size:18px;color:var(--ink)}.brand-text{font-family:var(--serif);font-size:14px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-soft)}.header-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.header-meta{font-family:var(--mono);font-size:11px;color:var(--ink-soft);text-align:right}.header-meta .label{color:var(--accent);font-weight:500}.header-link{font-family:var(--mono);font-size:11px;color:var(--water);cursor:pointer;background:none;border:none;letter-spacing:.05em}.header-link:hover{color:var(--water-deep);text-decoration:underline}.lang-selector{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 8px;box-shadow:0 2px 6px var(--shadow);position:relative;cursor:pointer}.lang-globe{width:16px;height:16px;color:var(--water)}.lang-current{font-size:12px;font-weight:500;color:var(--ink);display:flex;align-items:center;gap:4px}.lang-flag{font-size:14px}.lang-caret{color:var(--ink-soft);font-size:10px}.lang-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px;box-shadow:0 12px 32px var(--shadow);min-width:200px;z-index:100;max-height:320px;overflow-y:auto;opacity:0;transform:translateY(-8px);pointer-events:none;transition:all .3s}.lang-dropdown.open{opacity:1;transform:translateY(0);pointer-events:auto}.lang-option{padding:8px 10px;font-size:13px;color:var(--ink);border-radius:4px;display:flex;align-items:center;gap:10px;cursor:pointer}.lang-option:hover{background:var(--paper-warm)}.lang-option.active{background:#d4a01726;font-weight:500}.lang-option-flag{font-size:16px}.lang-option-native{font-size:11px;color:var(--ink-soft);margin-left:auto}.title-block{margin-bottom:28px;padding:32px 8px 24px}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--water);margin-bottom:16px;display:flex;align-items:center;gap:12px}.eyebrow:after{content:"";height:1px;background:var(--line);flex:0 1 60px}.lesson-title{font-family:var(--serif);font-size:clamp(36px,5vw,56px);font-weight:500;line-height:1.05;letter-spacing:-.02em;color:var(--ink);margin-bottom:14px}.lesson-title em{font-style:italic;color:var(--water-deep);font-weight:400}.lesson-subtitle{font-size:16px;line-height:1.55;color:var(--ink-soft);max-width:620px}.track-toggle{display:inline-flex;gap:4px;margin-top:18px;background:var(--paper-warm);border:1px solid var(--line);border-radius:26px;padding:4px}.track-seg{border:none;background:none;cursor:pointer;font-family:var(--sans);font-size:13px;font-weight:600;color:var(--ink-soft);padding:9px 18px;border-radius:22px;transition:all .18s;white-space:nowrap}.track-seg:hover{color:var(--ink)}.track-seg.active{background:var(--brand);color:#fff;box-shadow:0 2px 8px var(--shadow)}.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:8px}.role-card{background:linear-gradient(135deg,#fff,#fdfbf5);border:1px solid var(--line);border-radius:16px;padding:28px;cursor:pointer;text-align:left;box-shadow:0 4px 12px var(--shadow);transition:all .3s;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px}.role-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px var(--shadow);border-color:var(--accent)}.role-card:after{content:"→";position:absolute;bottom:20px;right:24px;font-size:20px;color:var(--accent);opacity:0;transition:all .3s;transform:translate(-8px)}.role-card:hover:after{opacity:1;transform:translate(0)}.role-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px}.role-icon.operator{background:#1e60911f}.role-icon.supervisor{background:#d4a01724}.role-icon.internal{background:#2d86591f}.role-name{font-family:var(--serif);font-size:24px;font-weight:600;color:var(--ink)}.role-desc{font-size:14px;line-height:1.55;color:var(--ink-soft);flex:1}.role-count{font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--water)}.auth-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--ink-soft);font-size:24px}.teaser-hero{text-align:center;padding:36px 16px 28px;max-width:720px;margin:0 auto}.teaser-eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.teaser-title{font-family:var(--serif);font-size:clamp(32px,6vw,52px);font-weight:600;line-height:1.08;letter-spacing:-.02em;color:var(--ink)}.teaser-title em{font-style:italic;color:var(--brand)}.teaser-sub{font-size:16px;line-height:1.6;color:var(--ink-soft);max-width:600px;margin:16px auto 0}.teaser-cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}.teaser-cta-primary{background:var(--brand);color:#fff;border-radius:10px;padding:13px 28px;font-size:15px;font-weight:700}.teaser-cta-secondary{background:transparent;color:var(--brand);border:1.5px solid var(--brand);border-radius:10px;padding:13px 26px;font-size:15px;font-weight:700}.teaser-note{margin-top:16px;font-size:12.5px;color:var(--ink-soft)}.teaser-inside-label{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);text-align:center;margin:28px 0 16px}.teaser-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.teaser-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 4px 12px var(--shadow);display:flex;flex-direction:column}.teaser-thumb{position:relative;height:96px}.teaser-thumb svg{width:100%;height:100%;display:block}.teaser-lock{position:absolute;top:10px;right:12px;font-size:16px;background:#ffffffe6;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0003}.teaser-card-body{padding:14px 16px 18px}.teaser-card-name{font-family:var(--serif);font-weight:600;font-size:17px;color:var(--ink)}.teaser-card-desc{font-size:12.5px;line-height:1.5;color:var(--ink-soft);margin-top:5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.teaser-foot-cta{display:block;text-align:center;background:var(--brand);color:#fff;border-radius:12px;padding:16px;font-size:16px;font-weight:700;margin:26px 0}.auth-chip{display:inline-flex;align-items:center;gap:8px;background:var(--paper-warm);border:1px solid var(--line);border-radius:20px;padding:4px 6px 4px 12px}.auth-chip-name{font-size:12px;font-weight:600;color:var(--ink);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-chip-out{background:var(--brand);color:#fff;border:none;border-radius:16px;padding:5px 11px;font-size:11px;font-weight:600;cursor:pointer}.auth-wrap{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:400px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 50px var(--shadow);padding:28px}.auth-logo{display:flex;justify-content:center;margin-bottom:20px}.auth-logo img{height:46px;border-radius:8px}.auth-tabs{display:flex;gap:6px;background:var(--paper-warm);border-radius:10px;padding:4px;margin-bottom:20px}.auth-tab{flex:1;background:none;border:none;padding:9px;border-radius:8px;font-size:13px;font-weight:600;color:var(--ink-soft);cursor:pointer}.auth-tab.active{background:#fff;color:var(--ink);box-shadow:0 1px 4px var(--shadow)}.auth-heading{text-align:center;font-size:18px;font-weight:700;color:var(--ink);margin-bottom:20px}.auth-invite-note{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;line-height:1.5;color:var(--ink-soft);text-align:center}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;flex-direction:column;gap:5px}.auth-field span{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.auth-field input{border:1px solid var(--line);border-radius:8px;padding:11px 12px;font-size:14px;font-family:var(--sans);color:var(--ink)}.auth-field input:focus{outline:none;border-color:var(--brand)}.auth-error{background:#fdecea;color:var(--coral);border-radius:8px;padding:10px 12px;font-size:12.5px}.auth-notice{background:#e7f6ee;color:var(--leaf);border-radius:8px;padding:10px 12px;font-size:12.5px}.auth-sub{font-size:13px;color:var(--ink-soft);margin:-6px 0 14px;line-height:1.5}.auth-submit{background:var(--brand);color:#fff;border:none;border-radius:8px;padding:12px;font-size:14px;font-weight:700;cursor:pointer;margin-top:4px}.auth-submit:disabled{opacity:.6}.auth-foot{display:flex;justify-content:space-between;margin-top:16px}.auth-link{background:none;border:none;color:var(--ink-soft);font-size:12px;cursor:pointer;text-decoration:underline}.admin-invite{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-bottom:22px;box-shadow:0 4px 12px var(--shadow)}.ai-title{font-family:var(--serif);font-weight:600;font-size:16px;color:var(--ink);margin-bottom:12px}.ai-row{display:flex;gap:10px;flex-wrap:wrap}.ai-row input{flex:1;min-width:200px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:13px}.ai-row select{border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:13px}.ai-msg{margin-top:10px;font-size:12.5px;color:var(--leaf)}.ai-hint{margin-top:8px;font-size:11.5px;color:var(--ink-soft)}.admin-users{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 12px var(--shadow);overflow:hidden}.au-head,.au-row{display:grid;grid-template-columns:2.4fr 1fr 1.4fr 1fr;gap:12px;align-items:center}.au-head{padding:12px 20px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.au-row{padding:14px 20px;cursor:pointer}.au-row-wrap{border-bottom:1px solid #eef2f7}.au-row-wrap.open,.au-row:hover{background:var(--paper)}.au-name{font-weight:600;color:var(--ink);font-size:14px}.au-email{font-size:11.5px;color:var(--ink-soft)}.au-state{display:inline-block;margin-top:4px;border-radius:12px;padding:2px 8px;font-size:10.5px;font-weight:600;letter-spacing:.01em}.au-state.expired{background:#c83c3c1f;color:#a5352f}.au-state.pending{background:#d4a01729;color:#8a6608}.au-state.google{background:#4285f41f;color:#2c5cb8;margin-right:6px}.au-state.done{background:#e7f6ee;color:var(--leaf)}.au-state.waiting{background:var(--paper-warm);color:var(--ink-soft)}.sample-note{margin:10px 0 0;padding:7px 12px;background:var(--paper-warm);border:1px solid var(--line);border-radius:8px;font-size:11.5px;color:var(--ink-soft);text-align:center}.home-empty{margin:24px 0;padding:28px 26px;text-align:center;background:var(--paper-warm);border:1px solid var(--line);border-radius:14px}.home-empty-title{font-size:17px;font-weight:700;color:var(--ink);margin-bottom:8px}.home-empty p{margin:0 auto;max-width:46ch;font-size:14px;color:var(--ink-soft);line-height:1.6}.pl-head{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin:18px 0 12px;padding:14px 18px;background:var(--paper-warm);border:1px solid var(--line);border-radius:12px}.pl-name{font-size:17px;font-weight:700;color:var(--ink)}.pl-sub{font-size:12px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.pl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.pl-mod{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;font-size:14px;color:var(--ink)}.pl-mod:hover{border-color:#c8d4e0;background:var(--paper)}.pl-mod.on{border-color:#aedcc1;background:#e7f6ee}.pl-mod:disabled{opacity:.6;cursor:default}.pl-tag{font-family:var(--mono);font-size:10.5px;font-weight:700;color:#fff;background:var(--ink-soft);border-radius:5px;padding:2px 6px;flex:none}.pl-mod.on .pl-tag{background:var(--leaf)}.pl-mod-name{flex:1}.pl-check{font-size:15px;color:var(--ink-soft);flex:none}.pl-mod.on .pl-check{color:var(--leaf);font-weight:700}.pl-note{margin-top:16px;padding:12px 16px;border-radius:10px;background:var(--paper-warm);border:1px solid var(--line);font-size:12.5px;color:var(--ink-soft);line-height:1.6}.pp-group{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin:14px 2px 6px}.uc-list>div:first-child .pp-group{margin-top:0}.pp-sec{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin:22px 0 10px;padding-top:16px;border-top:1px solid var(--line)}.pp-new{width:100%;margin-top:12px}.pp-newform{display:flex;flex-direction:column;gap:8px;margin-top:8px}.pp-newform input{padding:9px 12px;border:1px solid var(--line);border-radius:9px;font-size:13.5px;background:#fff}.pp-also{color:var(--ink-faint, #8a9aaa)}.pp-add{margin-top:10px}.uc-split{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:18px;align-items:start}.uc-search{width:100%;padding:9px 12px;margin-bottom:10px;border:1px solid var(--line);border-radius:9px;font-size:13.5px;background:#fff}.uc-list{max-height:620px;overflow-y:auto}.uc-person{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:10px 12px;margin-bottom:6px;background:#fff;border:1px solid var(--line);border-radius:10px;cursor:pointer}.uc-person:hover{background:var(--paper)}.uc-person.on{border-color:var(--water);background:var(--paper)}.uc-person-main{min-width:0}.uc-person-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}.uc-count{font-size:10.5px;color:var(--ink-soft);font-family:var(--mono)}.uc-detail{min-width:0}.uc-memberships{display:flex;flex-direction:column;gap:8px}.uc-mem{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:10px}.uc-mem-plant{flex:1;font-size:14px;font-weight:600;color:var(--ink)}.uc-issued{margin:12px 0;padding:16px 18px;background:#e7f6ee;border:1px solid #aedcc1;border-radius:12px}.uc-issued-title{font-weight:700;font-size:13.5px;color:var(--leaf);margin-bottom:10px}.uc-cred{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px}.uc-cred span{font-size:13.5px;color:var(--ink)}.uc-cred code{font-family:var(--mono);font-size:15px;font-weight:700;letter-spacing:.04em;background:#fff;border:1px solid #aedcc1;border-radius:7px;padding:5px 12px;color:var(--ink)}@media (max-width: 860px){.uc-split{grid-template-columns:1fr}.uc-list{max-height:none}}.team-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 14px;padding:16px 20px;background:var(--paper-warm);border:1px solid var(--line);border-radius:12px}.team-stat{display:flex;align-items:center;gap:14px}.team-counts{display:flex;gap:26px}.team-count{display:flex;flex-direction:column;align-items:flex-start}.team-count b{font-size:22px;font-weight:700;color:var(--leaf);font-variant-numeric:tabular-nums}.team-count.warn b{color:#a56a12}.team-count.bad b{color:#b3413b}.team-count span{font-size:11.5px;color:var(--ink-soft)}.team-row{display:grid;grid-template-columns:2.2fr 1fr 1.4fr 1.2fr;gap:12px;align-items:center;padding:14px 20px;border-bottom:1px solid #eef2f7}.team-row:last-child{border-bottom:none}.team-head{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid var(--line)}.team-role{font-size:13px;color:var(--ink-soft)}.team-last{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.team-when{font-size:11.5px;color:var(--ink-soft)}@media (max-width: 720px){.team-row{grid-template-columns:1.6fr 1fr;row-gap:10px}.team-head{display:none}.team-counts{gap:18px}}.auth-or{display:flex;align-items:center;gap:10px;margin:18px 0 14px;font-size:11px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--line)}.auth-google{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:14px;font-weight:600;cursor:pointer}.auth-google:hover{background:var(--paper);border-color:#c8d4e0}.auth-google:disabled{opacity:.6;cursor:default}.auth-google-note{margin-top:8px;text-align:center;font-size:11.5px;color:var(--ink-soft)}.teaser-google{max-width:320px;margin:14px auto 0}.au-role{border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:12px}.au-prog{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ink-soft)}.au-toggle{border:1px solid var(--line);background:var(--paper-warm);color:var(--ink-soft);border-radius:16px;padding:5px 12px;font-size:11px;font-weight:600;cursor:pointer}.au-toggle.on{background:#e7f6ee;color:var(--leaf);border-color:#aedcc1}.au-toggle-locked{display:inline-block;cursor:default}.au-badge-owner{display:inline-block;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700;letter-spacing:.02em;background:#d4a01724;color:#8a6608;border:1px solid rgba(212,160,23,.4);cursor:default}.au-badge-admin{display:inline-block;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;color:var(--ink-soft);background:var(--paper-warm);border:1px solid var(--line);cursor:default}.au-detail{padding:4px 20px 18px}.au-mod{padding:10px 0;border-top:1px dashed #e8eef5}.au-mod-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.au-mod-name{font-weight:600;font-size:13px;color:var(--ink);flex:1}.au-mod-pct{font-family:var(--mono);font-size:12px;color:var(--ink-soft)}.au-lessons{display:flex;flex-direction:column;gap:4px;padding-left:6px}.au-lesson{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink-soft)}.au-lesson-pct{font-family:var(--mono)}.au-lesson-pct.done{color:var(--leaf)}.au-empty{padding:24px;text-align:center;color:var(--ink-soft);font-size:13px}.au-empty.au-error{color:#b3413b;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.tour-button{display:inline-flex;align-items:center;gap:6px;background:var(--paper-warm);border:1px solid var(--line);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;color:var(--ink-soft);cursor:pointer;transition:all .15s}.tour-button:hover{color:var(--brand);border-color:var(--brand)}.tour-button svg{width:15px;height:15px}.tour-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000}.tour-scrim-full{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a1f3a8c}.tour-hole{position:absolute;border-radius:10px;pointer-events:none;box-shadow:0 0 0 9999px #0a1f3a9e,0 0 0 2px var(--accent);transition:top .3s ease,left .3s ease,width .3s ease,height .3s ease}.tour-tip{position:absolute;background:#fff;border-radius:14px;padding:18px 20px;box-shadow:0 20px 50px #0a1f3a4d;border:1px solid var(--line);transition:top .3s ease,left .3s ease}.tour-tip-step{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:600}.tour-tip-title{font-family:var(--serif);font-size:19px;font-weight:600;color:var(--ink);margin:5px 0 7px}.tour-tip-body{font-size:13.5px;line-height:1.55;color:var(--ink-soft)}.tour-tip-actions{display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:12px}.tour-skip{background:none;border:none;color:var(--ink-soft);font-size:12px;cursor:pointer;text-decoration:underline}.tour-nav{display:flex;gap:8px}.tour-btn{background:var(--brand);color:#fff;border:none;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600;cursor:pointer}.tour-btn.ghost{background:var(--paper-warm);color:var(--ink)}.search-wrap{position:relative;margin-bottom:22px}.search-field{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 16px;box-shadow:0 4px 12px var(--shadow)}.search-field:focus-within{border-color:var(--brand)}.search-icon{color:var(--ink-soft);font-size:14px}.search-input{flex:1;border:none;outline:none;background:transparent;padding:14px 0;font-family:var(--sans);font-size:14.5px;color:var(--ink)}.search-input::placeholder{color:#9aa7b8}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:200;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 50px #0a1f3a38;max-height:60vh;overflow-y:auto;padding:6px}.search-empty{padding:18px;text-align:center;color:var(--ink-soft);font-size:13px}.search-hit{display:block;width:100%;text-align:left;background:none;border:none;padding:11px 12px;border-radius:8px;cursor:pointer;border-bottom:1px solid #f0f3f7}.search-hit:last-child{border-bottom:none}.search-hit:hover{background:var(--paper)}.search-hit-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.search-hit-title{font-weight:600;color:var(--ink);font-size:14px}.search-hit-meta{font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--ink-soft);margin-top:3px}.search-hit-snippet{font-size:12.5px;color:var(--ink-soft);line-height:1.5;margin-top:4px}.search-hit mark,.search-hit-title mark{background:#d4a01747;color:inherit;border-radius:3px;padding:0 1px}.progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.progress-ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;font-weight:700;color:var(--ink)}.progress-ring-label .pr-check{color:var(--leaf);font-size:15px}.progress-summary{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin-bottom:24px;box-shadow:0 4px 12px var(--shadow)}.ps-text{min-width:140px}.ps-title{font-family:var(--serif);font-weight:600;font-size:16px;color:var(--ink)}.ps-meta{font-family:var(--mono);font-size:11px;color:var(--ink-soft);letter-spacing:.04em;margin-top:2px}.ps-rail{flex:1;min-width:160px;height:8px;background:var(--paper-warm);border-radius:6px;overflow:hidden}.ps-rail-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--leaf));border-radius:6px;transition:width .5s ease}.module-ring{margin-left:auto}.module-card{background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:24px;box-shadow:0 4px 12px var(--shadow);overflow:hidden}.module-head{padding:24px 28px 18px;border-bottom:1px solid #f0ead9;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.module-thumb{width:76px;height:48px;border-radius:10px;overflow:hidden;flex-shrink:0;box-shadow:0 2px 8px var(--shadow)}.module-thumb svg{width:100%;height:100%;display:block}.module-number{font-family:var(--serif);font-style:italic;font-weight:500;font-size:36px;color:var(--accent);line-height:1}.module-name{font-family:var(--serif);font-size:24px;font-weight:600;color:var(--ink)}.module-desc{width:100%;font-size:14px;color:var(--ink-soft);line-height:1.55;max-width:640px}.lesson-list{padding:10px 16px 16px}.lesson-row{display:flex;align-items:center;gap:16px;padding:14px 12px;border-radius:10px;transition:background .2s}.lesson-row.playable{cursor:pointer}.lesson-row.playable:hover{background:var(--paper)}.lesson-row.soon{opacity:.55}.lesson-thumb{width:84px;height:52px;border-radius:8px;overflow:hidden;background:var(--paper-warm);flex-shrink:0;position:relative;border:1px solid var(--line)}.lesson-thumb img{width:100%;height:100%;object-fit:cover;object-position:top}.lesson-thumb>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.lesson-thumb .play-badge{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:transparent;color:#fff;transition:background .2s}.lesson-row.playable:hover .play-badge{background:#19345873}.lesson-thumb .play-badge svg{width:18px;height:18px;opacity:.9;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.lesson-row-info{flex:1;min-width:0}.lesson-row-title{font-weight:600;font-size:15px;color:var(--ink)}.lesson-row-meta{font-family:var(--mono);font-size:10px;color:var(--ink-soft);letter-spacing:.1em;margin-top:3px}.badge{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:20px;white-space:nowrap}.badge.done{background:#2d86591f;color:var(--leaf)}.badge.progress{background:#d4a01724;color:#a37c10}.badge.soon{background:var(--paper-warm);color:var(--ink-soft)}.badge.config{background:#1934581a;color:var(--brand);border:none;cursor:pointer}button.badge.config:hover{background:#1934582e}.lesson-cta{padding:9px 18px;border-radius:8px;border:none;cursor:pointer;font-size:12px;font-weight:600;background:var(--ink);color:var(--paper);transition:all .3s;white-space:nowrap}.lesson-cta:hover{background:var(--water-deep);transform:translateY(-1px)}.voice-panel{background:linear-gradient(135deg,#fff,#fdfbf5);border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;box-shadow:0 4px 12px var(--shadow)}.voice-left{display:flex;align-items:center;gap:14px;flex:1;min-width:280px}.voice-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--water),var(--water-light));display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;position:relative;transition:all .3s}.voice-avatar.speaking{animation:voice-pulse 1.5s infinite}@keyframes voice-pulse{0%{box-shadow:0 0 #1e609199}70%{box-shadow:0 0 0 14px #1e609100}to{box-shadow:0 0 #1e609100}}.voice-avatar svg{width:20px;height:20px}.voice-name{font-family:var(--serif);font-size:16px;font-weight:600;color:var(--ink);letter-spacing:-.01em}.voice-status{font-family:var(--mono);font-size:10px;color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;margin-top:2px}.voice-status .status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--leaf-soft);margin-right:6px;vertical-align:middle}.voice-status.idle .status-dot{background:var(--ink-soft)}.voice-status.speaking .status-dot{background:var(--leaf-soft);animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.voice-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.voice-btn{background:var(--ink);color:var(--paper);border:none;width:38px;height:38px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.voice-btn:hover{background:var(--water-deep);transform:scale(1.05)}.voice-btn svg{width:16px;height:16px}.voice-btn.btn-play{background:var(--water-deep)}.voice-btn.btn-play:hover{background:var(--water)}.voice-select-wrap{display:flex;flex-direction:column;gap:2px}.voice-select-label{font-family:var(--mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-soft)}.voice-select{background:#fff;border:1px solid var(--line);border-radius:6px;padding:6px 10px;font-family:var(--sans);font-size:12px;color:var(--ink);cursor:pointer;max-width:180px}.voice-speed{display:flex;align-items:center;gap:6px}.speed-btn{background:#fff;border:1px solid var(--line);border-radius:6px;padding:6px 10px;font-family:var(--mono);font-size:11px;color:var(--ink-soft);cursor:pointer;transition:all .2s;font-weight:500}.speed-btn:hover{background:var(--paper-warm);color:var(--ink)}.speed-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.toggle-chip{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:6px 12px;cursor:pointer;font-size:12px;color:var(--ink-soft);transition:all .2s}.toggle-chip:hover{background:var(--paper-warm)}.toggle-chip.active{background:var(--leaf);color:#fff;border-color:var(--leaf)}.toggle-chip.active.cc{background:var(--water-deep);border-color:var(--water-deep)}.toggle-chip .toggle-dot{width:8px;height:8px;border-radius:50%;background:var(--line);transition:background .2s}.toggle-chip.active .toggle-dot{background:#fff}.progress-rail{background:var(--paper-warm);border-radius:100px;height:6px;position:relative;margin-bottom:24px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--water),var(--water-light));border-radius:100px;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-meta{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;color:var(--ink-soft);margin-bottom:8px;letter-spacing:.1em}.stage-wrap{background:#fff;border-radius:16px;padding:6px;box-shadow:0 24px 60px var(--shadow),0 2px 6px #0a1f3a0d;margin-bottom:24px;border:1px solid var(--line)}.stage-frame{background:#fafbfd;border-radius:12px;padding:20px;position:relative;overflow:hidden;min-height:380px;display:flex;flex-direction:column;align-items:center}.browser-chrome{width:100%;display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #eef2f7;margin-bottom:16px}.chrome-dots{display:flex;gap:6px}.chrome-dot{width:10px;height:10px;border-radius:50%}.chrome-dot:nth-child(1){background:#ff5f57}.chrome-dot:nth-child(2){background:#ffbd2e}.chrome-dot:nth-child(3){background:#28c840}.chrome-url{flex:1;background:#fff;border:1px solid #e1e8f0;border-radius:6px;padding:4px 12px;font-family:var(--mono);font-size:11px;color:#6b7a90}.screenshot-container{position:relative;width:100%;display:flex;justify-content:center}.screenshot-inner{position:relative;display:inline-block;max-width:100%}.screenshot{max-width:100%;height:auto;border-radius:8px;box-shadow:0 8px 24px #00000014;display:block;transition:opacity .4s ease}.screenshot.transitioning{opacity:0}.spotlight{position:absolute;border:3px solid var(--accent);border-radius:8px;box-shadow:0 0 0 9999px #0a1f3a8c,0 0 24px #d4a01780;transition:all .6s cubic-bezier(.4,0,.2,1);opacity:0;pointer-events:none;animation:spotlight-pulse 2s infinite;z-index:5}.spotlight.visible{opacity:1}@keyframes spotlight-pulse{0%,to{box-shadow:0 0 0 9999px #0a1f3a8c,0 0 24px #d4a01780}50%{box-shadow:0 0 0 9999px #0a1f3a8c,0 0 32px #d4a017bf}}.guide-cursor{position:absolute;width:28px;height:28px;z-index:40;pointer-events:none;opacity:0;transition:top 1.1s cubic-bezier(.45,.05,.25,1),left 1.1s cubic-bezier(.45,.05,.25,1),opacity .4s ease;filter:drop-shadow(0 3px 6px rgba(10,31,58,.45))}.guide-cursor.visible{opacity:1}.guide-cursor svg{width:100%;height:100%}.cursor-ripple{position:absolute;width:44px;height:44px;border-radius:50%;border:3px solid var(--accent);z-index:39;pointer-events:none;transform:translate(-50%,-50%) scale(.3);opacity:0}.cursor-ripple.go{animation:cursor-click .7s ease-out}@keyframes cursor-click{0%{transform:translate(-50%,-50%) scale(.25);opacity:1}to{transform:translate(-50%,-50%) scale(1.4);opacity:0}}.subtitle-bar{position:absolute;bottom:78px;left:50%;transform:translate(-50%);max-width:min(640px,92%);background:#0a1f3ae0;color:#fff;padding:10px 20px;border-radius:12px;font-size:15px;font-weight:500;line-height:1.45;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(212,160,23,.35);z-index:60;opacity:0;transition:opacity .3s;pointer-events:none}.subtitle-bar.visible{opacity:1}.subtitle-bar .cc-tag{font-family:var(--mono);font-size:8px;letter-spacing:.2em;color:var(--accent);display:block;margin-bottom:3px}.stage-caption{position:absolute;bottom:78px;left:50%;transform:translate(-50%);background:#0a1f3ae6;color:var(--paper);padding:8px 16px;border-radius:20px;font-size:12px;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(212,160,23,.3);opacity:0;transition:opacity .4s;z-index:50}.stage-caption.visible{opacity:1}.stage-caption.lifted{bottom:130px}.stage-controls{width:calc(100% + 40px);margin:18px -20px -20px;align-self:stretch;background:var(--brand);color:#fff;border-radius:0 0 12px 12px;overflow:hidden;z-index:70}.sc-progress{height:4px;background:#ffffff29}.sc-progress-fill{height:100%;background:var(--accent);transition:width .2s linear}.sc-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;flex-wrap:wrap}.sc-left,.sc-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sc-btn{background:#ffffff1f;border:none;color:#fff;width:34px;height:34px;flex-shrink:0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.sc-btn:hover:not(:disabled){background:#ffffff38}.sc-btn svg{width:16px;height:16px}.sc-btn:disabled{opacity:.4;cursor:default}.sc-play{width:64px;height:64px;flex-shrink:0;background:var(--accent);color:var(--brand);box-shadow:0 4px 16px #d4a01799,0 0 0 5px #d4a01738;transition:transform .15s,background .15s,box-shadow .15s}@keyframes play-pulse{0%,to{box-shadow:0 4px 16px #d4a01799,0 0 0 5px #d4a01738}50%{box-shadow:0 4px 22px #d4a017cc,0 0 0 13px #d4a01717}}.sc-play.idle{animation:play-pulse 1.8s ease-in-out infinite}.sc-play:hover:not(:disabled){background:#e6b020;transform:scale(1.07);animation:none;box-shadow:0 6px 20px #d4a017b3,0 0 0 6px #d4a01742}.sc-play svg{width:30px;height:30px}.sc-status{font-size:11px;display:flex;align-items:center;gap:6px;opacity:.85;margin-left:6px;white-space:nowrap}.sc-dot{width:7px;height:7px;border-radius:50%;background:#9aa7b8}.sc-status.on .sc-dot{background:var(--leaf-soft);box-shadow:0 0 0 3px #4caf5040;animation:rnw-ring 1.4s infinite}.sc-speed{display:flex;background:#ffffff1a;border-radius:20px;padding:2px}.sc-speed-btn{background:none;border:none;color:#ffffffb3;font-size:11px;padding:5px 9px;border-radius:16px;cursor:pointer}.sc-speed-btn.active{background:#fff;color:var(--brand);font-weight:700}.sc-toggle{background:#ffffff1f;border:none;color:#ffffffd1;font-size:11px;font-weight:600;padding:7px 12px;border-radius:16px;cursor:pointer;white-space:nowrap}.sc-toggle.active{background:var(--accent);color:var(--brand)}.sc-voice-toggle{display:flex;background:#ffffff1a;border-radius:20px;padding:2px}.sc-voice-btn{background:none;border:none;color:#ffffffb8;font-size:11px;font-weight:600;padding:6px 12px;border-radius:16px;cursor:pointer;white-space:nowrap;transition:all .15s}.sc-voice-btn.active{background:#fff;color:var(--brand)}.dashboard-showcase{width:100%;display:flex;flex-direction:column;align-items:center}.showcase-viewport{--viewport-h: 480px;width:100%;max-width:720px;height:var(--viewport-h);border-radius:10px;overflow:hidden;position:relative;background:#fff;box-shadow:0 12px 32px #0000001a;border:1px solid var(--line)}.showcase-scroller{width:100%;will-change:transform}.showcase-scroller img{width:100%;display:block}.showcase-viewport.auto-scroll .showcase-scroller{animation:showcase-scroll 18s ease-in-out forwards}@keyframes showcase-scroll{0%,8%{transform:translateY(0)}25%{transform:translateY(calc((-100% + var(--viewport-h, 480px)) * .25))}42%{transform:translateY(calc((-100% + var(--viewport-h, 480px)) * .45))}58%{transform:translateY(calc((-100% + var(--viewport-h, 480px)) * .62))}75%{transform:translateY(calc((-100% + var(--viewport-h, 480px)) * .82))}92%,to{transform:translateY(calc(-100% + var(--viewport-h, 480px)))}}.showcase-annotation{position:absolute;right:14px;max-width:calc(100% - 28px);background:#fff;border:1px solid var(--accent);border-radius:8px;padding:8px 14px;font-size:12px;font-weight:600;color:var(--ink);box-shadow:0 8px 24px #d4a0174d;opacity:0;transform:translate(20px);transition:opacity .5s,transform .5s;pointer-events:none;z-index:10;white-space:nowrap}.showcase-annotation.shown{opacity:1;transform:translate(0)}.showcase-annotation:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid var(--accent)}.showcase-annotation .label{color:var(--accent);font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:2px}.showcase-indicator{position:absolute;right:12px;top:12px;background:#0a1f3ad9;color:var(--paper);padding:6px 12px;border-radius:20px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;z-index:20;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.showcase-indicator .pulse-dot{width:6px;height:6px;background:var(--leaf-soft);border-radius:50%;animation:blink 1s infinite}.showcase-hint{margin-top:14px;font-family:var(--mono);font-size:10px;color:var(--ink-soft);letter-spacing:.15em;text-transform:uppercase;display:flex;align-items:center;gap:8px}.showcase-hint .scroll-icon{width:14px;height:14px;opacity:.6}.tag-chip{font-family:var(--mono);font-size:9px;letter-spacing:.1em;background:var(--paper-warm);color:var(--ink-soft);padding:2px 7px;border-radius:5px;border:1px solid var(--line);white-space:nowrap;align-self:center}.thumb-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--water-deep);background:linear-gradient(135deg,#eef3f8,#e3edf5)}.widget-stage-wrap{width:100%;display:flex;justify-content:center;padding:24px 0 8px}.widget-stage{position:relative;display:inline-block}.widget-stage.widget-stage-wide{display:block;width:100%}.rnw{--rnw-accent: #7d1f6e;width:300px;max-width:82vw;background:#fff;border-radius:10px;overflow:hidden;border:1px solid #e4dccd;box-shadow:0 16px 40px #0a1f3a29}.rnw-head{background:var(--rnw-accent);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 14px}.rnw-title{font-size:14px;font-weight:600}.rnw-menu{display:flex;border-radius:4px}.rnw-menu svg{width:18px;height:18px}.rnw-body{position:relative;padding:36px 16px 22px;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:150px;justify-content:center}.rnw-value{font-size:44px;font-weight:700;color:var(--rnw-accent);letter-spacing:-.02em;line-height:1;border-radius:6px}.rnw-value-unit{font-size:20px;font-weight:600;margin-left:2px}.rnw-threshbar{position:relative;width:84%;height:6px;border-radius:4px;display:flex;overflow:visible;margin:4px 0 2px}.rnw-threshbar .seg{height:100%}.rnw-threshbar .seg:first-child{border-radius:4px 0 0 4px}.rnw-threshbar .seg:last-child{border-radius:0 4px 4px 0}.rnw-threshbar .marker{position:absolute;top:50%;width:12px;height:12px;background:#fff;border:3px solid var(--rnw-accent);border-radius:50%;transform:translate(-50%,-50%)}.rnw-tag{display:flex;align-items:center;gap:6px;font-size:12px;color:#8a7f6d;font-weight:600;border-radius:6px;padding:2px 4px}.rnw-tag svg{width:13px;height:13px}.rnw-tf-badge{position:absolute;top:10px;right:10px;background:var(--ink);color:#fff;font-size:9px;font-family:var(--mono);padding:3px 8px;border-radius:10px;letter-spacing:.08em}.rnw-agg-badge{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--rnw-purple);background:#7d1f6e1a;padding:3px 8px;border-radius:10px}.rnw-aggmenu{position:absolute;top:6px;left:50%;transform:translate(-50%);width:220px;background:#fff;border:1px solid #e4dccd;border-radius:8px;box-shadow:0 16px 32px #0a1f3a38;z-index:5;overflow:hidden;font-size:12px}.rnw-aggmenu .item{padding:8px 12px;color:var(--ink-soft);display:flex;justify-content:space-between;gap:8px}.rnw-aggmenu .item+.item{border-top:1px solid #f0ead9}.rnw-aggmenu .item.sel{background:#d4a01729;color:var(--ink);font-weight:600}.rnw-foot{background:var(--rnw-purple);color:#fff;display:flex;align-items:stretch;justify-content:space-between}.rnw-dates{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;justify-content:center;padding:12px 14px}.rnw-change{background:#fff;color:var(--ink);display:flex;align-items:center;gap:4px;padding:0 18px}.rnw-change-num{font-size:18px;font-weight:700}.rnw-change-pct{font-size:11px;color:#8a7f6d}.gw{--gw-accent: #1a8a73;width:300px;max-width:82vw;background:#fff;border-radius:10px;overflow:hidden;border:1px solid #e4dccd;box-shadow:0 16px 40px #0a1f3a29}.gw-head{background:color-mix(in srgb,var(--gw-accent) 12%,#fff);color:var(--gw-accent);display:flex;align-items:center;justify-content:space-between;padding:12px 14px}.gw-title{font-size:13px;font-weight:700}.gw-menu{display:flex}.gw-menu svg{width:18px;height:18px}.gw-body{position:relative;padding:18px 16px 16px;display:flex;flex-direction:column;align-items:center;gap:6px}.gw-svg{width:100%;max-width:240px;height:auto;display:block;border-radius:8px}.gw-value-text{font-size:34px;font-weight:700;letter-spacing:-.02em}.gw-unit-text{font-size:15px;font-weight:600}.gw-tag{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gw-accent);font-weight:700;border-radius:6px;padding:2px 4px}.gw-tag svg{width:13px;height:13px}.gw-foot{background:var(--gw-accent);color:#fff;display:flex;align-items:stretch;justify-content:space-between}.gw-dates{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;justify-content:center;flex:1;padding:12px 14px;text-align:center}.gw-change{background:#fff;color:var(--ink);display:flex;align-items:center;gap:4px;padding:0 18px}.gw-change-num{font-size:18px;font-weight:700}.gw-change-pct{font-size:11px;color:#8a7f6d}.et{width:720px;max-width:100%;background:#fff;border-radius:10px;overflow:hidden;border:1px solid #dbe4ef;box-shadow:0 16px 40px #0a1f3a29;font-size:12.5px}.et-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #eef2f7}.et-title{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--ink);font-size:14px}.et-title svg{width:16px;height:16px;color:var(--water)}.et-tools{display:flex;align-items:center;gap:12px}.et-filter{font-size:11px;color:var(--ink-soft);border:1px solid var(--line);padding:4px 10px;border-radius:6px}.et-icons{color:#9aa7b8;letter-spacing:4px;font-size:13px}.et-scroll{overflow-x:auto}.et-table{width:100%;border-collapse:collapse}.et-table th,.et-table td{border:1px solid #e7eef7;padding:8px 12px}.et-corner{background:#7da7e6;color:#14305c;font-weight:700;text-align:center;letter-spacing:.04em}.et-timehead{background:#7da7e6;color:#14305c;font-weight:700;text-align:center;white-space:nowrap}.et-timehead .sub{font-weight:500;font-size:11px;opacity:.85;margin-top:2px}.et-group td{background:#d6e4f7;color:var(--ink);font-weight:700;padding:8px 12px}.et-chev{width:14px;height:14px;vertical-align:middle;margin-right:8px;transform:rotate(-90deg);transition:transform .2s}.et-chev.open{transform:rotate(0)}.et-gname{vertical-align:middle}.et-summary{color:var(--ink-soft);font-weight:500;margin-left:10px;font-size:11px}.et-sensor{background:#e7f0fb;min-width:200px}.et-sname{font-weight:700;color:var(--ink)}.et-info{color:#9aa7b8;margin-left:5px;font-size:11px}.et-agg{background:#e7f0fb;color:var(--ink-soft);font-style:italic;font-size:11px;white-space:nowrap}.et-cell{text-align:center;color:var(--ink);background:#fff;min-width:90px}.et-cell.caution{background:#fdf0cf;color:#9c6a00;font-weight:600}.et-cell.error{background:#f8d2d2;color:#c0392b;font-weight:700}.adv{--adv-accent: #8e24aa;--adv-tint: #f7eefb;width:100%;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e7d8ee;box-shadow:0 16px 40px #0a1f3a29;font-size:13px}.adv.adv-teal{--adv-accent: #2e9e83;--adv-tint: #e9f5f1;border-color:#cfe9e1}.adv-top{display:flex;align-items:center;gap:8px;padding:12px 16px}.adv-top svg{width:16px;height:16px;color:var(--adv-accent)}.adv-title{font-weight:700;font-size:15px;color:var(--ink)}.adv-info{color:#9aa7b8;font-size:12px}.adv-grid{overflow-x:auto;padding:0 10px 12px}.adv-table{border-collapse:separate;border-spacing:0 8px;width:max-content;min-width:100%}.adv-corner{background:#fff;vertical-align:middle;padding:4px 10px;min-width:120px}.adv-ref{display:inline-flex;flex-direction:column;gap:1px;border:1px solid var(--line);border-radius:8px;padding:5px 12px;background:#fff}.adv-ref-label{font-size:9px;color:var(--ink-soft)}.adv-ref-value{font-size:13px;color:var(--ink);font-weight:500}.adv-colhead{font-weight:700;color:var(--ink);text-align:center;font-size:12px;padding:6px 14px;white-space:nowrap;vertical-align:bottom}.adv-rowlabel{background:var(--adv-accent);color:#fff;font-weight:700;padding:14px 16px;border-radius:8px;white-space:nowrap;display:flex;align-items:center;gap:10px}.adv-rowlabel.wide{min-width:320px}.adv-badge{background:#fff;color:var(--ink);font-size:10px;font-weight:600;padding:2px 9px;border-radius:20px}.adv-cell{background:var(--adv-tint);color:var(--ink);font-weight:700;text-align:center;padding:14px 16px;min-width:100px;white-space:nowrap}.adv-cell.caution{background:#fdf0cf;color:#9c6a00}.adv-cell.error{background:#f8d2d2;color:#c0392b}.stbl{width:430px;max-width:100%;background:#fff;border-radius:10px;overflow:hidden;border:1px solid #9bd3b6;box-shadow:0 16px 40px #0a1f3a29;font-size:13px}.stbl-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#eaf5ef}.stbl-title{font-weight:700;font-size:14px;color:var(--ink)}.stbl-menu{display:flex;color:#5b6b7f}.stbl-menu svg{width:18px;height:18px}.stbl-plantbar{display:flex;justify-content:flex-end;padding:8px 16px 0}.stbl-plant{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#8a93a0;border-radius:6px;padding:2px 4px}.stbl-plant svg{width:14px;height:14px}.stbl-body{max-height:360px;overflow-y:auto;padding:8px 0}.stbl-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 16px}.stbl-row:nth-child(2n){background:#f5f6f8}.stbl-label{color:#245b78}.stbl-value{color:var(--ink);font-weight:600;border-radius:4px;padding:0 2px}.stbl-head{position:relative}.stbl-switchmenu{position:absolute;top:calc(100% - 2px);right:12px;z-index:20;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 28px #0a1f3a33;overflow:hidden;min-width:130px}.stbl-switch-item{padding:9px 16px;font-size:13px;color:var(--ink)}.stbl-switch-item:hover{background:var(--paper)}.stbl-switch-item+.stbl-switch-item{border-top:1px solid #f0ead9}.gr{width:560px;max-width:100%;background:#fff;border-radius:10px;overflow:visible;border:1px solid #9bd3b6;box-shadow:0 16px 40px #0a1f3a29}.gr-head{position:relative;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#eaf5ef;border-radius:10px 10px 0 0}.gr-title{font-weight:700;font-size:14px;color:var(--ink)}.gr-controls{display:flex;align-items:center;gap:10px;color:#5b6b7f}.gr-ic{font-size:14px;cursor:default}.gr-burger{font-size:18px}.gr-choose{border-radius:4px;padding:0 2px}.gr-menu{position:absolute;top:calc(100% - 2px);right:12px;z-index:20;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 28px #0a1f3a33;overflow:hidden;min-width:120px}.gr-menu-item{padding:9px 16px;font-size:13px;color:var(--ink)}.gr-menu-item+.gr-menu-item{border-top:1px solid #f0ead9}.gr-plantbar{display:flex;justify-content:flex-end;padding:8px 16px 0}.gr-plant{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#8a93a0}.gr-plant svg{width:14px;height:14px}.gr-legend{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:8px 16px 2px}.gr-leg{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#6b7a90;font-weight:600}.gr-leg-swatch{width:22px;height:5px;border-radius:3px}.gr-svg{width:100%;height:auto;display:block;padding:4px 8px 8px}.gr-axis{font-family:var(--mono);font-size:9px;fill:#9aa7b8}.gr-endlabel{font-family:var(--mono);font-size:11px;font-weight:700}.sh{width:720px;max-width:100%;background:#fff;border-radius:12px;overflow:hidden;border:1px solid var(--line);box-shadow:0 16px 40px #0a1f3a29;display:flex;gap:0;font-size:13px}.sh-left{width:270px;flex-shrink:0;padding:18px;border-right:1px solid #eef2f7}.sh-eyebrow{font-family:var(--mono);font-size:9px;letter-spacing:.15em;color:var(--ink-soft)}.sh-period{font-family:var(--serif);font-size:18px;font-weight:600;color:var(--ink);margin-top:4px}.sh-note{font-size:11px;color:var(--water-deep);margin-top:4px;font-weight:600}.sh-fromto{display:flex;gap:10px;margin-top:12px;border-radius:8px}.sh-field{flex:1;border:1px solid var(--line);border-radius:8px;padding:6px 10px}.sh-field-label{display:block;font-size:9px;color:var(--ink-soft)}.sh-field-value{font-size:13px;color:var(--ink);font-weight:500}.sh-format{display:flex;align-items:center;gap:6px;margin-top:12px}.sh-format-label{font-size:11px;color:var(--ink-soft);margin-right:2px}.sh-seg{font-size:11px;padding:5px 10px;border-radius:16px;background:#fff;color:var(--ink-soft);border:1px solid var(--line)}.sh-seg.active{background:var(--ink);color:#fff;border-color:var(--ink)}.sh-card{margin-top:14px;border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff}.sh-card.active{background:#eef2f7;border-color:#c4d2e2}.sh-card-top{display:flex;align-items:center;gap:8px}.sh-check{color:var(--water-deep);font-size:15px}.sh-card-title{font-weight:700;color:var(--ink)}.sh-badge{margin-left:auto;background:var(--ink);color:#fff;font-size:9px;font-weight:700;padding:3px 8px;border-radius:6px;letter-spacing:.05em}.sh-card-desc{font-size:11px;color:var(--ink-soft);margin-top:6px;line-height:1.4}.sh-card-window{font-size:12px;color:var(--ink);font-weight:600;margin-top:8px}.sh-gran{margin-top:16px;border:1px solid var(--line);border-radius:10px;padding:12px}.sh-gran-label{font-family:var(--mono);font-size:9px;letter-spacing:.15em;color:var(--ink-soft);margin-bottom:8px}.sh-radio{display:flex;align-items:center;gap:8px;padding:4px 0;color:var(--ink)}.sh-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--line)}.sh-dot.on{border-color:var(--water-deep);background:radial-gradient(var(--water-deep) 40%,#fff 45%)}.sh-right{flex:1;padding:18px;min-width:0}.sh-presets{display:flex;flex-wrap:wrap;gap:8px;border-radius:8px}.sh-preset{font-size:11px;padding:6px 12px;border-radius:16px;border:1px solid var(--line);color:var(--ink-soft)}.sh-preset.active{background:var(--ink);color:#fff;border-color:var(--ink)}.sh-cal{margin-top:16px}.sh-cal-title{text-align:center;font-weight:600;color:var(--ink);margin-bottom:8px}.sh-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.sh-cal-h{text-align:center;font-size:10px;color:var(--ink-soft)}.sh-cal-d{text-align:center;font-size:11px;padding:5px 0;color:var(--ink);border-radius:50%}.sh-cal-d.sel{background:var(--water-deep);color:#fff;font-weight:600}@media (max-width: 700px){.sh{flex-direction:column}.sh-left{width:100%;border-right:none;border-bottom:1px solid #eef2f7}}.scg{width:620px;max-width:100%;background:#fff;border-radius:10px;overflow:hidden;border:1px solid #9bd3b6;box-shadow:0 16px 40px #0a1f3a29}.scg-head{display:flex;align-items:center;gap:8px;padding:12px 16px}.scg-title{font-weight:700;font-size:15px;color:var(--ink)}.scg-info{color:#9aa7b8;font-size:12px}.scg-legend{display:inline-flex;align-items:center;gap:8px;margin:0 auto;padding:2px 6px;border-radius:6px;font-size:13px;color:#6b7a90;font-weight:600;width:fit-content}.scg-legend{display:flex;justify-content:center}.scg-leg-swatch{width:26px;height:10px;border-radius:3px}.scg-svg{width:100%;height:auto;display:block;padding:4px 10px 10px}.scg-axis{font-family:var(--mono);font-size:10px;fill:#9aa7b8}.scg-axis-title{font-size:12px;font-weight:700;fill:var(--ink-soft)}.snk{width:1180px;max-width:100%;background:#fff;border-radius:10px;overflow:hidden;border:1px solid #cfddee;box-shadow:0 16px 40px #0a1f3a29}.snk-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#eef4fb;border-bottom:1px solid #e1e9f3}.snk-title{font-weight:700;font-size:15px;color:var(--ink)}.snk-burger{color:#5b6b7f;font-size:18px}.snk-svg{width:100%;height:auto;display:block}.snk-name{font-size:11px;font-weight:600;fill:var(--ink)}.snk-val{font-size:11px;font-weight:700;fill:var(--ink)}.snk-foot{display:flex;align-items:stretch;justify-content:space-between;background:#eef4fb;border-top:1px solid #e1e9f3;font-size:12px;color:var(--ink-soft)}.snk-foot>span:first-child{padding:10px 16px}.snk-foot-box{background:#2b7bd6;color:#fff;padding:10px 28px;font-weight:700}.di{width:1080px;max-width:100%;background:#fff;border-radius:10px;overflow:hidden;border:1px solid var(--line);box-shadow:0 16px 40px #0a1f3a29;font-size:13px}.di-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px}.di-title{font-family:var(--serif);font-size:20px;font-weight:700;color:var(--ink)}.di-actions{display:flex;gap:8px}.di-btn{border:1px solid var(--line);border-radius:6px;padding:6px 12px;font-size:12px;color:var(--ink-soft)}.di-btn.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.di-filters{display:flex;gap:10px;padding:0 18px 12px}.di-search{flex:2;background:#f1f4f8;border-radius:8px;padding:9px 12px;color:var(--ink-soft);font-size:12px}.di-filter{flex:1;border:1px solid var(--line);border-radius:8px;padding:9px 12px;color:var(--ink-soft);font-size:12px}.di-scroll{overflow-x:auto}.di-table{width:100%;border-collapse:collapse}.di-table th{text-align:left;font-size:12px;color:var(--ink-soft);background:#f5f8fc;padding:10px 18px;border-bottom:1px solid var(--line)}.di-table td{padding:12px 18px;border-bottom:1px solid #eef2f7;vertical-align:middle}.di-sensor{font-weight:700;color:var(--ink)}.di-asset{font-size:11px;color:var(--water);margin-top:2px}.di-ranges{font-size:12px;color:var(--water-deep)}.di-rlabel{color:var(--ink-soft);font-weight:600}.di-input{display:inline-block;min-width:130px;border:1px solid var(--line);border-radius:6px;padding:8px 12px;color:var(--ink-soft);background:#fff;font-size:12px}.di-input.ok{border-color:var(--leaf);color:var(--ink)}.di-input.warning{border-color:var(--accent);color:var(--ink);background:#d4a01714}.di-input.error{border-color:var(--coral);color:var(--coral);background:#c74e3f14}.di-freq{color:var(--water);font-size:12px}.di-dash{color:var(--ink-soft)}.di-badge{font-family:var(--mono);font-size:10px;padding:4px 9px;border-radius:20px;white-space:nowrap}.di-badge.ok{background:#2d86591f;color:var(--leaf)}.di-badge.warning{background:#d4a01729;color:#a37c10}.di-badge.error{background:#c74e3f1f;color:var(--coral)}.di-card{width:400px;max-width:92vw;background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:0 16px 40px #0a1f3a2e;padding:18px}.di-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.di-card-sensor{font-weight:700;font-size:16px;color:var(--ink)}.di-card-asset{font-size:12px;color:var(--water);margin-top:2px}.di-type{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;background:var(--paper-warm);color:var(--ink-soft);padding:4px 9px;border-radius:6px}.di-card-ranges{display:flex;gap:16px;margin-top:14px;font-size:12px;color:var(--water-deep);border-radius:6px;padding:4px}.di-field{margin-top:16px;border-radius:8px;padding:2px}.di-field-label{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.di-value-box{margin-top:6px;border:1.5px solid var(--line);border-radius:8px;padding:12px 14px;font-size:18px;font-weight:700;color:var(--ink)}.di-value-box.idle{color:var(--ink-soft);font-weight:400}.di-value-box.error{border-color:var(--coral);color:var(--coral);background:#c74e3f0f}.di-value-box.warning{border-color:var(--accent);background:#d4a0170f}.di-value-box.ok{border-color:var(--leaf)}.di-bool{display:flex;gap:10px;margin-top:6px}.di-bool-btn{flex:1;text-align:center;border:1.5px solid var(--line);border-radius:8px;padding:12px;font-weight:600;color:var(--ink-soft)}.di-bool-btn.on{background:var(--water-deep);color:#fff;border-color:var(--water-deep)}.di-banner{margin-top:14px;border-radius:8px;padding:11px 14px;font-size:13px;line-height:1.4;border-left:3px solid}.di-banner.error{background:#c74e3f1a;color:var(--coral);border-color:var(--coral)}.di-banner.warning{background:#d4a0171f;color:#a37c10;border-color:var(--accent)}.di-banner.ok{background:#2d86591f;color:var(--leaf);border-color:var(--leaf)}.di-media{margin-top:14px;border:1px dashed var(--line);border-radius:10px;padding:12px}.di-media-title{font-size:12px;font-weight:600;color:var(--ink)}.di-media-row{display:flex;align-items:center;gap:8px;margin-top:10px}.di-media-btn{border:1px solid var(--water);color:var(--water-deep);border-radius:8px;padding:7px 14px;font-size:12px;font-weight:600}.di-media-ok{color:var(--leaf);font-size:12px;font-weight:600}.di-media-err{color:var(--coral);font-size:11px;font-weight:700;margin-left:auto}.di-submit{margin-top:16px;background:var(--ink);color:var(--paper);text-align:center;padding:12px;border-radius:8px;font-weight:600}.di-submit.disabled{opacity:.45}.viz{width:980px;max-width:100%;background:#fff;border-radius:12px;border:1px solid var(--line);box-shadow:0 16px 40px #0a1f3a29;overflow:hidden}.viz-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f7f9fc;border-bottom:1px solid #eef2f7;flex-wrap:wrap}.viz-plant{font-weight:700;color:var(--ink);display:flex;align-items:center;gap:10px}.viz-live{font-size:10px;font-weight:700;color:var(--leaf);background:#2d86591f;padding:3px 9px;border-radius:12px}.viz-live.hist{color:var(--accent);background:#d4a01724}.viz-date{font-family:var(--mono);font-size:11px;color:var(--ink-soft);border:1px solid var(--line);border-radius:6px;padding:6px 10px}.viz-play{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:var(--water-deep);color:#fff;border-radius:6px;font-size:12px}.viz-pagewrap{position:relative;margin-left:auto}.viz-page{border:1px solid var(--line);border-radius:6px;padding:7px 14px;font-size:12px;color:var(--ink-soft)}.viz-pagemenu{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 30px #0a1f3a33;z-index:10;overflow:hidden;min-width:150px;display:flex;flex-direction:column}.viz-pageopt{padding:9px 14px;font-size:13px;color:var(--ink-soft)}.viz-pageopt+.viz-pageopt{border-top:1px solid #f0ead9}.viz-pageopt.sel{background:#eef2f7;color:var(--ink);font-weight:600}.viz-canvas{background:#fbfcfe;background-image:radial-gradient(#e4e9f0 1px,transparent 1px);background-size:14px 14px}.viz-svg{width:100%;height:auto;display:block}.viz-label{font-size:12px;font-weight:600;fill:var(--ink)}.viz-gtext{font-size:9px;fill:var(--ink-soft);font-family:var(--mono)}.viz-water{fill:#4a90c2;transition:height 1s ease,y 1s ease}.viz-sludge{fill:#9c6326;transition:height 1s ease,y 1s ease}.viz-onoff{font-size:9px;font-weight:700;fill:var(--ink)}.viz-val{font-size:12px;font-weight:700;fill:var(--ink)}.viz-hl{fill:none;stroke:var(--accent);stroke-width:3;stroke-dasharray:8 5;rx:8;animation:rnw-ring 1.6s infinite}.viz-flow{animation:viz-march .7s linear infinite}@keyframes viz-march{to{stroke-dashoffset:-32}}.viz-spin{animation:viz-rotate 1.1s linear infinite}.viz-spin-slow{animation:viz-rotate 3.4s linear infinite}@keyframes viz-rotate{to{transform:rotate(360deg)}}.viz-bubble{fill:#ffffffb3;animation:viz-rise 1.8s ease-in infinite}@keyframes viz-rise{0%{transform:translateY(0);opacity:0}20%{opacity:.8}to{transform:translateY(-120px);opacity:0}}.ins{width:1100px;max-width:100%;background:#fff;border-radius:12px;border:1px solid var(--line);box-shadow:0 16px 40px #0a1f3a29;padding:18px}.ins-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ins-title{font-family:var(--serif);font-weight:700;font-size:22px;color:var(--ink)}.ins-create{background:var(--ink);color:var(--paper);font-size:12px;font-weight:700;padding:9px 16px;border-radius:8px}.ins-filters{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap;border-radius:8px}.ins-search{flex:1;min-width:200px;background:#f1f4f8;border-radius:8px;padding:9px 14px;color:var(--ink-soft);font-size:12px}.ins-fchip{border:1px solid var(--line);border-radius:8px;padding:9px 14px;color:var(--ink-soft);font-size:12px}.ins-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;border-radius:8px}.ins-stat{border:1px solid var(--line);border-radius:10px;padding:12px 16px;font-size:12px;color:var(--ink-soft);font-weight:600}.ins-stat-num{font-size:22px;font-weight:700;color:var(--ink);margin-right:8px}.ins-stat.all{background:#eef2f8}.ins-stat.open{background:#fdecea}.ins-stat.open .ins-stat-num{color:var(--coral)}.ins-stat.closed{background:#f3f5f8}.ins-stat.ach{background:#e7f6ee}.ins-stat.ach .ins-stat-num{color:var(--leaf)}.ins-scroll{overflow-x:auto}.ins-table{width:100%;border-collapse:collapse;font-size:12.5px}.ins-table th{text-align:left;padding:10px 12px;color:var(--ink-soft);border-bottom:1px solid var(--line);font-weight:600}.ins-th-hl{background:#d4a0171f}.ins-table td{padding:12px;border-bottom:1px solid #eef2f7;vertical-align:top}.ins-hl{background:#d4a0171a;border-radius:4px}.ins-row-name{font-weight:600;color:#9c6a10}.ins-row-desc{color:var(--ink-soft);margin-top:3px;max-width:620px}.ins-row-meta{font-size:10px;color:var(--ink-soft);margin-top:4px}.ins-st.open{color:var(--coral);font-weight:700}.ins-st.closed{color:var(--leaf);font-weight:700}.ins-pri-cell{text-align:center}.ins-pri{font-weight:700}.ins-pri.hi{color:var(--coral)}.ins-pri.mid{color:#c79a16}.ins-pri.lo{color:var(--leaf)}.ins-asset{color:var(--ink)}.ins-equip{border:1px solid var(--line);border-radius:14px;padding:3px 10px;font-size:11px;color:var(--ink-soft)}.ins-dash{color:var(--ink-soft)}.ins-badge{border:1px solid;border-radius:16px;padding:4px 12px;font-size:11px;font-weight:600;white-space:nowrap}.ins-badge.warning,.ins-badge.issue{color:#a3791a;border-color:#e3c878;background:#d4a01714}.ins-badge.achievement{color:var(--leaf);border-color:#aedcc1;background:#2d865914}.ins-detail{width:1040px;max-width:100%;background:#fff;border-radius:12px;border:1px solid var(--line);box-shadow:0 16px 40px #0a1f3a29;padding:20px}.ins-detail.compact{width:100%;box-shadow:none;border-color:#eef2f7;padding:12px}.ins-zerobanner{background:#e7f0fb;color:var(--water-deep);border-radius:8px;padding:9px 14px;font-size:12px;font-weight:600;margin-bottom:12px}.ins-d-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}.ins-d-titlewrap{flex:1;min-width:280px}.ins-detail-name{font-family:var(--serif);font-size:21px;font-weight:600;color:var(--ink);line-height:1.2}.ins-d-badges{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.ins-d-statuslabel{font-size:12px;font-weight:700}.ins-d-statuslabel.open{color:var(--coral)}.ins-d-statuslabel.closed{color:var(--leaf)}.ins-d-ts{font-size:12px;color:var(--ink-soft)}.ins-d-stats{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}.ins-d-asset{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:16px;padding:6px 14px;font-size:12px;color:var(--ink)}.ins-d-stat{display:flex;flex-direction:column;justify-content:center;border-radius:8px;padding:8px 14px;color:#fff}.ins-d-stat b{font-size:18px;line-height:1}.ins-d-stat span{font-size:10px;line-height:1.2;margin-top:3px;max-width:110px}.ins-d-stat.green{background:#1f7a3f}.ins-d-stat.navy{background:var(--ink)}.ins-d-equip{margin-top:16px}.ins-d-sub{display:block;font-weight:700;color:var(--ink);font-size:15px;margin-bottom:8px}.ins-d-ai{margin-top:16px}.ins-d-ai-label{display:block;color:#7c4dff;font-weight:700;font-size:15px;margin-bottom:6px}.ins-d-ai p{background:#f4f1fe;border:1px solid #e2d9fb;border-radius:8px;padding:12px 14px;color:#5b3da8;font-size:13.5px;line-height:1.55;margin:0}.ins-d-cols{display:flex;gap:18px;margin-top:16px;flex-wrap:wrap}.ins-d-col{flex:1;min-width:240px}.ins-d-h{font-weight:700;color:var(--ink);font-size:15px;margin-bottom:8px}.ins-d-h.ai{color:#7c4dff;margin-top:14px}.ins-d-box{border:1px solid var(--line);border-radius:8px;padding:12px 14px;font-size:13px;color:var(--ink-soft);line-height:1.5}.ins-d-ai-box{background:#f4f1fe;border:1px solid #e2d9fb;border-radius:8px;padding:12px 14px;font-size:13px;color:#5b3da8;line-height:1.7}.ins-d-comments{border:1px solid var(--line);border-radius:8px;padding:12px 14px;min-height:90px;font-size:13px}.ins-d-nocomment{color:var(--ink-soft)}.ins-d-comment{margin-bottom:8px;color:var(--ink)}.ins-d-comment b{color:var(--water-deep)}.ins-d-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.ins-d-btn{border-radius:8px;padding:10px 18px;font-size:12px;font-weight:700}.ins-d-btn.light{border:1px solid var(--line);color:var(--ink-soft)}.ins-d-btn.dark{background:var(--water-deep);color:#fff}.ins-wa{width:360px;max-width:92vw;border-radius:14px;overflow:hidden;box-shadow:0 16px 40px #0a1f3a33;border:1px solid #cfe8d6}.ins-wa-bar{background:#075e54;color:#fff;padding:12px 16px;font-size:13px;font-weight:600}.ins-wa-body{background:#e6ddd4;padding:16px}.ins-wa-bubble{background:#fff;border-radius:10px;padding:12px 14px;box-shadow:0 2px 6px #00000014}.ins-wa-head{font-size:12px;font-weight:700;color:var(--ink)}.ins-wa-name{font-size:13px;font-weight:600;color:#9c6a10;margin-top:6px}.ins-wa-desc{font-size:12px;color:var(--ink-soft);margin-top:4px;line-height:1.4}.ins-wa-link{margin-top:10px;background:#dcf8c6;color:#075e54;font-weight:700;font-size:13px;text-align:center;padding:9px;border-radius:8px}.ins-wa-note{font-size:10px;color:var(--ink-soft);text-align:center;margin-top:6px}.ins-digest{width:620px;max-width:100%;background:#fff;border-radius:12px;border:1px solid var(--line);box-shadow:0 16px 40px #0a1f3a29;padding:18px}.ins-digest-head{font-family:var(--serif);font-weight:700;font-size:18px;color:var(--ink);margin-bottom:12px}.ins-digest-range{font-family:var(--mono);font-size:11px;color:var(--ink-soft);margin-left:8px}.ins-digest-counts{display:flex;gap:12px;margin-bottom:14px;border-radius:8px}.ins-dc{flex:1;border:1px solid var(--line);border-radius:10px;padding:12px;text-align:center;font-size:12px;color:var(--ink-soft)}.ins-dc-num{display:block;font-size:24px;font-weight:700}.ins-dc-num.new{color:var(--water-deep)}.ins-dc-num.closed{color:var(--leaf)}.ins-dc-num.open{color:var(--coral)}.ins-digest-sub{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px}.ins-digest-latest{border-radius:10px;margin-bottom:14px}.ins-digest-latest .ins-detail{width:100%;box-shadow:none}.ins-digest-link{background:var(--ink);color:var(--paper);text-align:center;padding:11px;border-radius:8px;font-weight:700;font-size:13px}.ins-digest-plants{margin-top:14px}.ins-plant-chips{display:flex;gap:8px;flex-wrap:wrap}.ins-plant-chip{background:var(--paper-warm);border:1px solid var(--line);border-radius:14px;padding:4px 12px;font-size:11px;color:var(--ink-soft)}.tsk{width:1120px;max-width:100%;background:#fff;border-radius:12px;border:1px solid var(--line);box-shadow:0 16px 40px #0a1f3a29;padding:18px}.tsk-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.tsk-title{font-family:var(--serif);font-weight:700;font-size:24px;color:var(--ink)}.tsk-add{background:var(--brand);color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;padding:9px 16px;border-radius:8px}.tsk-filters{display:grid;grid-template-columns:1.4fr 1.2fr 1fr 1fr 1fr;gap:12px;margin-bottom:16px}.tsk-search{border:1px solid var(--line);border-radius:8px;padding:11px 14px;color:var(--ink-soft);font-size:12.5px}.tsk-field{border:1px solid var(--line);border-radius:8px;padding:6px 12px 8px;display:flex;flex-direction:column;gap:2px}.tsk-field-label{font-size:9px;color:var(--ink-soft);letter-spacing:.04em}.tsk-field-val{font-size:12.5px;color:var(--ink);display:flex;justify-content:space-between}.tsk-field-val.ph{color:#9aa7b8}.tsk-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-top:1px solid var(--line)}.tsk-table{width:100%;border-collapse:collapse;font-size:12.5px}.tsk-table th{text-align:left;padding:10px 12px;color:var(--ink-soft);border-bottom:1px solid var(--line);font-weight:600;white-space:nowrap}.tsk-table td{padding:12px;border-bottom:1px solid #eef2f7;vertical-align:top}.tsk-th-hl,td.tsk-hl{background:#d4a0171a}.tsk-namecell{max-width:420px}.tsk-row-name{font-weight:700;color:var(--ink)}.tsk-row-desc{color:var(--ink-soft);margin-top:3px;line-height:1.45}.tsk-plant{border:1px solid var(--line);border-radius:16px;padding:4px 12px;font-size:11px;color:var(--ink-soft);white-space:nowrap}.tsk-pri{border:1px solid;border-radius:16px;padding:4px 14px;font-size:11px;font-weight:600}.tsk-pri.hi{color:var(--coral);border-color:#e7a89f;background:#c74e3f0f}.tsk-pri.mid{color:#b07d15;border-color:#e3c878;background:#d4a01712}.tsk-pri.lo{color:var(--leaf);border-color:#aedcc1;background:#2d865912}.tsk-assignee{color:var(--ink);white-space:nowrap}.tsk-dash{color:#b9c2cf}.tsk-skills{display:flex;gap:6px;flex-wrap:wrap}.tsk-skill{border:1px solid var(--line);border-radius:16px;padding:3px 11px;font-size:11px;color:var(--ink-soft);background:var(--paper-warm);white-space:nowrap}.tsk-status{border:1px solid;border-radius:16px;padding:4px 14px;font-size:10.5px;font-weight:700;letter-spacing:.04em}.tsk-status.pending{color:var(--coral);border-color:#e7a89f;background:#c74e3f0f}.tsk-status.completed{color:var(--leaf);border-color:#aedcc1;background:#2d865912}.tsk-action{color:var(--ink-soft);font-size:18px;text-align:center}.tsk-detail{position:relative;width:560px;max-width:100%;background:#fff;border-radius:12px;border:1px solid var(--line);box-shadow:0 16px 40px #0a1f3a29;padding:22px}.tsk-toast{position:absolute;top:-16px;right:14px;background:#e7f6ee;border:1px solid #aedcc1;color:#1f6b44;font-size:12px;font-weight:600;padding:8px 14px;border-radius:8px;box-shadow:0 6px 16px #2d865933}.tsk-d-name{font-family:var(--serif);font-size:21px;font-weight:600;color:var(--ink);line-height:1.25}.tsk-d-desc{color:var(--ink-soft);font-size:13px;line-height:1.5;margin:6px 0 14px}.tsk-d-block{margin-bottom:16px;border-radius:8px}.tsk-d-h{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px}.tsk-d-steps{margin:0;padding-left:18px;color:var(--ink);font-size:13px;line-height:1.6}.tsk-d-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}.tsk-d-metarow{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink-soft);border-bottom:1px dashed #eef2f7;padding-bottom:4px}.tsk-d-metarow b{color:var(--ink)}.tsk-d-step{border:1.5px solid;border-radius:10px;margin-top:6px;overflow:hidden}.tsk-d-step-btn{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;font-size:12px;font-weight:700;letter-spacing:.04em}.tsk-d-step-body{padding:0 16px 12px;font-size:12px;color:var(--ink-soft)}.tsk-caret{font-size:11px;opacity:.8}.tsk-d-next{margin-top:10px;padding:11px 16px;font-size:12.5px;color:var(--ink-soft);border:1px dashed var(--line);border-radius:8px}.tsk-d-history{margin-top:16px;padding-top:14px;border-top:1px solid #eef2f7;text-align:center}.tsk-d-mediaicon{font-size:26px;opacity:.45}.tsk-d-nohistory{font-size:12px;color:#9aa7b8;margin-top:4px}.tsk-d-media{background:#f0ebf7;border:1px solid #d4c6e8;color:#5f4585;border-radius:8px;padding:12px;font-size:12.5px;font-weight:600}.tsk-d-step.todo,.wf-node.todo{border-color:#e0a100;background:#fff8e6}.tsk-d-step.todo .tsk-d-step-btn,.wf-node.todo{color:#9c6f00}.tsk-d-step.inprogress,.wf-node.inprogress{border-color:#a85a23;background:#fdeee2}.tsk-d-step.inprogress .tsk-d-step-btn,.wf-node.inprogress{color:#8a4b1d}.tsk-d-step.done,.wf-node.done{border-color:#2d8659;background:#e7f6ee}.tsk-d-step.done .tsk-d-step-btn,.wf-node.done{color:#1f6b44}.tsk-d-step.action,.wf-node.action{border-color:#7b5ea7;background:#f0ebf7}.tsk-d-step.action .tsk-d-step-btn,.wf-node.action{color:#5f4585}.wf{width:1120px;max-width:100%;background:#fff;border-radius:12px;border:1px solid var(--line);box-shadow:0 16px 40px #0a1f3a29;padding:18px}.wf-head{display:flex;gap:14px;margin-bottom:12px}.wf-field{flex:1;border:1px solid var(--line);border-radius:8px;padding:7px 14px 9px;display:flex;flex-direction:column;gap:3px;background:#fafbfc}.wf-field.wide{flex:1}.wf-field-label{font-size:9px;color:var(--brand);letter-spacing:.04em}.wf-field-val{font-size:13px;color:var(--ink)}.wf-field-val.ph{color:#9aa7b8}.wf-canvas{border:1px solid var(--line);border-radius:10px;padding:16px;margin-top:6px;background-image:radial-gradient(circle,#dfe4ea 1px,transparent 1px);background-size:18px 18px}.wf-legend{display:flex;gap:10px;margin-bottom:22px}.wf-chip{border:1px solid;border-radius:16px;padding:4px 14px;font-size:11px;font-weight:600}.wf-chip.todo{color:#9c6f00;border-color:#e0a100;background:#fff8e6}.wf-chip.inprogress{color:#8a4b1d;border-color:#a85a23;background:#fdeee2}.wf-chip.done{color:#1f6b44;border-color:#2d8659;background:#e7f6ee}.wf-chip.action{color:#5f4585;border-color:#7b5ea7;background:#f0ebf7}.wf-flow{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:16px 4px}.wf-flow-item{display:flex;align-items:center;gap:6px}.wf-node{border:1.5px solid;border-radius:8px;padding:14px 12px;font-size:12px;font-weight:600;text-align:center;width:132px;min-height:64px;display:flex;align-items:center;justify-content:center;line-height:1.35}.wf-arrow{color:#9aa7b8;font-size:16px}.ev{width:1120px;max-width:100%;background:#fff;border-radius:12px;border:1px solid var(--line);box-shadow:0 16px 40px #0a1f3a29;padding:20px}.ev-pagetitle{font-family:var(--serif);font-weight:700;font-size:24px;color:var(--ink);margin-bottom:14px}.ev-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-bottom:16px}.ev-search{border:1px solid var(--line);border-radius:8px;padding:11px 14px;color:var(--ink-soft);font-size:12.5px}.ev-field{border:1px solid var(--line);border-radius:8px;padding:11px 14px;color:var(--ink);font-size:12.5px;display:flex;align-items:center;gap:8px;position:relative}.ev-field-label{font-size:9px;color:var(--ink-soft);position:absolute;top:-7px;left:10px;background:#fff;padding:0 4px}.ev-scroll{border-top:1px solid var(--line);overflow-x:auto;-webkit-overflow-scrolling:touch}.ev-table{width:100%;border-collapse:collapse;font-size:12.5px}.ev-table th{text-align:left;padding:12px;color:var(--ink-soft);border-bottom:1px solid var(--line);font-weight:600}.ev-table td{padding:14px 12px;border-bottom:1px solid #eef2f7;vertical-align:top}.ev-th-hl{background:#d4a0171a}.ev-row-name{font-weight:700;color:var(--ink);font-size:14px}.ev-row-desc{color:var(--ink-soft);margin-top:2px}.ev-row-meta{font-family:var(--mono);font-size:10px;color:#9aa7b8;margin-top:6px}.ev-status{font-weight:600;white-space:nowrap}.ev-status.active{color:var(--leaf)}.ev-status.inactive{color:var(--ink-soft)}.ev-equip{display:flex;gap:6px;flex-wrap:wrap}.ev-chip{border:1px solid var(--line);border-radius:16px;padding:3px 11px;font-size:11px;color:var(--ink-soft);background:var(--paper-warm);white-space:nowrap}.ev-wa{color:var(--ink-soft)}.ev-wa-sub{color:#9aa7b8;margin-top:2px}.ev-pill{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:16px;padding:4px 11px;font-size:11.5px;color:var(--ink);white-space:nowrap}.ev-modal{width:1000px;max-width:100%;background:#fff;border-radius:14px;border:1px solid var(--line);box-shadow:0 20px 50px #0a1f3a38;overflow:hidden}.ev-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid #eef2f7;font-family:var(--serif);font-size:20px;font-weight:600;color:var(--ink)}.ev-x{color:var(--ink-soft);font-size:14px}.ev-modal-body{padding:20px 22px}.ev-desc-label{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.ev-desc{color:var(--ink-soft);font-size:13px;margin:4px 0 16px}.ev-summary{display:flex;gap:26px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid #eef2f7}.ev-stat{display:flex;flex-direction:column;gap:3px}.ev-stat-label{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.ev-stat-val{font-size:13.5px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:6px}.ev-stat-sub{font-size:12px;color:var(--ink-soft)}.ev-ic{opacity:.8}.ev-logs{margin:16px 0;background:#fafbfd;border:1px solid #eef2f7;border-radius:10px;padding:14px 16px}.ev-logs-title{font-weight:600;color:var(--ink);font-size:14px;margin-bottom:10px}.ev-log{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-soft);padding:10px;border-radius:8px}.ev-log.active{background:#e6f0fa;color:var(--ink)}.ev-log-ic{opacity:.6}.ev-dot{color:#c4ccd6}.ev-log-dur{font-weight:600;color:var(--ink)}.ev-charts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:4px}.ev-chart{border:1px solid var(--line);border-radius:10px;padding:12px}.ev-chart-title{text-align:center;font-size:12.5px;font-weight:600;color:var(--ink);margin-bottom:4px}.ev-chart-svg{width:100%;height:auto;display:block}.ev-chart-tick{font-size:8px;fill:#9aa7b8}.ev-chart-xlabel{font-size:6px;fill:#9aa7b8}.cfg{width:1080px;max-width:100%;background:#fff;border-radius:12px;border:1px solid var(--line);box-shadow:0 16px 40px #0a1f3a29;overflow:hidden}.cfg-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #eef2f7;background:var(--brand);color:#fff}.cfg-head-icon{font-size:16px}.cfg-head-title{font-family:var(--serif);font-weight:600;font-size:17px}.cfg-layouts{margin-left:auto;display:flex;gap:6px;background:#ffffff1f;border-radius:8px;padding:3px}.cfg-layout{font-size:11px;padding:5px 11px;border-radius:6px;color:#ffffffbf}.cfg-layout.on{background:#fff;color:var(--brand);font-weight:700}.cfg-body{display:grid;grid-template-columns:240px 1fr;gap:0}.cfg-sensors{border-right:1px solid #eef2f7;padding:14px;display:flex;flex-direction:column;gap:7px}.cfg-col-label,.cfg-card-title{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.cfg-col-label{margin-bottom:4px}.cfg-sensor{border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-size:12.5px;color:var(--ink);display:flex;flex-direction:column;gap:2px}.cfg-sensor.active{border-color:var(--brand);background:#eef2f8}.cfg-sensor.add{color:var(--brand);border-style:dashed;font-weight:600;text-align:center}.cfg-sensor-sub{font-size:11px;color:var(--ink-soft)}.cfg-settings{padding:14px 18px;display:flex;flex-direction:column;gap:14px}.cfg-card{border:1px solid var(--line);border-radius:10px;padding:12px 14px}.cfg-card-title{margin-bottom:10px}.cfg-field{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:12.5px;color:var(--ink-soft)}.cfg-field:last-child{margin-bottom:0}.cfg-field.sm{flex:1}.cfg-input{background:var(--paper-warm);border:1px solid var(--line);border-radius:6px;padding:6px 10px;font-size:12.5px;color:var(--ink);min-width:150px;text-align:right}.cfg-dd-wrap{position:relative}.cfg-dd{background:#fff;border:1px solid var(--line);border-radius:6px;padding:6px 10px;font-size:12.5px;color:var(--ink);min-width:150px;display:flex;justify-content:space-between;gap:8px}.cfg-dd-menu{position:absolute;right:0;top:100%;margin-top:4px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 28px #0a1f3a2e;z-index:5;min-width:180px;overflow:hidden}.cfg-dd-opt{padding:8px 12px;font-size:12.5px;color:var(--ink)}.cfg-dd-opt.sel{background:#eef2f8;color:var(--brand);font-weight:600}.cfg-check{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--ink);margin-bottom:8px}.cfg-check:last-child{margin-bottom:0}.cfg-box{width:17px;height:17px;border:1.5px solid var(--line);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;flex-shrink:0}.cfg-box.on{background:var(--brand);border-color:var(--brand)}.cfg-seg{display:inline-flex;background:var(--paper-warm);border-radius:8px;padding:3px}.cfg-seg-opt{font-size:12px;padding:6px 16px;border-radius:6px;color:var(--ink-soft)}.cfg-seg-opt.on{background:#fff;color:var(--brand);font-weight:700;box-shadow:0 1px 4px var(--shadow)}.cfg-thr-row{display:flex;gap:10px;margin-bottom:10px}.cfg-thr-band{display:flex;align-items:center;gap:8px;font-size:12px;padding:7px 10px;border-radius:6px;margin-bottom:5px}.cfg-thr-band .cfg-dot{width:9px;height:9px;border-radius:50%}.cfg-thr-band.safe{background:#e7f6ee;color:#1f6b44}.cfg-thr-band.safe .cfg-dot{background:#2d8659}.cfg-thr-band.caution{background:#fdf3dd;color:#b07d15}.cfg-thr-band.caution .cfg-dot{background:#d4a017}.cfg-thr-band.critical{background:#fdecea;color:var(--coral)}.cfg-thr-band.critical .cfg-dot{background:var(--coral)}.comm{width:1080px;max-width:100%;background:#fff;border-radius:12px;border:1px solid var(--line);box-shadow:0 16px 40px #0a1f3a29;padding:20px}.comm-pagetitle{font-family:var(--serif);font-weight:700;font-size:24px;color:var(--ink);margin-bottom:14px}.comm-search{border:1px solid var(--line);border-radius:8px;padding:12px 14px;color:var(--ink-soft);font-size:13px;margin-bottom:14px}.comm-filters{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.comm-chip{border:1px solid var(--line);border-radius:16px;padding:5px 14px;font-size:12px;color:var(--ink-soft);white-space:nowrap}.comm-chip.on{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.comm-clear{font-size:12px;color:var(--brand);font-weight:600;margin-left:2px}.comm-list{border-top:1px solid #eef2f7}.comm-row{display:flex;align-items:flex-start;gap:12px;padding:13px 6px;border-bottom:1px solid #eef2f7}.comm-avatar{width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.comm-avatar.sm{width:28px;height:28px}.comm-medium{font-size:14px;font-weight:700}.comm-body{flex:1;min-width:0}.comm-line1{display:flex;align-items:center;gap:6px}.comm-sender{font-weight:700;color:var(--ink);font-size:13px}.comm-dot{color:#b9c2cf}.comm-title{font-weight:600;color:var(--ink);font-size:13px;margin-top:1px}.comm-text{color:var(--ink-soft);font-size:12.5px;line-height:1.45;margin-top:2px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.comm-attach{display:inline-flex;align-items:center;gap:5px;margin-top:6px;border:1px solid var(--line);border-radius:6px;padding:4px 10px;font-size:11px;color:var(--ink-soft);background:var(--paper-warm)}.comm-time{font-size:11px;color:#9aa7b8;white-space:nowrap;flex-shrink:0}.comm-status{border-radius:12px;padding:2px 10px;font-size:10.5px;font-weight:700}.comm-status.delivered{color:#1f6b44;background:#e7f6ee}.comm-status.read{color:#1d5a8a;background:#e6f0fa}.comm-status.sent{color:#5a6b8c;background:#eef1f6}.comm-status.undelivered{color:#b07d15;background:#fdf3dd}.comm-status.failed{color:var(--coral);background:#fdecea}.comm-modal{width:520px;max-width:100%;background:#fff;border-radius:12px;border:1px solid var(--line);box-shadow:0 20px 50px #0a1f3a38;overflow:hidden}.comm-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eef2f7;font-family:var(--serif);font-size:20px;font-weight:600;color:var(--ink)}.comm-x{color:var(--ink-soft);font-size:14px}.comm-modal-body{padding:20px}.comm-f-label{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin:12px 0 5px}.comm-f-label:first-child{margin-top:0}.comm-f-subject{font-weight:600;color:var(--ink);font-size:14px}.comm-f-msg{font-size:13px;color:var(--ink);line-height:1.55}.comm-f-msg p{margin-bottom:9px}.comm-attach-card{border:1px solid var(--line);border-radius:8px;padding:12px;max-width:240px}.comm-attach-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:var(--ink);margin-bottom:8px}.comm-dl{color:var(--brand)}.comm-pdf{background:#fdecea;color:var(--coral);border-radius:6px;height:64px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;letter-spacing:.1em}.comm-wa-sender{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-soft);margin-bottom:12px}.comm-wa-bubble{background:#e7f6ee;border-radius:10px;padding:14px;font-size:13px;color:var(--ink);line-height:1.55}.inv,.inv-log,.inv-cats{width:1080px;max-width:100%;background:#fff;border-radius:12px;border:1px solid var(--line);box-shadow:0 16px 40px #0a1f3a29;padding:18px}.inv-cats{width:900px}.inv-title{font-family:var(--serif);font-weight:700;font-size:22px;color:var(--ink);margin-bottom:12px}.inv-tabs{display:flex;gap:22px;border-bottom:1px solid #eef2f7;margin-bottom:14px;flex-wrap:wrap}.inv-tab{font-size:12px;font-weight:600;color:var(--ink-soft);padding-bottom:8px;white-space:nowrap}.inv-tab.active{color:var(--ink);border-bottom:2px solid var(--water-deep)}.inv-search{background:#f1f4f8;border-radius:8px;padding:10px 14px;color:var(--ink-soft);font-size:12px;margin-bottom:12px}.inv-scroll{overflow-x:auto}.inv-table,.inv-logtable{width:100%;border-collapse:collapse;font-size:12.5px}.inv-table th,.inv-logtable th{text-align:left;padding:10px 14px;color:var(--ink-soft);border-bottom:1px solid var(--line);font-weight:600;white-space:nowrap}.inv-th-hl{background:#d4a0171f}.inv-table td,.inv-logtable td{padding:12px 14px;border-bottom:1px solid #eef2f7;vertical-align:top}.inv-name{font-weight:600;color:var(--ink)}.inv-cat{color:var(--ink-soft)}.inv-hl{background:#d4a0171f;border-radius:4px}.inv-stock{font-weight:600;color:var(--ink)}.inv-lc{color:var(--coral);font-weight:600}.inv-lc-sub{color:var(--ink-soft);font-size:10px;margin-top:2px}.inv-actual{font-weight:600;color:var(--ink)}.inv-exp{color:var(--ink-soft)}.inv-log-cards{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.inv-log-chem{font-weight:700;color:var(--ink)}.inv-card{border:1px solid var(--line);border-radius:8px;padding:9px 16px;font-size:12px;color:var(--ink-soft)}.inv-log-date{display:inline-block;border:1px solid var(--line);border-radius:8px;padding:8px 14px;font-size:12px;color:var(--ink);margin-bottom:12px}.inv-remark{color:var(--ink-soft)}.inv-amt{display:inline-block;min-width:90px;text-align:center;padding:6px 14px;border-radius:6px;font-weight:600}.inv-amt.neg{background:#fdecea;color:var(--coral);border:1px solid #f6cfca}.inv-amt.pos{background:#d9f2e3;color:var(--leaf);border:1px solid #b6e3c8}.inv-unit{color:var(--ink-soft)}.inv-dt{color:var(--water-deep)}.inv-cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.inv-cat-tile{display:flex;align-items:center;justify-content:center;gap:8px;padding:22px;border-radius:8px;font-weight:700;font-size:15px}.inv-cat-tile.chem{background:#1aa3c4;color:#fff}.inv-cat-tile.solution{background:#9ff0c8;color:#0b6b46}.inv-cat-tile.consumable{background:#ff9ed8;color:#9c1f72}.inv-cat-tile.disabled{background:#e9ecf0;color:#9aa7b8}.inv-cat-arrow{font-size:13px}.inv-modal{width:380px;max-width:92vw;background:#fff;border-radius:12px;box-shadow:0 16px 40px #0a1f3a33;border:1px solid var(--line);padding:18px}.inv-form{width:320px;max-width:92vw;background:#fff;border-radius:12px;box-shadow:0 16px 40px #0a1f3a33;border:1px solid var(--line);padding:18px}.inv-modal-head{display:flex;align-items:center;justify-content:space-between;font-weight:700;color:var(--ink);margin-bottom:14px}.inv-x{color:var(--ink-soft)}.inv-avail{border:1px solid #cfe0d8;background:#f3faf6;border-radius:8px;padding:10px 12px;font-size:13px;color:var(--ink-soft);margin-bottom:14px}.inv-avail strong{color:var(--ink)}.inv-field{position:relative;margin-bottom:12px}.inv-field.small{flex:1}.inv-field-label{display:block;font-size:9px;color:var(--ink-soft);font-family:var(--mono);letter-spacing:.06em;margin-bottom:4px}.inv-select,.inv-input{border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:14px;color:var(--ink);display:flex;justify-content:space-between;align-items:center}.inv-row{display:flex;gap:12px}.inv-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 30px #0a1f3a33;z-index:10;overflow:hidden;margin-top:4px}.inv-opt{padding:9px 12px;font-size:13px;color:var(--ink-soft)}.inv-opt+.inv-opt{border-top:1px solid #f0ead9}.inv-opt.sel{background:#eef2f7;color:var(--ink);font-weight:600}.inv-addremove{display:flex;gap:10px}.inv-btn{flex:1;text-align:center;padding:11px;border-radius:8px;font-size:12px;font-weight:700}.inv-btn.light{border:1px solid var(--line);color:var(--ink)}.inv-btn.dark{background:var(--ink);color:var(--paper)}.inv-submit{margin-top:16px;background:var(--ink);color:var(--paper);text-align:center;padding:12px;border-radius:8px;font-weight:700;letter-spacing:.04em}.di-fileup{width:440px;max-width:92vw;background:#fff;border-radius:12px;box-shadow:0 16px 40px #0a1f3a2e;border:1px solid var(--line);padding:18px}.di-fileup-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.di-fileup-title{font-family:var(--serif);font-weight:700;font-size:18px;color:var(--ink)}.di-fileup-x{color:var(--ink-soft)}.di-fileup-drop{border:1.5px dashed var(--line);border-radius:10px;padding:28px 18px;text-align:center;position:relative}.di-fileup-req{position:absolute;top:8px;right:14px;font-size:11px;color:var(--coral)}.di-fileup-cloud{font-size:28px;color:var(--water)}.di-fileup-text{font-size:13px;color:var(--ink-soft);margin-top:8px}.di-prev{width:1120px;max-width:100%;background:#fff;border-radius:12px;box-shadow:0 16px 40px #0a1f3a29;border:1px solid var(--line);padding:18px}.di-prev-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.di-prev-title{font-family:var(--serif);font-weight:700;font-size:20px;color:var(--ink)}.di-prev-sub{font-size:12px;color:var(--ink-soft);margin-top:4px;max-width:640px}.di-prev-stats{font-size:12px;color:var(--ink-soft);border:1px solid var(--line);border-radius:8px;padding:8px 12px;white-space:nowrap}.di-st-ok{color:var(--leaf)}.di-st-fail{color:var(--coral)}.di-prev-scroll{overflow-x:auto;border:1px solid #eef2f7;border-radius:8px}.di-prev-table{width:100%;border-collapse:collapse;font-size:12px}.di-prev-table th{background:#f5f8fc;text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);border-right:1px solid #eef2f7;white-space:nowrap;font-weight:700;color:var(--ink)}.di-prev-table td{padding:9px 12px;border-bottom:1px solid #eef2f7;border-right:1px solid #eef2f7;white-space:nowrap}.di-prev-extra{color:var(--ink-soft)}.di-prev-extra.dim{opacity:.4}.di-prev-tag{color:var(--water-deep);font-weight:600}.di-prev-tag.axis,.di-prev-time.axis{background:#d4a01724}.di-pencil{color:var(--ink-soft);font-size:10px;margin-left:4px}.di-prev-cell{text-align:center;font-weight:600}.di-prev-cell.safe{background:#2d865924;color:var(--leaf)}.di-prev-cell.warning{background:#d4a01729;color:#a37c10}.di-prev-cell.error{background:#c74e3f1f;color:var(--coral)}.di-prev-cell.validation{background:#eef0f3;color:var(--ink-soft)}.di-prev-foot{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.di-prev-legend{display:flex;gap:16px;font-size:11px;color:var(--ink-soft)}.di-prev-legend span{display:inline-flex;align-items:center;gap:6px}.di-sw{width:12px;height:12px;border-radius:3px;display:inline-block}.di-sw.safe{background:#2d865966}.di-sw.warning{background:#d4a01780}.di-sw.error{background:#c74e3f66}.di-sw.validation{background:#d8dde4}.di-prev-actions{display:flex;gap:10px}.di-prev-btn{border:1px solid var(--line);border-radius:8px;padding:9px 18px;font-size:12px;font-weight:700;color:var(--ink-soft);letter-spacing:.04em}.di-prev-btn.dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}.ocr2{width:880px;max-width:100%}.ocr2-fields{display:flex;gap:16px;margin-bottom:16px}.ocr2-dd{flex:1;border:1px solid var(--line);border-radius:8px;padding:8px 12px;background:#fff}.ocr2-dd-label{display:block;font-size:9px;color:var(--ink-soft);font-family:var(--mono);letter-spacing:.08em}.ocr2-dd-value{font-size:14px;color:var(--ink);display:flex;justify-content:space-between;align-items:center}.ocr2-caret{color:var(--ink-soft)}.ocr2-drop{border:1.5px dashed var(--water);border-radius:10px;background:#f8fbfe;padding:30px;text-align:center;color:var(--ink-soft)}.ocr2-drop-text{font-size:14px}.ocr2-cloud{font-size:30px;color:var(--water);margin:8px 0}.ocr2-uploadbtn{display:inline-block;background:var(--ink);color:var(--paper);font-size:12px;font-weight:600;padding:9px 18px;border-radius:8px}.ocr2-hint{font-size:11px;color:var(--ink-soft);margin-top:10px}.ocr2-review{width:980px;max-width:100%;display:flex;gap:18px}.ocr2-left,.ocr2-right{flex:1;min-width:0}.ocr2-secthead{font-weight:700;color:var(--ink);font-size:14px}.ocr2-img{margin-top:10px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fffdf7}.ocr2-img .ocr-img-row,.ocr-img-row{display:flex;justify-content:space-between;padding:11px 14px;border-bottom:1px solid #ede7d6}.ocr-img-head{background:#f3ede0;font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.ocr-img-label{color:var(--ink-soft);font-size:13px}.ocr-img-hand{font-family:Fraunces,serif;font-style:italic;font-weight:600;color:#1b3c66;font-size:17px}.ocr2-righthead{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ocr2-dt{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--ink-soft);border:1px solid var(--line);border-radius:6px;padding:4px 8px}.ocr2-save{background:var(--water-deep);color:#fff;font-size:11px;font-weight:700;padding:6px 12px;border-radius:6px}.ocr2-extracted{border-radius:8px}.ocr2-frow{display:flex;align-items:center;gap:14px;padding:10px 6px;border-bottom:1px solid #eef2f7}.ocr2-fname{width:110px;font-weight:600;color:var(--ink);font-size:13px}.ocr2-fcol{display:flex;flex-direction:column;gap:3px}.ocr2-fcol-label{font-family:var(--mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.ocr2-finput{border:1px solid var(--line);border-radius:6px;padding:7px 12px;min-width:120px;font-weight:600;color:var(--ink);background:#fff}.ocr2-processing{padding:40px 16px;text-align:center}.ocr2-spinner{width:34px;height:34px;margin:0 auto 14px;border:3px solid var(--paper-warm);border-top-color:var(--water-deep);border-radius:50%;animation:ocr-spin .9s linear infinite}@keyframes ocr-spin{to{transform:rotate(360deg)}}.ocr2-proc-title{font-weight:600;color:var(--ink)}.ocr2-proc-sub{font-size:12px;color:var(--ink-soft);margin-top:4px}.rnw .ring,.gw .ring,.et .ring,.adv .ring,.stbl .ring,.gr .ring,.sh .ring,.scg .ring,.di .ring,.di-card .ring,.di-prev .ring,.di-fileup .ring,.ocr2 .ring,.ocr2-review .ring,.inv .ring,.inv-log .ring,.inv-cats .ring,.inv-modal .ring,.inv-form .ring,.ins .ring,.ins-detail .ring,.ins-wa .ring,.ins-digest .ring,.viz .ring,.tsk .ring,.tsk-detail .ring,.wf .ring,.comm .ring,.comm-modal .ring,.cfg .ring,.ev .ring,.ev-modal .ring{position:relative}.rnw .ring:after,.gw .ring:after,.et .ring:after,.adv .ring:after,.stbl .ring:after,.gr .ring:after,.sh .ring:after,.scg .ring:after,.di .ring:after,.di-card .ring:after,.di-prev .ring:after,.di-fileup .ring:after,.ocr2 .ring:after,.ocr2-review .ring:after,.inv .ring:after,.inv-log .ring:after,.inv-cats .ring:after,.inv-modal .ring:after,.inv-form .ring:after,.ins .ring:after,.ins-detail .ring:after,.ins-wa .ring:after,.ins-digest .ring:after,.viz .ring:after,.tsk .ring:after,.tsk-detail .ring:after,.wf .ring:after,.comm .ring:after,.comm-modal .ring:after,.cfg .ring:after,.ev .ring:after,.ev-modal .ring:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:6px;border:2px solid var(--accent);box-shadow:0 0 0 3px #d4a0172e,0 0 14px #d4a01780;animation:rnw-ring 1.6s infinite;pointer-events:none;z-index:6}.rnw .ring:after,.gw .ring:after{top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:8px}@keyframes rnw-ring{0%,to{opacity:.65}50%{opacity:1}}.narration{background:#fff;border-radius:16px;padding:28px 32px;box-shadow:0 12px 32px var(--shadow);margin-bottom:24px;border-left:4px solid var(--accent);position:relative}.narration:before{content:"";position:absolute;top:16px;right:18px;width:60px;height:1px;background:var(--line)}.narration-label{position:absolute;top:9px;right:18px;font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:var(--ink-soft)}.narration-step{display:flex;align-items:center;gap:10px;margin-bottom:12px}.step-number{font-family:var(--serif);font-size:32px;font-weight:500;color:var(--accent);font-style:italic;line-height:1}.step-divider{width:24px;height:1px;background:var(--line)}.narration-title{font-family:var(--serif);font-size:24px;font-weight:500;color:var(--ink);letter-spacing:-.01em;line-height:1.2}.narration-body{font-size:15px;line-height:1.65;color:var(--ink-soft);margin-top:8px}.narration-body strong{color:var(--ink);font-weight:600}.narration-tip{margin-top:14px;padding:10px 14px;background:#d4a01714;border-left:2px solid var(--accent);border-radius:0 6px 6px 0;font-size:13px;color:var(--ink-soft)}.narration-tip strong{color:var(--ink);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:4px}.player-controls{position:sticky;bottom:14px;z-index:65;display:flex;justify-content:space-between;align-items:center;padding:14px 22px;background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px #0a1f3a29;flex-wrap:wrap;gap:16px}.player-controls.with-video{position:static;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 4px 12px var(--shadow)}.btn{padding:11px 22px;border-radius:8px;font-family:var(--sans);font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .3s;display:flex;align-items:center;gap:8px;letter-spacing:.02em}.btn-prev{background:#fff;color:var(--ink-soft);border:1px solid var(--line)}.btn-prev:hover:not(:disabled){background:var(--paper-warm);color:var(--ink)}.btn-prev:disabled{opacity:.35;cursor:not-allowed}.btn-next{background:var(--ink);color:var(--paper)}.btn-next:hover{background:var(--water-deep);transform:translateY(-1px);box-shadow:0 6px 16px #0a1f3a40}.step-pips{display:flex;gap:8px;align-items:center}.pip{position:relative;width:8px;height:8px;border-radius:50%;background:var(--line);cursor:pointer;transition:all .3s;border:none;padding:0}.pip.active{background:var(--accent);width:28px;border-radius:4px}.pip:hover:not(.active){background:var(--ink-soft)}.next-lesson-banner{margin-top:18px;padding:16px 22px;background:linear-gradient(135deg,#fff,#fdf8ec);border:1px solid var(--accent);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;box-shadow:0 8px 24px #d4a01726}.next-lesson-banner .nl-eyebrow{font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}.next-lesson-banner .nl-title{font-family:var(--serif);font-size:18px;font-weight:600;color:var(--ink)}.footer{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);text-align:center;font-family:var(--mono);font-size:10px;color:var(--ink-soft);letter-spacing:.15em}.footer em{font-family:var(--serif);font-style:italic;color:var(--water);text-transform:none;font-size:12px;letter-spacing:0}@media (max-width: 700px){.lesson-title{font-size:32px}.narration{padding:20px}.voice-panel{flex-direction:column;align-items:stretch}.voice-controls{justify-content:space-between}.showcase-viewport{--viewport-h: 360px}.subtitle-bar{font-size:13px}.lesson-row{flex-wrap:wrap;row-gap:8px}.lesson-row-info{flex:1 1 150px}.lesson-cta{margin-left:auto}.stage-frame{padding:12px;min-height:280px}.stage-controls{width:calc(100% + 24px);margin:14px -12px -12px}.widget-stage-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start}.widget-stage{margin-inline:auto}.widget-stage.widget-stage-wide{min-width:620px}.header{padding-bottom:12px;margin-bottom:16px;gap:8px;align-items:center}.brand-logo-img{height:32px}.brand-text{font-size:11px;letter-spacing:.14em}.header-right{width:100%;gap:6px;justify-content:flex-start}.header-meta{text-align:left;font-size:10px}.tour-button{padding:5px 9px;font-size:11px}.auth-chip{padding:3px 5px 3px 9px;gap:6px}.auth-chip-name{max-width:80px;font-size:11px}.auth-chip-out{padding:4px 9px;font-size:10px}.lang-selector{padding:4px 7px}.sc-row{padding:8px 10px 10px;gap:8px}.sc-left,.sc-right{width:100%;justify-content:center}.sc-left{gap:12px}.sc-status{display:none}.sc-right{gap:6px}.sc-speed-btn{padding:5px 7px;font-size:10px}.sc-toggle{padding:6px 9px}.sc-toggle-label{display:none}.sc-voice-btn{padding:5px 10px;font-size:12px}.track-toggle{display:flex;width:100%}.track-seg{flex:1;padding:10px 8px}.player-controls{padding:9px 12px;bottom:8px;gap:8px;flex-wrap:nowrap}.player-controls .btn{padding:9px 14px;font-size:12px}.step-pips{gap:2px;overflow:hidden;flex-shrink:1}.pip{width:26px;height:30px;background:transparent;display:inline-flex;align-items:center;justify-content:center}.pip:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--line);transition:all .3s}.pip.active{width:34px;background:transparent}.pip.active:after{width:20px;height:8px;border-radius:4px;background:var(--accent)}.pip:hover:not(.active):after{background:var(--ink-soft)}.admin-users{overflow-x:auto;-webkit-overflow-scrolling:touch}.au-head,.au-row{min-width:580px}.lang-dropdown{right:auto;left:0;max-width:calc(100vw - 24px)}.sc-speed-btn{padding:8px 9px;font-size:11px;min-height:32px}}@media (max-width: 480px){.page{padding:18px 12px}.title-block{padding:18px 4px 16px}.lesson-title{font-size:28px}.lesson-subtitle{font-size:15px}.narration{padding:16px}.sc-toggle{padding:8px 10px;font-size:10px;min-height:32px}.sc-speed-btn{padding:8px;font-size:10px;min-height:32px}.module-head{padding:18px 16px 14px}.module-name{font-size:20px}}.studio-kind{display:flex;gap:8px;margin:4px 0 18px;flex-wrap:wrap}.studio-fields{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.studio-field{display:flex;flex-direction:column;gap:5px}.studio-field>span{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.studio-field input,.studio-field textarea,.studio-field select{padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-family:var(--sans);font-size:14px;background:#fff;color:var(--ink)}.studio-sub{margin:-6px 0 18px;padding:12px 14px;background:var(--paper);border:1px dashed var(--line);border-radius:10px}.studio-sub-label{display:block;margin-bottom:8px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.studio-sub .studio-kind{margin:0}.studio-sub-hint{margin-top:8px;font-size:12px;color:var(--ink-soft)}.studio-field textarea{resize:vertical}.studio-head,.studio-row{grid-template-columns:2.6fr 1fr 1.2fr;cursor:default}.studio-review{display:flex;gap:8px;align-items:center}.studio-review .lesson-cta{padding:7px 14px;font-size:12px}.studio-review .au-toggle{padding:7px 12px}.studio-open{display:inline-block;margin-top:6px;font-family:var(--mono);font-size:11px;color:var(--water)}.studio-open:hover{color:var(--water-deep);text-decoration:underline}.badge.studio-status.queued{background:var(--paper-warm);color:var(--ink-soft)}.badge.studio-status.processing{background:#d4a01729;color:#a37c10}.badge.studio-status.done{background:#2d865924;color:var(--leaf)}.badge.studio-status.failed{background:#c83c3c1f;color:#b3413b}.studio-err{font-size:11px;color:#b3413b;margin-top:4px}.ai-msg.err{color:#b3413b}.lesson-fallback{max-width:520px;margin:60px auto 40px;text-align:center}.lf-icon{font-size:44px;margin-bottom:14px}.lf-title{font-family:var(--serif);font-size:30px;font-weight:600;color:var(--ink);margin-bottom:12px}.lf-body{font-size:14.5px;color:var(--ink-soft);line-height:1.55;margin-bottom:24px}.lf-actions{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}.lf-home{font-size:13px;color:var(--ink-soft);text-decoration:underline}.demo-download{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:9px 16px;border-radius:999px;background:#1e60911a;border:1px solid var(--water);color:var(--water-deep);font-size:13px;font-weight:600;text-decoration:none}.demo-download:hover{background:#1e60912e}.nl-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.nl-actions .demo-download{margin-top:0}.studio-actions{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 16px;margin-top:8px}.studio-share{display:inline-block;font-family:var(--mono);font-size:11px;color:var(--water);background:none;border:none;cursor:pointer;padding:0;white-space:nowrap}.studio-share:hover{color:var(--water-deep);text-decoration:underline}.studio-share.copied{color:var(--leaf)}.studio-expiry{font-size:11px;color:var(--ink-soft);margin-top:6px;line-height:1.5}.lib-plantbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0 14px}.lib-label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.lib-desc{width:100%;margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-family:var(--sans);font-size:13.5px;background:#fff;color:var(--ink);resize:vertical}.lib-desc:focus{outline:none;border-color:var(--water)}.lib-upload{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:4px 0 2px}.lib-upload input[type=file]{font-family:var(--sans);font-size:12.5px;color:var(--ink-soft)}.lib-connected{display:inline-flex;align-items:baseline;gap:8px;font-family:var(--mono);font-size:11px;color:var(--leaf)}.lib-or{font-size:11.5px;color:var(--ink-soft);margin:12px 0 8px}.lib-progress{display:flex;align-items:center;gap:10px;margin:10px 0 2px;font-family:var(--mono);font-size:11px;color:var(--ink-soft)}.lib-progress-rail{flex:1 1 160px;height:5px;border-radius:99px;background:var(--paper-warm);overflow:hidden}.lib-progress-fill{height:100%;background:var(--water);transition:width .2s ease}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:4px}.lib-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.lib-thumb{position:relative;display:block;aspect-ratio:16 / 9;background:var(--paper-warm);overflow:hidden;border-bottom:1px solid var(--line)}.lib-thumb img{width:100%;height:100%;object-fit:cover;display:block}.lib-kind{position:absolute;bottom:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#193458d1;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}.lib-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px}.lib-title{font-size:14px;font-weight:600;color:var(--ink);line-height:1.35}.lib-equip{font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--water-deep)}.lib-note{font-size:12.5px;color:var(--ink-soft);line-height:1.5}.lib-del{color:#b3413b}.lib-del:hover{color:#8f302b}.eqw-equip{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--water-deep);margin-bottom:10px}.eqw-frame{position:relative;aspect-ratio:16 / 9;width:100%;background:#0d1b2a;border:1px solid var(--line);border-radius:12px;overflow:hidden}.eqw-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.eqw-photo{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper-warm)}.eqw-photo img{width:100%;height:auto;display:block}.eqw-foot{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-top:12px}.eqw-hint{font-size:11.5px;color:var(--ink-soft)}@media (max-width: 700px){.lib-grid{grid-template-columns:1fr 1fr;gap:12px}.lib-body{padding:10px 11px 12px}.lib-title{font-size:13px}}@media (max-width: 430px){.lib-grid{grid-template-columns:1fr}}.studio-submit-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.studio-jobs-head{display:flex;align-items:center;justify-content:space-between;margin:24px 0 10px}.studio-jobs-title{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.studio-hint-sm{font-size:11px;color:var(--ink-soft);margin-top:5px}.studio-reject{margin-top:6px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.studio-reject-form{display:flex;flex-direction:column;gap:8px}.studio-reject-form input{padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-family:var(--sans);font-size:13px;background:#fff;color:var(--ink)}