*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#071018;color:#e7fbff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}body{background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),radial-gradient(circle at 18% 0%,rgba(26,233,255,.14),transparent 34rem),radial-gradient(circle at 85% 18%,rgba(255,104,104,.08),transparent 28rem),#071018;background-size:32px 32px,32px 32px,auto,auto,auto}a{color:#63e7ff}button,input,textarea,select{font:inherit}.site-shell{width:min(1120px,calc(100% - 28px));margin:0 auto;padding:34px 0 42px}.hero,.tool-panel,.info-card,.series-section,.app-comment-section{border:1px solid rgba(111,228,255,.18);background:rgba(8,20,28,.78);box-shadow:0 0 38px rgba(0,216,255,.08);border-radius:14px}.hero{padding:clamp(26px,5vw,56px);margin-bottom:22px}.series-label,.section-kicker{margin:0 0 9px;color:#6befff;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0;font-size:clamp(2.1rem,7vw,4.8rem);letter-spacing:0}h2{margin:0 0 12px;font-size:clamp(1.15rem,3vw,1.7rem)}h3{margin:16px 0 10px;font-size:1rem}.subtitle{margin:8px 0 0;color:#bdf7ff;font-weight:700;font-size:clamp(1rem,2.4vw,1.45rem)}.lead{max-width:780px;margin:18px 0 0;color:rgba(231,251,255,.82);line-height:1.85}.hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.hero-pills span{border:1px solid rgba(111,228,255,.22);background:rgba(2,8,12,.72);color:#cff9ff;padding:7px 10px;border-radius:999px;font-size:.82rem}.tool-panel{padding:clamp(18px,4vw,32px)}.tool-head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.tool-head p{margin:0;color:rgba(231,251,255,.75);line-height:1.7}.action-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end}.duration-select{display:grid;gap:4px;color:rgba(231,251,255,.72);font-size:.8rem}.duration-select select{min-width:110px;border:1px solid rgba(98,230,255,.36);background:rgba(3,10,14,.9);color:#e8fbff;border-radius:10px;padding:10px}button{border:1px solid rgba(98,230,255,.36);background:linear-gradient(180deg,rgba(19,205,241,.25),rgba(12,98,128,.25));color:#effeff;padding:11px 14px;border-radius:10px;cursor:pointer;font-weight:700}button:hover,button:focus-visible{border-color:rgba(98,230,255,.78)}.quiet-button{background:rgba(255,255,255,.05);color:#d8f9ff}.test-pad{position:relative;min-height:260px;border:1px dashed rgba(255,216,112,.42);border-radius:12px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 1px,transparent 1px 10px),rgba(5,14,19,.86);padding:18px;outline:none;overflow:hidden;touch-action:none;user-select:none}.test-pad.is-active{border-color:rgba(96,245,255,.72);box-shadow:inset 0 0 32px rgba(0,216,255,.1)}#trailCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pad-message{position:relative;z-index:1;display:grid;gap:8px;max-width:520px}.pad-message span{color:#6befff;font-size:.75rem;letter-spacing:.12em}.pad-message strong{font-size:clamp(1.1rem,3vw,1.7rem);color:#ffe28a}.pad-message p{margin:0;color:rgba(231,251,255,.68);line-height:1.7}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:18px 0}.metric{min-width:0;border:1px solid rgba(111,228,255,.16);background:rgba(1,8,12,.72);padding:12px;border-radius:10px}.metric span{display:block;color:rgba(178,235,244,.67);font-size:.72rem;letter-spacing:.08em}.metric strong{display:block;margin-top:6px;color:#fff;font-size:clamp(1.05rem,2.6vw,1.55rem);overflow-wrap:anywhere}.mode-panel,.tool-panel>section{margin-top:18px}body[data-mouse-mode=double] .mode-cps,body[data-mouse-mode=double] .mode-drag,body[data-mouse-mode=cps] .mode-double,body[data-mouse-mode=cps] .mode-drag,body[data-mouse-mode=drag] .mode-double,body[data-mouse-mode=drag] .mode-cps{display:none}.chip-list,.event-log{min-height:58px;border:1px solid rgba(111,228,255,.13);background:rgba(0,6,10,.56);border-radius:10px;padding:10px}.chip-list{display:flex;flex-wrap:wrap;gap:7px}.chip,.log-item{border:1px solid rgba(111,228,255,.22);background:rgba(11,38,50,.72);color:#e8fbff;border-radius:8px}.chip{padding:7px 9px;font-size:.88rem}.warning-list .chip,.chip.warning{border-color:rgba(255,119,119,.55);background:rgba(78,16,18,.72);color:#ffd9d9}.event-log{display:grid;gap:7px;max-height:260px;overflow:auto}.log-item{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:8px 9px;overflow-wrap:anywhere}.log-item small{color:rgba(231,251,255,.55)}.log-item.warning{border-color:rgba(255,119,119,.55);background:rgba(78,16,18,.72)}.mini-note{color:rgba(231,251,255,.68);line-height:1.75}.cps-bar{height:12px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;border:1px solid rgba(111,228,255,.14)}.cps-bar div{height:100%;width:0;background:linear-gradient(90deg,#1de9ff,#ffe28a);transition:width .1s linear}.ad-row{margin:22px 0;padding:12px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:12px}.ad-label{margin-bottom:8px;color:rgba(231,251,255,.42);font-size:.68rem;letter-spacing:.14em}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.info-card,.series-section,.app-comment-section{padding:clamp(18px,3vw,26px)}.info-card p,.info-card li{color:rgba(231,251,255,.77);line-height:1.8}.series-section{margin-top:18px}.series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.series-card{display:block;min-width:0;padding:13px;border:1px solid rgba(111,228,255,.17);border-radius:10px;background:rgba(3,13,18,.75);text-decoration:none;color:#e8fbff}.series-card span{display:block;font-weight:800}.series-card small{display:block;margin-top:5px;color:rgba(231,251,255,.62);line-height:1.5}.series-card.is-current{border-color:rgba(255,216,112,.45);color:#ffe28a}.app-comment-section{margin-top:18px}.app-comments,.app-comment-form-section{background:rgba(6,18,24,.92)!important;border:1px solid rgba(112,220,240,.22)!important;color:#e8fbff!important}.app-comment-form input,.app-comment-form textarea,.app-comment-form select{background:rgba(3,10,14,.9)!important;color:#e8fbff!important;border:1px solid rgba(112,220,240,.28)!important}.app-comment-form input::placeholder,.app-comment-form textarea::placeholder{color:rgba(232,251,255,.48)!important}.site-return-link,.mothership-link,.page-footer{width:min(520px,100%);margin:18px auto 0;padding:15px;border-radius:10px;text-align:center}.site-return-link{border:1px solid rgba(111,228,255,.17);background:rgba(6,18,24,.72)}.site-return-link span,.mothership-link span{display:block;color:#6befff;font-size:.72rem;letter-spacing:.12em}.site-return-link a,.mothership-link a{display:inline-block;margin-top:4px;font-weight:800}.site-return-link p,.mothership-link p,.page-footer p{margin:5px 0 0;color:rgba(231,251,255,.62);font-size:.84rem}.mothership-link{border:1px solid rgba(255,216,112,.18);background:rgba(20,18,11,.55)}.page-footer{color:rgba(231,251,255,.58)}@media (max-width:820px){.tool-head,.info-grid{grid-template-columns:1fr;display:grid}.action-row{justify-content:stretch}.action-row button,.duration-select{flex:1 1 150px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.series-grid{grid-template-columns:1fr}}@media (max-width:420px){.site-shell{width:min(100% - 18px,1120px);padding-top:18px}.hero,.tool-panel,.info-card,.series-section,.app-comment-section{border-radius:10px}.metric-grid{grid-template-columns:1fr}.log-item{grid-template-columns:1fr}}