*{box-sizing:border-box;margin:0;padding:0}html,body{background:#000;width:100%;height:100%;overflow:hidden}body{color:#0f0;background:radial-gradient(#0a1a0a,#000);font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,monospace}#root{height:100%}#app{justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex}.carousel{text-align:center;width:100%;animation:.3s fadeIn}.carousel .title{word-break:break-word;text-shadow:0 0 30px #0f06;margin-bottom:.3em;font-size:clamp(2.5rem,12vw,20rem);font-weight:700;line-height:1.2}.carousel .value{word-break:break-word;color:#8f8;opacity:.85;text-shadow:0 0 15px #00ff0040;font-size:clamp(1.4rem,6vw,10rem);line-height:1.3}.carousel.numbers.light .title{opacity:.85;text-shadow:0 0 15px #00ff0040;margin-bottom:.3em;font-size:clamp(1.4rem,6vw,10rem);font-weight:400}.carousel.numbers.light .value{color:#0f0;opacity:1;text-shadow:0 0 30px #0f06;font-size:clamp(2.5rem,12vw,20rem);font-weight:700;line-height:1.2}.carousel.numbers.neon .title,.carousel.numbers.neon .value{word-break:break-word;color:#0f0;opacity:1;text-shadow:0 0 25px #00ff0059;font-size:clamp(2rem,9vw,16rem);font-weight:600;line-height:1.3}.carousel.numbers.neon .title{margin-bottom:.3em}.carousel.image .title{color:#0f0;text-shadow:0 0 20px #00ff004d;margin-bottom:.5em;font-size:clamp(1.5rem,5vw,6rem);font-weight:600}.carousel.image .value{opacity:.7;max-width:80vw;margin:0 auto;font-size:clamp(1rem,3vw,3rem);line-height:1.4}.carousel.calendar .title{letter-spacing:.05em;text-shadow:0 0 40px #00ff0080;font-size:clamp(3rem,15vw,25rem);font-weight:700}.carousel.calendar .value{opacity:.6;max-width:70vw;margin:0 auto;font-size:clamp(1rem,3vw,3rem);line-height:1.6}.carousel.weather .title{text-shadow:0 0 30px #0f06;font-size:clamp(2rem,8vw,12rem);font-weight:700}.carousel.weather .value{color:#0f0;text-shadow:0 0 40px #00ff0080;font-size:clamp(3rem,12vw,18rem);font-weight:700}.carousel.text .title{color:#0f0;margin-bottom:.5em;font-size:clamp(1.5rem,5vw,6rem);font-weight:600}.carousel.text .value{opacity:.7;white-space:pre-wrap;max-width:70vw;margin:0 auto;font-size:clamp(1rem,3vw,3rem);line-height:1.6}.carousel.video .title{color:#0f0;text-shadow:0 0 20px #00ff004d;font-size:clamp(1.5rem,4vw,5rem);font-weight:600}.carousel.video .value{opacity:.6;font-size:clamp(.9rem,2vw,2rem);line-height:1.4}.carousel .index{opacity:.35;letter-spacing:.15em;font-size:.85rem;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.modal-overlay.exiting{pointer-events:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;animation:none}.modal-overlay.exiting .modal{animation:.3s forwards modalExit}@keyframes modalExit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.08)translate(30vw,45vh)}}.modal{background:#0d1a0d;border:1px solid #0f03;border-radius:12px;width:90%;max-width:560px;max-height:85vh;padding:2rem;overflow-y:auto;box-shadow:0 0 40px #00ff0014}.modal h1{opacity:.8;margin-bottom:.05rem;font-size:1.1rem}.modal p{opacity:.45;margin-bottom:1rem;font-size:.8rem}.agent-guide{opacity:.5;text-align:center;letter-spacing:.03em;margin-bottom:.5rem;font-size:.65rem;line-height:1.5}.copy-row{gap:.35rem;margin-bottom:.75rem;display:flex}.copy-btn{color:#0f0;cursor:pointer;letter-spacing:.03em;background:#00ff0014;border:1px solid #0f03;border-radius:4px;flex:1;padding:.3rem .4rem;font-size:.7rem;transition:background .15s}.copy-btn:hover{background:#00ff0026}.modal .meta{opacity:.55;grid-template-columns:auto 1fr;gap:.25rem .6rem;margin-bottom:.75rem;font-size:.7rem;display:grid}.modal .meta dt{opacity:.5}.modal h2{opacity:.65;border-top:1px solid #00ff0014;margin-top:.75rem;margin-bottom:.35rem;padding-top:.75rem;font-size:.8rem}.modal pre{white-space:pre-wrap;word-break:break-all;opacity:.7;background:#00ff0008;border:1px solid #00ff0014;border-radius:4px;margin-bottom:.4rem;padding:.45rem .65rem;font-size:.65rem;line-height:1.45;overflow-x:auto}.modal .close-btn{color:#0f0;cursor:pointer;background:#00ff0014;border:1px solid #0f03;border-radius:6px;width:100%;margin-top:1rem;padding:.5rem;font-size:.8rem;transition:background .15s;display:block}.modal .close-btn:hover{background:#00ff0026}.modal .note{opacity:.3;text-align:center;margin-top:.5rem;font-size:.6rem}.help-btn{z-index:99;color:#0f0;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.05em;opacity:1;background:#00ff0014;border:1px solid #00ff0040;border-radius:6px;padding:.4rem .7rem;font-size:.75rem;transition:opacity .3s,background .15s,transform .15s;position:fixed;bottom:1rem;right:1rem}.help-btn:hover{background:#00ff0026}.help-btn.animate-in{animation:.8s 3 btnPulse}@keyframes btnPulse{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.9)}75%{transform:scale(1.05)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.prompt-preview{border-top:1px solid #00ff0014;margin-top:.5rem;padding-top:.5rem}.prompt-preview summary{opacity:.5;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:.35rem;font-size:.7rem;font-weight:400;list-style:none}.prompt-preview summary::-webkit-details-marker{display:none}.prompt-preview summary:before{content:"▶ ";opacity:.4;font-size:.55rem}.prompt-preview[open] summary:before{content:"▼ ";opacity:.4;font-size:.55rem}.prompt-preview p{opacity:.55;white-space:pre-wrap;word-break:break-word;margin:0;font-size:.6rem;line-height:1.35}.prompt-preview .prompt-h2{opacity:.7;margin-top:.35rem}.prompt-preview .prompt-h3{opacity:.6}.prompt-preview .prompt-hr{opacity:.15;border-top:1px solid;margin-bottom:.25rem;padding-top:.25rem}.prompt-preview .prompt-truncated{opacity:.25;text-align:center;font-size:.6rem}.agent-guide code{font-size:inherit;opacity:.7;background:#00ff000f;border-radius:2px;padding:0 .2em}.text-page{color:#0f0;white-space:pre-wrap;word-break:break-word;background:#000;min-height:100vh;margin:0;padding:2rem;font-family:monospace;font-size:13px;line-height:1.5}
