[hidden]{display:none!important}:root{--bg:#f6f8fb;--panel:#fff;--panel-soft:#f1f5f9;--text:#142033;--muted:#667085;--border:#e2e8f0;--accent:#0f9f7a;--accent-2:#2563eb;--danger:#ef4444;--shadow:0 22px 60px rgba(15,23,42,.09);--radius:24px}html[data-theme=dark]{--bg:#09111f;--panel:#101827;--panel-soft:#162235;--text:#e5e7eb;--muted:#9ca3af;--border:#263348;--shadow:0 22px 60px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Microsoft Yahei",sans-serif;background:radial-gradient(circle at top left,rgba(15,159,122,.15),transparent 30rem),radial-gradient(circle at 80% 10%,rgba(37,99,235,.10),transparent 28rem),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.topbar{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 clamp(14px,3vw,32px);position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;min-width:0}.brand-mark{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#38bdf8);color:#fff}.brand small{display:block;color:var(--muted);font-size:12px;font-weight:800}.topnav{display:flex;gap:8px;align-items:center}.topnav a,.pill-button,.primary-button,.secondary-button{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer}.topnav a.active,.topnav a:hover,.pill-button:hover,.secondary-button:hover{border-color:var(--accent);color:var(--accent)}.top-actions{display:flex;gap:8px}.primary-button{background:var(--accent);color:#fff;border-color:transparent}.secondary-button{background:var(--panel-soft)}.main-wrap{width:min(1440px,100%);margin:0 auto;padding:24px clamp(12px,3vw,34px)}.hero{border:1px solid var(--border);background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 95%,transparent),color-mix(in srgb,var(--accent) 8%,var(--panel)));border-radius:32px;box-shadow:var(--shadow);padding:clamp(22px,5vw,48px);margin-bottom:20px}.eyebrow{margin:0 0 8px;color:var(--accent);font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.hero h1{font-size:clamp(34px,6vw,70px);line-height:1;margin:0 0 14px}.hero p{max-width:820px;color:var(--muted);font-size:clamp(15px,2vw,18px);line-height:1.7}.hub-search{display:grid;grid-template-columns:1fr auto;gap:10px;max-width:760px;margin-top:22px}.hub-search input,input,select,textarea{border:1px solid var(--border);background:var(--panel-soft);color:var(--text);border-radius:16px;padding:13px 15px;font:inherit;min-width:0}.stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.stat{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:11px 14px;color:var(--muted)}.stat strong{display:block;color:var(--text);font-size:20px}.hub-panel,.plugin-panel,.admin-card{background:color-mix(in srgb,var(--panel) 96%,transparent);border:1px solid var(--border);border-radius:30px;box-shadow:var(--shadow);padding:clamp(14px,3vw,24px)}.filter-row{display:grid;gap:12px}.segmented,.category-scroll{display:flex;gap:8px;flex-wrap:wrap}.category-scroll{max-height:120px;overflow:auto;padding-bottom:2px}.chip{border:1px solid var(--border);background:var(--panel-soft);color:var(--text);border-radius:999px;padding:9px 13px;font-weight:800;cursor:pointer}.chip.active{background:linear-gradient(135deg,var(--accent),#12b981);color:#fff;border-color:transparent}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:22px 0 14px}.section-head h2{margin:0;font-size:28px}.hint{color:var(--muted);font-size:14px}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-bottom:16px}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.app-card{position:relative;border:1px solid var(--border);background:var(--panel-soft);border-radius:24px;padding:16px;min-height:180px;display:grid;gap:12px;cursor:pointer;transition:.18s transform,.18s border-color,.18s box-shadow;text-align:left;color:var(--text)}.app-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow)}.app-card.featured{min-height:210px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--panel)),var(--panel-soft))}.app-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--border);font-size:26px;font-weight:900}.app-card h3{margin:0;font-size:18px}.app-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.tag{border:1px solid var(--border);border-radius:999px;padding:3px 8px;font-size:11px;color:var(--muted);background:color-mix(in srgb,var(--panel) 70%,transparent)}.plugin-toolbar{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-bottom:12px}.plugin-host{min-width:0}.tool-shell,.game-shell{border:1px solid var(--border);background:var(--panel);border-radius:24px;padding:clamp(14px,3vw,22px);min-width:0;overflow:hidden}.tool-area{display:grid;gap:12px}.tool-area textarea{min-height:160px}.tool-actions,.inline-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.output{white-space:pre-wrap;background:var(--panel-soft);border:1px solid var(--border);border-radius:16px;padding:14px;min-height:86px;overflow:auto}.empty{border:1px dashed var(--border);background:var(--panel-soft);border-radius:22px;padding:28px;text-align:center;color:var(--muted)}.modal{position:fixed;inset:0;background:rgba(2,6,23,.55);display:grid;place-items:center;z-index:100;padding:20px}.modal-card{background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:24px;max-width:440px;box-shadow:var(--shadow)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.game-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.game-head h2{margin:0 0 6px}.game-board{display:grid;gap:12px}.game-stats{display:flex;flex-wrap:wrap;gap:10px}.game-stats span{border:1px solid var(--border);background:var(--panel-soft);border-radius:15px;padding:9px 12px;color:var(--muted)}.game-stats strong{display:block;color:var(--text);font-size:20px}.game-result{font-weight:900;color:var(--accent);min-height:28px}.game-primary{border:0;border-radius:16px;padding:12px 16px;background:var(--accent);color:#fff;font-weight:900;cursor:pointer}.reaction-pad{width:100%;min-height:150px;border:1px dashed var(--border);background:var(--panel-soft);color:var(--text);border-radius:22px;font-size:24px;font-weight:900;cursor:pointer}.reaction-pad.ready{background:#10b981;color:#fff}.reaction-pad.danger{background:#ef4444;color:#fff}.target-grid,.memory-grid,.choice-grid,.ttt-grid{display:grid;gap:10px}.target-grid{grid-template-columns:repeat(4,1fr)}.target-grid button,.memory-grid button,.choice-grid button,.ttt-grid button{border:1px solid var(--border);border-radius:16px;background:var(--panel-soft);color:var(--text);font-size:22px;font-weight:900;cursor:pointer;min-height:68px}.target-grid button.active{background:var(--accent);color:#fff}.memory-grid{grid-template-columns:repeat(4,1fr)}.memory-grid button{aspect-ratio:1;font-size:28px}.memory-grid button.done,.memory-grid button.open{background:color-mix(in srgb,var(--accent) 16%,var(--panel-soft))}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.dice-row{font-size:70px;text-align:center;background:var(--panel-soft);border-radius:20px;padding:18px}.ttt-grid{grid-template-columns:repeat(3,1fr);max-width:360px}.ttt-grid button{aspect-ratio:1;font-size:44px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end}.tool-grid.two{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.tool-grid.three{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.tool-grid.four{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.tool-table-wrap{width:100%;overflow:auto;border-radius:14px}.tool-table{width:100%;border-collapse:collapse}.tool-table th,.tool-table td{border:1px solid var(--border);padding:8px;word-break:break-word}.tool-preview a{color:var(--accent);text-decoration:underline}.tool-preview code{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:1px 5px}.tool-area input[type=file]{width:100%;padding:12px;border:1px dashed var(--border);border-radius:14px;background:var(--panel-soft)}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ruler-wrap{width:100%;overflow:auto;border:1px solid var(--border);border-radius:16px;background:var(--panel-soft);padding:18px}.ruler{position:relative;height:74px;border-bottom:3px solid var(--text);min-width:320px}.ruler span{position:absolute;bottom:0;width:1px;background:var(--text)}.ruler span.small{height:12px}.ruler span.mid{height:22px}.ruler span.big{height:36px}.ruler em{position:absolute;bottom:39px;left:-5px;font-size:12px;font-style:normal}.tool-shell pre,.output,textarea,input,select{max-width:100%}body.focus-mode .topbar,body.focus-mode #heroSection,body.focus-mode #hubPanel{display:none}body.focus-mode .main-wrap{width:100%;padding:10px}body.focus-mode .plugin-panel{box-shadow:none;border:0;background:transparent;padding:0}.admin-main{max-width:1300px;margin:0 auto;padding:24px}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.admin-tabs button{border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--text);padding:10px 14px;font-weight:800;cursor:pointer}.admin-tabs button.active{background:var(--accent);color:#fff;border-color:transparent}.admin-grid{display:grid;grid-template-columns:320px 1fr;gap:16px}.admin-list{display:grid;gap:8px;max-height:620px;overflow:auto}.admin-row{border:1px solid var(--border);border-radius:16px;background:var(--panel-soft);padding:10px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;cursor:pointer}.admin-row.active{outline:2px solid var(--accent)}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}label{display:grid;gap:6px;color:var(--muted);font-weight:700}.checkbox-label{display:flex;align-items:center;gap:8px}.export-box{width:100%;min-height:360px;font-family:ui-monospace,Consolas,monospace}.muted{color:var(--muted);font-size:13px}@media(max-width:900px){.topbar{padding:8px 12px;gap:8px;flex-wrap:wrap}.topnav{order:3;width:100%;overflow:auto;padding-bottom:4px}.main-wrap{padding:12px}.hero{border-radius:24px}.hub-search{grid-template-columns:1fr}.section-head{display:block}.app-grid,.featured-grid{grid-template-columns:1fr}.plugin-toolbar{display:grid;grid-template-columns:1fr}.tool-actions{display:grid;grid-template-columns:1fr}.tool-actions button{width:100%}.target-grid,.memory-grid{grid-template-columns:repeat(3,1fr)}.admin-grid,.form-grid.two,.form-grid.three{grid-template-columns:1fr}.admin-main{padding:12px}.calc-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.brand small{display:none}.top-actions{margin-left:auto}.pill-button,.topnav a{padding:8px 10px;font-size:13px}.hero h1{font-size:34px}.hero{padding:18px}.hub-panel,.plugin-panel{padding:12px;border-radius:20px}.tool-shell,.game-shell{padding:12px}.memory-grid,.target-grid{grid-template-columns:repeat(2,1fr)}}