:root{
  --paper:#fbfaf7;--paper-dark:#f1eee7;--paper-line:#d9d4c9;--ink:#172033;--ink-soft:#667085;
  --teal:#168f80;--teal-2:#0f766e;--amber:#e3a33a;--coral:#d95f4d;--shadow:0 16px 40px rgba(23,32,51,.08);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#111722;--paper-dark:#192131;--paper-line:#303a4e;--ink:#f5f3ec;--ink-soft:#aeb8cc;--teal:#55c7b6;--teal-2:#38ad9d;--amber:#efb75b;--coral:#ef8b79;--shadow:0 18px 44px rgba(0,0,0,.24)}}
:root[data-theme="dark"]{--paper:#111722;--paper-dark:#192131;--paper-line:#303a4e;--ink:#f5f3ec;--ink-soft:#aeb8cc;--teal:#55c7b6;--teal-2:#38ad9d;--amber:#efb75b;--coral:#ef8b79;--shadow:0 18px 44px rgba(0,0,0,.24)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:18px}
body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;background-image:linear-gradient(var(--paper-line) 1px,transparent 1px),linear-gradient(90deg,var(--paper-line) 1px,transparent 1px);background-size:28px 28px;background-position:-1px -1px}
button,input,select,textarea{font:inherit}button{touch-action:manipulation}button:disabled{opacity:.35;cursor:default!important;transform:none!important}
h1,h2,h3{font-family:"Source Serif 4",Georgia,serif;margin:0;color:var(--ink)}
header,main,footer{width:min(1080px,100%);margin-inline:auto}
header{padding:34px 24px 24px;border-bottom:2px solid var(--ink);background:color-mix(in srgb,var(--paper) 94%,transparent)}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:14px;min-width:0}.logo-badge{width:56px;height:56px;flex:0 0 56px}.logo-badge svg{display:block;width:100%;height:100%}.brand h1{font-size:clamp(2rem,5vw,3.1rem);line-height:1;letter-spacing:-.02em}.tag{display:block;margin-top:5px;color:var(--teal);font:700 .82rem "JetBrains Mono",monospace;letter-spacing:.04em}header p{max-width:720px;margin:14px 0 10px;color:var(--ink-soft);font-size:1.02rem}.theme-btn{border:1px solid var(--paper-line);background:var(--paper-dark);color:var(--ink);border-radius:999px;padding:9px 14px;cursor:pointer;font-weight:800;white-space:nowrap}.theme-btn:hover{border-color:var(--teal);transform:translateY(-1px)}
.hero-stats{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.hero-stats span{background:var(--paper-dark);border:1px solid var(--paper-line);border-radius:999px;padding:6px 11px;color:var(--ink-soft);font-size:.78rem}.hero-stats strong{color:var(--teal)}
main{padding:0 24px 70px}.groups{display:flex;gap:10px;margin:28px 0 14px}.groups button{font-family:"Source Serif 4",serif;font-size:1.05rem;font-weight:800;padding:12px 22px;border:1.5px solid var(--paper-line);background:var(--paper-dark);color:var(--ink-soft);border-radius:10px;cursor:pointer;transition:background .18s,color .18s,border-color .18s,transform .18s}.groups button:hover{border-color:var(--teal);color:var(--ink);transform:translateY(-1px)}.groups button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.tool-search-wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:12px 0 18px}.tool-search-wrap label{margin:0;white-space:nowrap}.tool-search-wrap input{margin:0}.search-info{font-size:.78rem;color:var(--ink-soft);white-space:nowrap}
.group-panel{display:none}.group-panel.active{display:block;animation:panelIn .2s ease}@keyframes panelIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
/* Barra de herramientas: sin barras de desplazamiento visibles */
.tabs-wrap{position:relative;margin:10px 0 0;padding:0 38px}.tabs-wrap:before,.tabs-wrap:after{content:"";position:absolute;top:0;bottom:0;width:44px;pointer-events:none;z-index:2}.tabs-wrap:before{left:38px;background:linear-gradient(90deg,var(--paper),transparent)}.tabs-wrap:after{right:38px;background:linear-gradient(270deg,var(--paper),transparent)}
.tab-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border:1px solid var(--paper-line);border-radius:50%;background:var(--paper);color:var(--ink);cursor:pointer;z-index:4;display:grid;place-items:center;font-size:1.25rem;line-height:1;box-shadow:0 4px 12px rgba(0,0,0,.06)}.tab-scroll-btn.prev{left:0}.tab-scroll-btn.next{right:0}.tab-scroll-btn:hover:not(:disabled){border-color:var(--teal);color:var(--teal);box-shadow:0 5px 16px rgba(22,143,128,.12)}
nav.tabs{display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;padding:3px 2px 9px;overscroll-behavior-x:contain;scroll-snap-type:x proximity}nav.tabs::-webkit-scrollbar{display:none;width:0;height:0}nav.tabs button{flex:0 0 auto;scroll-snap-align:start;border:1px solid var(--paper-line);background:var(--paper-dark);color:var(--ink-soft);padding:9px 14px;border-radius:9px;font:800 .77rem "JetBrains Mono",monospace;cursor:pointer;transition:.16s;white-space:nowrap}nav.tabs button:hover{color:var(--ink);border-color:var(--teal);transform:translateY(-1px)}nav.tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--paper);box-shadow:0 5px 14px rgba(23,32,51,.12)}nav.tabs button[hidden]{display:none}.tabs-wrap:not(.is-overflowing){padding-inline:0}.tabs-wrap:not(.is-overflowing):before,.tabs-wrap:not(.is-overflowing):after{display:none}.tabs-wrap:not(.is-overflowing) .tab-scroll-btn{display:none}
section.tool{display:none;border:1px solid var(--paper-line);border-radius:14px;padding:30px;background:var(--paper);margin:0 0 24px;box-shadow:var(--shadow)}section.tool.active{display:block;animation:panelIn .18s ease}section.tool h2{font-size:1.6rem;margin-bottom:5px}.hint{color:var(--ink-soft);font-size:.91rem;margin:0 0 22px}
label{display:block;font-size:.83rem;font-weight:800;color:var(--ink-soft);margin:0 0 6px}input,select,textarea{width:100%;font-family:"JetBrains Mono",monospace;font-size:1rem;padding:11px 12px;border:1.5px solid var(--paper-line);border-radius:8px;background:var(--paper-dark);color:var(--ink);margin-bottom:16px}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--ink-soft) 70%,transparent)}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--teal) 35%,transparent);outline-offset:1px;border-color:var(--teal)}textarea{resize:vertical;min-height:110px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.button-row,.button-grid,.todo-actions,.pomo-controls,.pomo-modes{display:flex;flex-wrap:wrap;gap:10px}.button-grid>*{flex:1 1 180px}.button-row>*{min-width:130px}.checkgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}.checkline{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--ink);margin:0}.checkline input{width:auto;margin:0}
.action,.ghost{font-weight:800;padding:11px 17px;border-radius:8px;cursor:pointer;transition:.16s}.action{background:var(--ink);color:var(--paper);border:1px solid var(--ink)}.action:hover{background:var(--teal-2);border-color:var(--teal-2);transform:translateY(-1px)}.ghost{background:transparent;color:var(--ink-soft);border:1.5px solid var(--paper-line)}.ghost:hover{color:var(--ink);border-color:var(--teal);transform:translateY(-1px)}
.result{margin-top:18px;padding:16px 18px;background:var(--paper-dark);border-left:3px solid var(--teal);border-radius:6px;font:500 1rem/1.55 "JetBrains Mono",monospace;word-break:break-word;white-space:pre-wrap;min-height:24px}.result.empty{color:var(--ink-soft);font-family:Inter,system-ui,sans-serif;font-size:.9rem;border-color:var(--paper-line)}.result.err{border-color:var(--coral);color:var(--coral)}
.calc-display{font:700 1.8rem "JetBrains Mono",monospace;text-align:right;padding:17px;background:var(--paper-dark);border:1px solid var(--paper-line);border-radius:8px;margin-bottom:14px;min-height:64px;overflow-x:auto}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.calc-grid button{font:600 1.05rem "JetBrains Mono",monospace;padding:15px 0;border:1.5px solid var(--paper-line);background:var(--paper-dark);color:var(--ink);border-radius:8px;cursor:pointer}.calc-grid button:hover{border-color:var(--teal);transform:translateY(-1px)}.calc-grid button.op{color:var(--teal)}.calc-grid button.eq{background:var(--ink);color:var(--paper);grid-column:span 2}.calc-grid button.danger{color:var(--coral)}
.count-stats{display:flex;gap:20px;flex-wrap:wrap;margin-top:14px}.count-stats div{font-family:"JetBrains Mono",monospace}.count-stats strong{display:block;font-size:1.45rem;color:var(--teal)}.count-stats span{font-size:.76rem;color:var(--ink-soft)}
.pomo-time{font:700 4rem "JetBrains Mono",monospace;text-align:center;margin:15px 0}.pomo-controls,.pomo-modes{justify-content:center}.pomo-modes{margin-bottom:16px}.pomo-modes button{font:700 .8rem "JetBrains Mono",monospace;padding:8px 14px;border-radius:20px;border:1.5px solid var(--paper-line);background:transparent;color:var(--ink-soft);cursor:pointer}.pomo-modes button[aria-pressed=true]{background:var(--amber);color:var(--ink);border-color:var(--amber)}
.todo-entry{align-items:start}.todo-entry .action{white-space:nowrap}#todo-list{list-style:none;padding:0;margin:0}#todo-list li{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--paper-line)}#todo-list li span{flex:1;overflow-wrap:anywhere}#todo-list li.done span{text-decoration:line-through;color:var(--ink-soft)}#todo-list li button{background:none;border:0;color:var(--coral);cursor:pointer;font-size:1.1rem}.todo-empty{color:var(--ink-soft);border:0!important}
.inline{display:flex;gap:8px;align-items:start}.inline input{flex:1}.inline .ghost{white-space:nowrap}.subnet-table{width:100%;border-collapse:collapse;font-family:"JetBrains Mono",monospace;font-size:.9rem}.subnet-table td{padding:9px 10px;border-bottom:1px solid var(--paper-line)}.subnet-table td:first-child{color:var(--ink-soft);width:42%}#qrCanvas{background:#fff;padding:14px;border-radius:9px;display:inline-block;margin-top:14px;min-width:20px;min-height:20px}#qrCanvas img,#qrCanvas canvas{display:block;max-width:100%;height:auto}.random-stage{font:700 2.2rem "JetBrains Mono",monospace;text-align:center;padding:30px;background:var(--paper-dark);border-radius:9px;margin:16px 0;min-height:1.4em}.random-stage.rolling{animation:rollShake .12s ease infinite}@keyframes rollShake{0%{transform:translateX(-2px)}50%{transform:translateX(2px)}100%{transform:translateX(-2px)}}
footer{padding:20px 24px 50px;color:var(--ink-soft);font-size:.83rem;border-top:1px solid var(--paper-line)}footer strong{color:var(--ink)}
@media(max-width:760px){header{padding-top:24px}.topbar{align-items:flex-start}.tool-search-wrap{grid-template-columns:1fr}.search-info{min-height:1em}.row3{grid-template-columns:1fr}.checkgrid{grid-template-columns:1fr}section.tool{padding:22px}.pomo-time{font-size:3rem}.tabs-wrap{padding-inline:34px}.tabs-wrap:before{left:34px}.tabs-wrap:after{right:34px}}
@media(max-width:560px){header,main,footer{padding-left:16px;padding-right:16px}.groups{display:grid;grid-template-columns:1fr 1fr}.groups button{padding:11px 8px}.row{grid-template-columns:1fr}.brand h1{font-size:2.2rem}.theme-btn{padding:8px 10px}.logo-badge{width:48px;height:48px;flex-basis:48px}.hero-stats span{font-size:.72rem}.calc-grid{gap:6px}.calc-grid button{padding:14px 0}.pomo-time{font-size:2.6rem}.tabs-wrap{padding-inline:30px}.tabs-wrap:before{left:30px}.tabs-wrap:after{right:30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}