/* BLK FORM 2026 – © 2026 Ricardo Vitali Moro – alle Rechte vorbehalten */
  :root{
    --bg:#10131C;--panel:#1A1F2B;--field:#0D1017;--text:#E8EAF0;--soft:#8A91A3;
    --orange:#F28C28;--orange2:#F5A623;--orange3:#D9711A;--mood:#F28C28;--moodo:#D9711A;--green:#2E9E5B;--err:#FF6B6B;--code:#9FE2B0;
    --line:rgba(255,255,255,.07);
    --c-blk:var(--orange);--c-thr:var(--orange);--c-mat:var(--orange);--c-kor:var(--orange);--c-cam:var(--orange);--c-mood:var(--orange);--c-kal:var(--orange);--c-ot:var(--orange);--c-calc:var(--orange);--c-trn:var(--orange);--c-sw:var(--orange);
    --gP:#2F74D9;--gM:#E8B923;--gK:#E04848;--gN:#38B76A;--gS:#C77A2E;--gH:#9AA3B2
  }
  *{box-sizing:border-box}
  html{background:var(--bg)}
  html,body{min-height:100%}
  html,body,button,a,select,.view,.card,svg{touch-action:manipulation} /* sem zoom com dois toques */
  body{margin:0;background:radial-gradient(ellipse at 50% -10%,#1b2133 0%,var(--bg) 60%) fixed;color:var(--text);font:15px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
  .wrap{max-width:900px;margin:0 auto;padding:16px 16px 32px}
  header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
  h1{font-size:22px;margin:0;letter-spacing:.3px}
  h1 span{color:var(--orange)}
  .sub{color:var(--soft);font-size:13px;margin-top:2px}
  select,input{background:var(--field);color:var(--text);border:1px solid #2A3142;border-radius:10px;padding:9px 10px;font-size:16px;width:100%;outline:none;transition:border-color .2s,box-shadow .2s}
  select:focus,input:focus{border-color:var(--orange);box-shadow:0 0 0 3px color-mix(in srgb,var(--orange) 15%,transparent)}
  select.lang{width:auto;border-color:color-mix(in srgb,var(--orange) 60%,transparent)}
  .info{display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(180deg,#1d2331,#181c27);border:1px solid var(--line);border-radius:12px;padding:8px 12px;margin:-2px 0 18px;font-size:13px;color:#c9cdd8}
  #clock{font-variant-numeric:tabular-nums}
  .card{background:linear-gradient(180deg,#1d2331,#181c27);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
  h2{color:var(--orange);font-size:12px;text-transform:uppercase;letter-spacing:1.2px;margin:18px 0 8px}
  h2:first-child{margin-top:0}
  footer{color:var(--soft);font-size:12px;margin-top:18px}

  /* ---------- home / icons ---------- */
  .apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
  .app{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 10px 16px;border-radius:18px;border:1px solid var(--line);
    background:linear-gradient(180deg,#1d2331,#171b26);color:var(--text);cursor:pointer;text-align:center;font:inherit;
    box-shadow:0 10px 26px rgba(0,0,0,.25);transition:transform .15s,border-color .2s}
  .app:hover{border-color:color-mix(in srgb,var(--orange) 55%,transparent);transform:translateY(-2px)}
  .app:active{transform:scale(.97)}
  .ico{position:relative;width:74px;height:74px;border-radius:22px;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;
    background:linear-gradient(155deg,rgba(255,255,255,.52),rgba(255,255,255,.22) 48%,rgba(255,255,255,.14)),linear-gradient(135deg,color-mix(in srgb,var(--mood) 48%,transparent),color-mix(in srgb,var(--c) 26%,transparent) 50%,color-mix(in srgb,var(--moodo) 44%,transparent)),#4a5160;
    border:1px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(14px) saturate(170%);backdrop-filter:blur(14px) saturate(170%);
    box-shadow:inset 0 1.5px 1px rgba(255,255,255,.6),inset 0 -10px 18px rgba(0,0,0,.22),0 12px 24px rgba(0,0,0,.38),0 0 20px color-mix(in srgb,var(--mood) 28%,transparent);transition:background .8s,box-shadow .8s}
  .ico::after{content:"";position:absolute;left:6%;right:6%;top:3%;height:46%;border-radius:18px 18px 40% 40%/18px 18px 22px 22px;background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,0));z-index:2;pointer-events:none}
  .ico svg{width:54px;height:54px;position:relative;z-index:1;filter:drop-shadow(0 3px 3px rgba(0,0,0,.45)) drop-shadow(0 1px 0 rgba(255,255,255,.15))}
  .app{--c:var(--orange)}.app:hover{border-color:color-mix(in srgb,var(--c) 60%,transparent)}
  .app[data-go=blk]{--c:var(--c-blk)}.app[data-go=thr]{--c:var(--c-thr)}.app[data-go=mat]{--c:var(--c-mat)}.app[data-go=kor]{--c:var(--c-kor)}
  .app b{font-size:15px}
  .app small{color:var(--soft);font-size:12px;line-height:1.3}

  /* ---------- tool view ---------- */
  .bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:10px 16px;background:rgba(16,19,28,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
  .back{border:1px solid #2A3142;background:linear-gradient(180deg,#252c3b,#1a1f2b);color:var(--text);border-radius:10px;padding:8px 12px;font-size:14px;font-weight:600;cursor:pointer}
  .back:hover{border-color:var(--orange)}
  .bar .t{font-weight:700}
  .view{display:none}
  .view.on{display:block}
  #v-blk.on{display:flex;flex-direction:column;height:100vh}
  #v-blk iframe{flex:1;width:100%;border:0;background:transparent}

  /* ---------- shared tool ui ---------- */
  label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:7px 0;color:#c9cdd8}
  label .f{width:58%;flex:none}
  .grid2{display:grid;grid-template-columns:1fr;gap:14px}
  @media(min-width:780px){.grid2{grid-template-columns:340px 1fr}}
  .kv{display:grid;grid-template-columns:1fr auto;gap:0;border-radius:10px;overflow:hidden;border:1px solid var(--line)}
  .kv div{padding:8px 11px;border-bottom:1px solid var(--line);font-size:14px}
  .kv div:nth-child(odd){color:#c9cdd8}
  .kv div:nth-child(even){font:700 14px ui-monospace,Menlo,Consolas,monospace;text-align:right;color:var(--text)}
  .kv div.hl{color:var(--orange)!important}
  .kv div:nth-last-child(-n+2){border-bottom:0}
  .big{display:flex;align-items:baseline;gap:10px;margin:2px 0 12px}
  .big b{font-size:30px;letter-spacing:.5px}
  .big span{color:var(--soft);font-size:13px}
  pre{background:var(--field);color:var(--code);font:13px/1.65 Consolas,Menlo,monospace;padding:12px 14px;border-radius:10px;border:1px solid var(--line);overflow-x:auto;margin:0;text-align:left;direction:ltr}
  .btn{border:0;border-radius:10px;padding:11px;font-size:15px;font-weight:600;cursor:pointer;width:100%;margin-top:10px;
    background:linear-gradient(180deg,#36ad67,#2a8f52);color:#fff;box-shadow:0 6px 14px rgba(46,158,91,.25)}
  .kv div.okc{color:#55DD88!important}.kv div.bad{color:var(--err)!important}
  .ok{color:#55DD88;font-size:13px;margin-top:6px;min-height:18px}
  .note{color:var(--soft);font-size:12px;margin-top:10px;line-height:1.45}
  .seg{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
  .seg button{border:1px solid #2A3142;background:#161a24;color:var(--soft);border-radius:9px;padding:7px 11px;font-weight:700;font-size:13px;cursor:pointer}
  .seg button.on{background:var(--orange);border-color:var(--orange);color:#1a1205}
  .sizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;max-height:420px;overflow:auto;padding-right:2px}
  .sizes button{border:1px solid #2A3142;background:var(--field);color:var(--text);border-radius:9px;padding:8px 4px;font:700 13px ui-monospace,Menlo,Consolas,monospace;cursor:pointer}
  .sizes button.on{border-color:var(--orange);background:color-mix(in srgb,var(--orange) 15%,transparent);color:var(--orange)}

  /* materials */
  .chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
  .chips button{border:1px solid #2A3142;background:#161a24;color:var(--text);border-radius:999px;padding:6px 12px;font-weight:700;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px}
  .chips button i{width:10px;height:10px;border-radius:50%;display:inline-block}
  .chips button.on{border-color:var(--orange);background:color-mix(in srgb,var(--orange) 13%,transparent)}
  .mlist{display:flex;flex-direction:column;gap:6px;max-height:430px;overflow:auto;padding-right:2px}
  .mi{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--field);border-radius:10px;padding:8px 10px;cursor:pointer;text-align:left;color:var(--text);font:inherit;width:100%}
  .mi.on{border-color:var(--orange)}
  .mi .g{flex:none;width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#10131C}
  .mi .n{flex:1;min-width:0}
  .mi .n b{display:block;font-size:14px}
  .mi .n small{color:var(--soft);font-size:12px}
  .badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;border-radius:9px;font-weight:800;color:#10131C}
  .vcbar{height:10px;border-radius:6px;background:#202637;position:relative;margin:6px 0 2px;overflow:hidden}
  .vcbar i{position:absolute;top:0;bottom:0;border-radius:6px;background:linear-gradient(90deg,var(--orange2),var(--orange3))}
  .row3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .row3 input{text-align:center}
  /* Programmkorrekturen */
  .kwrap{max-width:560px;margin:0 auto;padding:16px 14px 40px;display:flex;flex-direction:column;gap:14px}
  .rec{display:flex;flex-direction:column;align-items:center;gap:10px;padding:6px 0 4px}
  .recbtn{width:96px;height:96px;border-radius:50%;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;
    background:radial-gradient(circle at 35% 30%,var(--orange2),var(--orange3) 70%);box-shadow:0 10px 28px color-mix(in srgb,var(--orange) 35%,transparent),inset 0 2px 0 rgba(255,255,255,.25);transition:transform .15s}
  .recbtn:active{transform:scale(.95)}
  .recbtn svg{width:42px;height:42px}
  .recbtn.on{animation:pulse 1.2s infinite;background:radial-gradient(circle at 35% 30%,#7ff0a8,#1f9c52 70%)}
  .recbtn.on svg .mic{display:none}.recbtn:not(.on) svg .stop{display:none}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(60,220,120,.55)}70%{box-shadow:0 0 0 22px rgba(60,220,120,0)}100%{box-shadow:0 0 0 0 rgba(60,220,120,0)}}
  .rtime{font:800 26px ui-monospace,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}
  .rstate{color:var(--soft);font-size:13px;text-align:center}
  .wave{display:flex;align-items:center;gap:3px;height:28px}
  .wave i{width:4px;border-radius:2px;background:color-mix(in srgb,var(--orange) 45%,transparent);height:6px}
  .wave.on i{background:#55DD88;animation:wv .9s ease-in-out infinite}
  .wave.on i:nth-child(3n){animation-delay:.15s}.wave.on i:nth-child(3n+1){animation-delay:.3s}
  @keyframes wv{0%,100%{height:6px}50%{height:26px}}
  .hlbox{position:relative;border:1px solid #2A3142;border-radius:10px;background:var(--field)}
  .hlbox:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px color-mix(in srgb,var(--orange) 15%,transparent)}
  .hlback,.hlbox textarea{margin:0;padding:11px 12px;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;letter-spacing:normal}
  .hlback{position:absolute;inset:0;overflow:hidden;color:var(--text);pointer-events:none;border:1px solid transparent}
  .hlbox textarea{position:relative;display:block;width:100%;min-height:150px;resize:vertical;background:transparent;color:transparent;caret-color:#fff;border:1px solid transparent;outline:none}
  .hlbox textarea::placeholder{color:#5b6378}
  .code{color:#55DD88;font-weight:700}
  .qk{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
  .qk button{border:1px solid rgba(85,221,136,.45);background:rgba(46,158,91,.12);color:#55DD88;border-radius:9px;padding:9px 13px;font:700 14px ui-monospace,Menlo,Consolas,monospace;cursor:pointer;flex:1;min-width:54px}
  .found{display:flex;flex-wrap:wrap;gap:6px;min-height:28px}
  .found span{border-radius:8px;padding:4px 9px;font:700 13px ui-monospace,Menlo,Consolas,monospace;background:rgba(46,158,91,.15);color:#55DD88;border:1px solid rgba(85,221,136,.3)}
  .found em{color:var(--soft);font-style:normal;font-size:13px}
  .miss{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .miss label{margin:0;justify-content:flex-start;gap:8px;border:1px solid #2A3142;background:var(--field);border-radius:10px;padding:10px;font-size:14px;cursor:pointer}
  .miss input{width:18px;height:18px;accent-color:var(--orange);flex:none}
  .kitem{border:1px solid var(--line);background:var(--field);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}
  .kitem .top{display:flex;align-items:center;gap:8px}
  .kitem .top b{font:700 14px ui-monospace,Menlo,Consolas,monospace;flex:1}
  .kitem .top small{color:var(--soft);font-size:12px}
  .kitem p{margin:0;font-size:14px;line-height:1.45}
  .kitem .act{display:flex;gap:6px}
  .kitem .act button{border:1px solid #2A3142;background:#161a24;color:var(--text);border-radius:8px;padding:7px 10px;font-size:13px;font-weight:600;cursor:pointer}
  .st{border-radius:7px;padding:3px 8px;font-size:12px;font-weight:700}
  .st.open{background:color-mix(in srgb,var(--orange) 15%,transparent);color:var(--orange)}
  .st.done{background:rgba(46,158,91,.15);color:#55DD88}
  .demo{display:inline-block;border:1px dashed #3a4256;color:var(--soft);border-radius:6px;padding:1px 6px;font-size:11px;margin-left:6px;text-transform:uppercase;letter-spacing:.6px}

  /* ---------- relógio (home) ---------- */
  .clockcard{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0 0 16px;padding:12px 12px 10px}
  .aclock{width:min(220px,58vw);height:auto;display:block;filter:drop-shadow(0 14px 30px rgba(0,0,0,.45)) drop-shadow(0 0 18px color-mix(in srgb,var(--mood) 28%,transparent));transition:filter .8s}
  .aclock .rn{font:600 16px Georgia,"Times New Roman",serif;fill:#EDE3CC;text-anchor:middle;dominant-baseline:central}
  .aclock .mn5{font:700 5.6px Georgia,serif;letter-spacing:-.2px;fill:var(--orange2);text-anchor:middle;dominant-baseline:central}
  .aclock .mn{font:400 3.7px Georgia,serif;letter-spacing:-.15px;fill:#a8a08c;text-anchor:middle;dominant-baseline:central}
  .aclock .brand{font:700 7px system-ui,sans-serif;letter-spacing:1.6px;fill:var(--orange);text-anchor:middle}
  .aclock .by{font:italic 6px Georgia,serif;fill:#8A91A3;text-anchor:middle}
  .aclock .note8{animation:fly 6s ease-in-out infinite;transform-origin:100px 100px}
  .aclock .by{font:italic 6.5px Georgia,serif}
  @keyframes fly{0%,100%{transform:translate(0,0) rotate(-14deg)}50%{transform:translate(4px,-6px) rotate(-8deg)}}
  .otw{display:grid;grid-template-columns:1fr auto;gap:7px;width:100%;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
  .shift{grid-column:1/-1;display:flex;gap:3px;background:#161a24;border:1px solid var(--line);border-radius:9px;padding:3px;justify-self:start}
  .shift button{border:0;background:transparent;color:var(--soft);border-radius:7px;padding:4px 14px;font-weight:800;font-size:12px;cursor:pointer}
  .shift button.on{background:linear-gradient(155deg,rgba(255,255,255,.52),rgba(255,255,255,.22) 48%,rgba(255,255,255,.14)),linear-gradient(135deg,color-mix(in srgb,var(--mood) 48%,transparent),color-mix(in srgb,var(--orange) 26%,transparent) 50%,color-mix(in srgb,var(--moodo) 44%,transparent)),#4a5160;border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1.5px 1px rgba(255,255,255,.6),inset 0 -8px 14px rgba(0,0,0,.2),0 8px 18px rgba(0,0,0,.32),0 0 16px color-mix(in srgb,var(--mood) 22%,transparent);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45);transition:background .8s,box-shadow .8s;padding:3px 13px}
  .shift button.dis{opacity:.4}
  .otbtn{position:relative;overflow:hidden;isolation:isolate;border-radius:13px;padding:8px 12px;cursor:pointer;background:linear-gradient(155deg,rgba(255,255,255,.52),rgba(255,255,255,.22) 48%,rgba(255,255,255,.14)),linear-gradient(135deg,color-mix(in srgb,var(--mood) 48%,transparent),color-mix(in srgb,var(--orange) 26%,transparent) 50%,color-mix(in srgb,var(--moodo) 44%,transparent)),#4a5160;border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1.5px 1px rgba(255,255,255,.6),inset 0 -8px 14px rgba(0,0,0,.2),0 8px 18px rgba(0,0,0,.32),0 0 16px color-mix(in srgb,var(--mood) 22%,transparent);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45);transition:background .8s,box-shadow .8s;font:800 14px system-ui,-apple-system,sans-serif;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;min-height:48px;text-align:left}
  .otbtn small{font:600 11px ui-monospace,Menlo,Consolas,monospace;opacity:.9;white-space:nowrap}
  .otbtn small:empty{display:none}
  .otbtn.on{background:linear-gradient(155deg,rgba(255,255,255,.45),rgba(255,255,255,.16) 48%,rgba(255,255,255,.1)),linear-gradient(135deg,rgba(80,220,140,.75),rgba(31,156,82,.6)),#2c5a3f;box-shadow:inset 0 1.5px 1px rgba(255,255,255,.6),inset 0 -8px 14px rgba(0,0,0,.2),0 8px 18px rgba(0,0,0,.32),0 0 18px rgba(60,207,122,.35)}
  .otbtn::after{content:"";position:absolute;left:3%;right:3%;top:4%;height:46%;border-radius:11px 11px 40% 40%/11px 11px 14px 14px;background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,0));pointer-events:none}
  .otbtn:active{transform:scale(.98)}
  .otsum{border:1px solid rgba(255,255,255,.18);background:linear-gradient(155deg,rgba(255,255,255,.14),rgba(255,255,255,.04)),#151a24;box-shadow:inset 0 1px 1px rgba(255,255,255,.18),0 8px 18px rgba(0,0,0,.28);border-radius:13px;padding:5px 10px;color:var(--text);display:grid;grid-template-columns:auto auto;align-items:center;column-gap:8px;row-gap:1px;cursor:pointer;text-align:left}
  .otsum small{color:var(--soft);font-size:10.5px;white-space:nowrap}
  .otsum b{font:800 14px ui-monospace,Menlo,Consolas,monospace;color:#fff;text-align:right;white-space:nowrap}
  .otm{display:flex;align-items:center;justify-content:space-between;gap:8px}
  .otm b{font-size:17px}
  .otday{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 12px;border:1px solid var(--line);background:var(--field);border-radius:12px;cursor:pointer;text-align:left;color:var(--text);width:100%}
  .otday small{color:var(--soft);font-size:12px}
  .otday b{font:700 15px ui-monospace,Menlo,Consolas,monospace;text-align:right}
  .otday .run{color:var(--green)}
  .cal{position:relative;margin:0 0 12px}
  .calh,.calg{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
  .calh div{text-align:center;color:var(--soft);font-size:11px;font-weight:700;text-transform:uppercase;padding:2px 0 4px}
  .cd{aspect-ratio:1/1.05;border:1px solid var(--line);background:var(--field);border-radius:9px;color:var(--text);padding:3px 2px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-between;font:600 13px system-ui,-apple-system,sans-serif;min-width:0}
  .cd.we{background:#141823}
  .cd.out{visibility:hidden}
  .cd.today{border-color:var(--orange)}
  .cd.has{background:color-mix(in srgb,var(--orange) 12%,transparent);border-color:color-mix(in srgb,var(--orange) 45%,transparent)}
  .cd.ot{background:rgba(60,207,122,.16);border-color:rgba(60,207,122,.55)}
  .cd.sel{outline:2px solid var(--orange);outline-offset:1px}
  .cd small{font:700 10px ui-monospace,Menlo,Consolas,monospace;color:var(--green);white-space:nowrap}
  .cd.has:not(.ot) small{color:var(--orange)}
  .caltip{position:absolute;z-index:5;pointer-events:none;display:none;min-width:150px;max-width:220px;background:#0b0e14;border:1px solid var(--orange);border-radius:10px;padding:8px 10px;font-size:12.5px;line-height:1.45;box-shadow:0 10px 24px rgba(0,0,0,.5)}
  .caltip b{color:var(--orange)}
  .caldet{display:none;border:1px solid var(--line);background:var(--field);border-radius:12px;padding:10px 12px;margin:0 0 12px;font-size:14px;line-height:1.5}
  .caldet.on{display:block}
  .caldet .row{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:4px 0;border-top:1px solid var(--line)}
  .caldet .row:first-of-type{border-top:0}
  .caldet b{font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--green)}
  .cd.hol{background:rgba(255,107,107,.14);border-color:rgba(255,107,107,.55)}
  .cd.hol span{color:#ff8f8f}
  .cd.vac{background:rgba(90,160,255,.16);border-color:rgba(90,160,255,.6)}
  .cd .dot{width:5px;height:5px;border-radius:50%;background:var(--orange)}
  .cd small.hn{color:#ff8f8f;font:600 8.5px system-ui,sans-serif;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .cd small.vn{color:#8fbfff;font:700 9px system-ui,sans-serif}
  .legend{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;font-size:12px;color:var(--soft);margin:8px 0 10px}
  .legend>span{display:flex;align-items:center;gap:5px}
  .lg{width:12px;height:12px;border-radius:3px;display:inline-block}
  .lg.hol{background:rgba(255,107,107,.5)}.lg.vac{background:rgba(90,160,255,.6)}.lg.nte{background:var(--orange);border-radius:50%;width:7px;height:7px}
  .kvl{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px}
  .nxt{display:flex;justify-content:space-between;gap:8px;font-size:14px;padding:6px 0;border-bottom:1px solid var(--line)}
  .nxt small{color:var(--soft)}
  .caldet textarea{width:100%;min-height:60px;margin-top:8px;background:#0b0e14;color:var(--text);border:1px solid #2A3142;border-radius:10px;padding:9px 11px;font:15px/1.45 system-ui,-apple-system,sans-serif;outline:none;resize:vertical}
  .caldet textarea:focus{border-color:var(--orange)}
  .faces{display:flex;justify-content:space-between;gap:6px;margin-top:6px}
  .faces button{flex:1;aspect-ratio:1;max-width:64px;border-radius:50%;border:2px solid var(--line);background:var(--field);font-size:30px;cursor:pointer;filter:grayscale(.8);opacity:.7;transition:transform .1s}
  .faces button.on{filter:none;opacity:1;border-color:var(--orange);transform:scale(1.08);box-shadow:0 6px 16px color-mix(in srgb,var(--orange) 25%,transparent)}
  .mlab{text-align:center;font-weight:700;color:var(--orange);min-height:20px;margin-top:6px}
  .chips{display:flex;flex-wrap:wrap;gap:6px}
  .chips button{border:1px solid #2A3142;background:#161a24;color:var(--soft);border-radius:999px;padding:6px 11px;font-size:13px;font-weight:600;cursor:pointer}
  .chips button.on{background:color-mix(in srgb,var(--orange) 18%,transparent);border-color:var(--orange);color:var(--text)}
  .mchart{display:flex;align-items:flex-end;gap:2px;height:90px;padding:6px 0;border-bottom:1px solid var(--line)}
  .mchart button{flex:1;min-width:0;border:0;padding:0;border-radius:3px 3px 0 0;cursor:pointer;background:#232a3a}
  .mchart button.sel{outline:2px solid var(--orange)}
  .otdlg{position:fixed;inset:0;z-index:60;background:rgba(5,7,11,.8);display:none;align-items:center;justify-content:center;padding:16px}
  .otdlg.on{display:flex}
  .otdlg .card{width:100%;max-width:420px}
  .otdlg input{width:100%}
  .aclock .fsway{animation:fsway 5s ease-in-out infinite;transform-origin:1px 22px}
  @keyframes fsway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
  .clkwrap{position:relative;display:inline-block}
  .mbtn{position:absolute;bottom:0;width:34px;height:34px;border-radius:50%;border:1px solid color-mix(in srgb,var(--mood) 55%,#2A3142);background:#161a24;color:var(--mood);font:700 24px/1 system-ui,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 2px;box-shadow:0 4px 12px rgba(0,0,0,.35);transition:color .8s,border-color .8s}
  .mbtn:active{transform:scale(.9)}
  .mbtn.minus{left:-30px}.mbtn.plus{right:-30px}
  .mtoast{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);background:#0b0e14;border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s}
  .mtoast.on{opacity:1}
  .dclock{font:700 19px ui-monospace,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;letter-spacing:1px}
  .ddate{color:var(--soft);font-size:13px}
  .by-line{color:var(--soft);font-size:12px;margin-top:4px}
  .by-line b{color:var(--orange);font-weight:700}
  .app[data-go=cam]{--c:var(--c-cam)}.app[data-go=mood]{--c:var(--c-mood)}.app[data-go=kal]{--c:var(--c-kal)}.app[data-go=ot]{--c:var(--c-ot)}.app[data-go=calc]{--c:var(--c-calc)}.app[data-go=trn]{--c:var(--c-trn)}.app[data-go=sw]{--c:var(--c-sw)}
  /* ---------- câmera ---------- */
  .cwrap{max-width:640px;margin:0 auto;padding:16px 14px 40px;display:flex;flex-direction:column;gap:14px}
  .vbox{position:relative;border-radius:14px;overflow:hidden;background:#05070b;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;border:1px solid var(--line)}
  .vbox video{width:100%;height:100%;object-fit:cover;display:none}
  .vbox.live video{display:block}
  .vbox .ph{color:var(--soft);text-align:center;padding:20px;font-size:14px;line-height:1.5}
  .vbox.live .ph{display:none}
  .flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;transition:opacity .25s}
  .flash.on{opacity:.85;transition:none}
  .cbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
  .cbar .side{flex:1;display:flex}.cbar .side:last-child{justify-content:flex-end}
  .shutter{width:74px;height:74px;border-radius:50%;border:4px solid #fff;background:transparent;padding:4px;cursor:pointer;flex:none}
  .shutter i{display:block;width:100%;height:100%;border-radius:50%;background:#fff;transition:transform .1s}
  .shutter:active i{transform:scale(.88)}
  .shutter:disabled{opacity:.35;cursor:default}
  .sbtn{border:1px solid #2A3142;background:#161a24;color:var(--text);border-radius:10px;padding:9px 12px;font-size:13px;font-weight:600;cursor:pointer}
  .sbtn.pri{background:var(--orange);border-color:var(--orange);color:#1a1205}
  .gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}
  .gal button{padding:0;border:0;border-radius:8px;overflow:hidden;aspect-ratio:1;cursor:pointer;background:#05070b}
  .gal img{width:100%;height:100%;object-fit:cover;display:block}
  .empty{color:var(--soft);font-size:13px}
  .ov{position:fixed;inset:0;z-index:50;background:rgba(5,7,11,.94);display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px}
  .ov.on{display:flex}
  .ov img{max-width:100%;max-height:75vh;border-radius:10px}
  .ov .row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
  .ov small{color:var(--soft)}
  .sbtn.red{border-color:rgba(255,107,107,.5);color:var(--err)}
  /* ---------- cronômetro (estilo iPhone) ---------- */
  .swwrap{max-width:480px;margin:0 auto;padding:22px 16px 40px}
  .swt{font:200 clamp(56px,19vw,88px)/1 system-ui,-apple-system,"Helvetica Neue",sans-serif;font-variant-numeric:tabular-nums;text-align:center;letter-spacing:-1px;margin:34px 0 40px}
  .swb{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
  .rb{width:84px;height:84px;border-radius:50%;border:0;cursor:pointer;font:500 17px system-ui,-apple-system,sans-serif;position:relative}
  .rb::after{content:"";position:absolute;inset:3px;border-radius:50%;border:2px solid #000;opacity:.55}
  .rb.gray{background:#333;color:#fff}.rb.gray:disabled{background:#1f1f1f;color:#777;cursor:default}
  .rb.go{background:#0a3a1a;color:#30d158}.rb.stop{background:#3d1714;color:#ff453a}
  .rb:active{filter:brightness(1.3)}
  .dots{display:flex;gap:6px}.dots i{width:7px;height:7px;border-radius:50%;background:#fff}.dots i+i{background:#555}
  .laps{border-top:1px solid #2b2f3a}
  .laps div{display:flex;justify-content:space-between;padding:12px 4px;border-bottom:1px solid #2b2f3a;font:400 17px system-ui,-apple-system,sans-serif;font-variant-numeric:tabular-nums}
  .laps .best{color:#30d158}.laps .worst{color:#ff453a}
  /* ---------- calculadora ---------- */
  .cwrap2{max-width:440px;margin:0 auto;padding:14px 14px 40px;display:flex;flex-direction:column;gap:14px}
  .tabs{display:flex;gap:6px;background:#161a24;border:1px solid var(--line);border-radius:12px;padding:4px}
  .tabs button{flex:1;border:0;background:transparent;color:var(--soft);border-radius:9px;padding:9px;font-weight:700;font-size:14px;cursor:pointer}
  .tabs button.on{background:var(--orange);color:#1a1205}
  .cdisp{background:var(--field);border:1px solid var(--line);border-radius:14px;padding:12px 14px;text-align:right;min-height:96px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
  .cdisp .ex{color:var(--soft);font:15px ui-monospace,Menlo,Consolas,monospace;word-break:break-all;min-height:20px}
  .cdisp .rs{font:300 40px system-ui,-apple-system,sans-serif;font-variant-numeric:tabular-nums;word-break:break-all}
  .cdisp .rs.err{color:var(--err);font-size:22px}
  .keys{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
  .keys button{height:58px;border-radius:14px;border:1px solid #2A3142;background:#1d2331;color:var(--text);font:500 21px system-ui,-apple-system,sans-serif;cursor:pointer}
  .keys button:active{filter:brightness(1.35)}
  .keys .fn{background:#161a24;color:var(--orange);font-size:16px}
  .keys .op{background:var(--orange);border-color:var(--orange);color:#1a1205;font-weight:700}
  .keys .eq{background:var(--green);border-color:var(--green);color:#fff;font-weight:700}
  .keys .cl{background:#3a2a22;color:#ffb27a}
  .cform label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px;font-size:14px}
  .cform input{width:42%;text-align:right}
  .cform label.col{flex-direction:column;align-items:stretch;gap:5px}
  .cform label.col select{width:100%}
  .cres{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin-top:6px;font-size:14px}
  .cres b{font:800 22px ui-monospace,Menlo,Consolas,monospace;color:var(--orange);text-align:right}
  /* ---------- tradutor ---------- */
  .tl{display:flex;gap:8px;align-items:center}
  .tl select{flex:1}
  .swap{flex:none;width:44px;height:42px;border-radius:10px;border:1px solid #2A3142;background:#161a24;color:var(--orange);font-size:20px;cursor:pointer}
  .tbox{width:100%;min-height:120px;resize:vertical;background:var(--field);color:var(--text);border:1px solid #2A3142;border-radius:10px;padding:11px 12px;font:16px/1.5 system-ui,-apple-system,sans-serif;outline:none}
  .tbox:focus{border-color:var(--orange)}
  .tout{min-height:90px;background:var(--field);border:1px solid var(--line);border-radius:10px;padding:11px 12px;font-size:17px;line-height:1.5;white-space:pre-wrap}
  .trow{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
  .tq{display:flex;justify-content:space-between;gap:8px;font:600 12px ui-monospace,Menlo,Consolas,monospace;color:var(--soft);margin-top:8px}
  .tq .bad{color:var(--err)}
  .tqbar{height:5px;border-radius:3px;background:#161a24;overflow:hidden;margin-top:5px}
  .tqbar i{display:block;height:100%;width:0;background:var(--green);transition:width .3s}
  .tqbar i.mid{background:var(--orange)}.tqbar i.full{background:var(--err)}
  #tgo:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}
  .mic{border:0;border-radius:10px;padding:9px 12px;font-weight:700;cursor:pointer;background:var(--orange);color:#1a1205}
  .mic.on{background:var(--green);color:#fff;animation:pulse 1.2s infinite}
  /* ---------- áudio ---------- */
  .nitem{border:1px solid var(--line);background:var(--field);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
  .dict{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--soft);cursor:pointer;margin:2px 0 0}
  .dict input{width:18px;height:18px;accent-color:var(--orange)}
  .nitem small{color:var(--soft);font-size:12px}
  .nitem p{margin:0;font-size:14px;line-height:1.45;white-space:pre-wrap}
  .nitem audio,#kaudio{width:100%;height:40px}
  .nitem .act{display:flex;gap:6px;justify-content:flex-end}
  .kg{font:800 22px ui-monospace,Menlo,Consolas,monospace;color:var(--orange);margin-top:8px}

  /* Passungen ISO 286 */
  .fdiag{width:100%;max-width:420px;display:block;margin:0 auto 4px}
  .fdiag .fz{font:700 11px ui-monospace,Menlo,Consolas,monospace;fill:#E8EAF0}
  .fdiag .fl{font:600 11px system-ui,sans-serif;fill:#8A91A3}
  #fhg button,#fsg button{min-width:38px}
  table.ftab{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:10px;overflow:hidden;font:13px ui-monospace,Menlo,Consolas,monospace}
  table.ftab th{color:var(--soft);font:600 11px system-ui,sans-serif;text-transform:uppercase;letter-spacing:.8px;padding:6px 8px;text-align:right;border-bottom:1px solid var(--line)}
  table.ftab td{padding:7px 8px;text-align:right;border-bottom:1px solid var(--line)}
  table.ftab td:first-child{text-align:left;font-weight:800;color:#c9cdd8}
  table.ftab tr[data-c]{cursor:pointer}
  table.ftab tr.on td{color:var(--orange);background:color-mix(in srgb,var(--orange) 10%,transparent)}
  table.cmp{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:6px}
  table.cmp th{text-align:left;font-weight:400;color:#c9cdd8;font-size:13px;padding:8px 10px;border-bottom:1px solid var(--line)}
  table.cmp td{text-align:right;font:700 14px ui-monospace,Menlo,Consolas,monospace;padding:8px 10px;border-bottom:1px solid var(--line);border-left:1px solid var(--line)}
  table.cmp tr:last-child th,table.cmp tr:last-child td{border-bottom:0}
  table.cmp tr.hd td{font:600 11px system-ui,sans-serif;text-transform:uppercase;letter-spacing:.8px;color:var(--soft);text-align:center;vertical-align:bottom}
  table.cmp tr.hd b{display:block;font:800 20px ui-monospace,Menlo,monospace;color:var(--text);letter-spacing:0;text-transform:none;margin-top:2px}
  table.cmp tr.hd i{display:block;width:22px;height:4px;border-radius:2px;margin:0 auto 5px}
  table.cmp i.dh{background:#F28C28}table.cmp i.ds{background:#5d8fe0}
  table.cmp tr.hl th,table.cmp tr.hl td{color:var(--orange);background:color-mix(in srgb,var(--orange) 8%,transparent)}
  /* comparação lado a lado (Ajustes, Materiais, Roscas) */
  .big{flex-wrap:wrap}
  .cmpbtn{margin-left:auto;align-self:center;border:1px solid color-mix(in srgb,var(--orange) 60%,#2A3142);background:#161a24;color:var(--orange);border-radius:999px;padding:7px 13px;font:700 13px system-ui,sans-serif;cursor:pointer;white-space:nowrap}
  .cmpbtn.on{background:var(--orange);color:#1a1205}
  .cmphint{display:none;margin:-4px 0 10px;padding:8px 11px;border-radius:10px;font-size:13px;color:#c9cdd8;background:color-mix(in srgb,#5d8fe0 14%,transparent);border:1px dashed color-mix(in srgb,#5d8fe0 55%,transparent)}
  .cmphint.on{display:block}
  table.cmp td.dim{color:var(--soft);font-weight:400}
  table.cmp td .bar{display:block;height:6px;border-radius:3px;background:#202637;margin-top:5px;position:relative;overflow:hidden}
  table.cmp td .bar i{position:absolute;top:0;bottom:0;border-radius:3px}
  table.cmp tr.hd td small{display:block;font:500 11px system-ui,sans-serif;text-transform:none;letter-spacing:0;color:var(--soft);margin-top:2px}
  table.cmp tr.best td.win{color:#55DD88}
  .mi.b{border-color:#5d8fe0;box-shadow:0 0 0 1px #5d8fe0 inset}
  .sizes button.b{border-color:#5d8fe0;background:color-mix(in srgb,#5d8fe0 18%,transparent);color:#9fc0ff}
  table.cmp{table-layout:fixed}
  table.cmp tr.hd th{width:36%}
  table.cmp td{font-size:13px;overflow-wrap:anywhere;word-break:normal}
  table.cmp tr.hd b{font-size:17px;overflow-wrap:normal;word-break:keep-all;line-height:1.15}
  table.cmp th{font-size:12.5px}
  .kcodes{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;min-height:0}
  .kcodes .code{font:700 13px ui-monospace,Menlo,Consolas,monospace;padding:4px 9px;border-radius:999px;background:color-mix(in srgb,#55DD88 14%,transparent);border:1px solid color-mix(in srgb,#55DD88 40%,transparent)}

  /* setas brancas e bem visíveis em todas as listas de escolha */
  select{-webkit-appearance:none;appearance:none;padding-right:44px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 9.5l5-5 5 5M7 14.5l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px 20px}
  select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F28C28' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 9.5l5-5 5 5M7 14.5l5 5 5-5'/%3E%3C/svg%3E")}
  /* contador de aberturas no canto */
  .hdr-r{display:flex;align-items:center;gap:8px}
  .opens{display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 11px;border-radius:999px;border:1px solid color-mix(in srgb,var(--orange) 45%,#2A3142);background:#161a24;color:var(--text);font:800 15px ui-monospace,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}
  .opens svg{width:13px;height:13px;fill:var(--orange)}
  .opens.pop{animation:opop .7s cubic-bezier(.2,1.6,.4,1)}
  @keyframes opop{0%{transform:scale(.6);box-shadow:0 0 0 0 color-mix(in srgb,var(--orange) 60%,transparent)}60%{transform:scale(1.12)}100%{transform:scale(1);box-shadow:0 0 0 12px transparent}}
  #v-home header{position:relative}
  #v-home .opens{position:absolute;top:2px;right:0}
  /* histórico */
  .opens{cursor:pointer}
  .hsess{background:linear-gradient(180deg,#1d2331,#181c27);border:1px solid var(--line);border-radius:14px;padding:10px;margin-bottom:10px}
  .hsess.now{border-color:color-mix(in srgb,var(--orange) 55%,transparent)}
  .hh{display:flex;align-items:baseline;gap:10px;padding:2px 4px 8px}
  .hh b{font:800 17px ui-monospace,Menlo,monospace;color:var(--orange)}
  .hh span{color:var(--soft);font-size:13px}
  .hitem{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid var(--line);background:var(--field);color:var(--text);border-radius:10px;padding:8px 10px;margin-top:6px;font:inherit;cursor:pointer}
  .hitem:active{transform:scale(.98)}
  .hitem .ht{font:700 12px ui-monospace,Menlo,monospace;color:var(--soft);flex:none}
  .hitem .hn{flex:1;min-width:0}
  .hitem .hn small{display:block;color:var(--soft);font-size:11px;text-transform:uppercase;letter-spacing:.8px}
  .hitem .hn b{display:block;font:700 14px ui-monospace,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .hitem .hg{color:var(--orange);font-size:20px;flex:none}
  .hnone{color:var(--soft);font-size:13px;padding:6px 4px}
  .hclear{display:block;margin:16px auto 30px;border:1px solid #3a2a2a;background:transparent;color:var(--err);border-radius:999px;padding:8px 16px;font-weight:700;cursor:pointer}
  /* backup */
  .bkbox{margin-top:22px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#161a24}
  .bkbox b{display:block;font-size:14px}
  .bkbox small{display:block;color:var(--soft);font-size:12px;margin:3px 0 10px}
  .bkrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
  .bktxt{width:100%;min-height:90px;margin-top:8px;border:1px solid var(--line);background:var(--field);color:var(--text);border-radius:10px;padding:10px;font:12px ui-monospace,monospace;box-sizing:border-box}
  .bkrow button{flex:1;min-width:140px;border:1px solid var(--line);background:var(--field);color:var(--text);border-radius:10px;padding:11px;font-weight:700;cursor:pointer}
  .bkrow button:first-child{border-color:color-mix(in srgb,var(--orange) 55%,#2A3142);color:var(--orange)}
  .bkmsg{margin-top:8px;font-size:13px;color:#55DD88;min-height:16px}