body.df-boot{font-family:var(--font-mono);background:var(--color-dark);color:var(--color-text)}body.df-boot ::selection{color:var(--color-green);background:#00ff881f}body.df-boot a{color:var(--color-green)}body.df-boot a:hover{color:var(--color-green-hover)}body.df-boot a:focus-visible{outline:2px solid var(--color-green);outline-offset:2px}body.df-boot:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff08 2px 4px);position:fixed;inset:0}body.df-boot .corner-decoration{color:var(--color-line);z-index:50;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:12px;display:block;position:fixed}body.df-boot .corner-tl{top:8px;left:8px}body.df-boot .corner-tr{top:8px;right:8px}body.df-boot .corner-bl{bottom:8px;left:8px}body.df-boot .corner-br{bottom:8px;right:8px}body.df-boot .nav{z-index:100;-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-line);background:#0a0a0aeb;border-radius:0;justify-content:space-between;align-items:center;height:auto;padding:12px 24px;font-size:14px;transition:background .2s,border-color .2s;display:flex;position:fixed;top:16px;left:16px;right:16px}body.df-boot .nav.scrolled{border-color:var(--color-line-hover);background:#0a0a0afa}body.df-boot .nav-logo{color:var(--color-green);letter-spacing:1px;cursor:pointer;text-transform:none;font-size:16px;font-weight:700;font-family:var(--font-mono)}body.df-boot .nav-logo:before{content:"[";color:var(--color-muted)}body.df-boot .nav-logo:after{content:"]";color:var(--color-muted)}body.df-boot .nav-links{align-items:center;gap:32px;display:flex}body.df-boot .nav-link{color:var(--color-muted);letter-spacing:.5px;text-transform:none;font-size:13px;font-family:var(--font-mono);cursor:pointer;transition:color .2s;position:relative}body.df-boot .nav-link:hover,body.df-boot .nav-link:focus-visible{color:var(--color-green)}body.df-boot .nav-link:before{content:">";opacity:0;color:var(--color-green);margin-right:6px;transition:opacity .2s}body.df-boot .nav-link:hover:before{opacity:1}body.df-boot .nav-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:4px;display:none}body.df-boot .nav-hamburger span{background:var(--color-text);width:20px;height:1px;transition:transform .2s,opacity .2s;display:block}@media (width<=640px){body.df-boot .nav-links{display:none}body.df-boot .nav-hamburger{display:flex}body.df-boot .nav-links.open{border:1px solid var(--color-line);background:#0a0a0afa;border-top:none;flex-direction:column;gap:16px;padding:16px 24px;display:flex;position:absolute;top:100%;left:0;right:0}}body.df-boot #main-container{padding-top:72px}body.df-boot .container{max-width:960px;margin:0 auto;padding:0 24px}body.df-boot .hero{flex-direction:column;justify-content:center;min-height:calc(100vh - 72px);padding-top:16px;display:flex;position:relative}body.df-boot .ascii-art{color:var(--color-green);white-space:pre;opacity:0;-webkit-user-select:none;user-select:none;margin-bottom:32px;font-size:clamp(6px,1.1vw,11px);line-height:1.2;animation:.6s .3s forwards dfBootFadeIn}body.df-boot .hero-subtitle{color:var(--color-muted);margin-bottom:8px;font-size:clamp(14px,2vw,18px);font-weight:400}body.df-boot .hero-name{color:var(--color-text);letter-spacing:-.5px;margin-bottom:4px;font-size:clamp(24px,4vw,40px);font-weight:700}body.df-boot .hero-name-jp{font-family:var(--font-jp,"Noto Sans JP", sans-serif);color:var(--color-muted);margin-bottom:32px;font-size:clamp(14px,2vw,18px);font-weight:400}body.df-boot .hero-tagline{color:var(--color-muted);align-items:center;gap:0;font-size:16px;display:flex}body.df-boot .hero-tagline .prompt{color:var(--color-green);flex-shrink:0;margin-right:8px}body.df-boot .typing-text{white-space:nowrap;overflow:hidden}body.df-boot .cursor{background:var(--color-green);vertical-align:text-bottom;width:10px;height:18px;margin-left:2px;animation:1s step-end infinite dfBootBlink;display:inline-block}body.df-boot .hero-scroll-hint{color:var(--color-muted);text-align:center;font-size:12px;animation:2s ease-in-out infinite dfBootPulse;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}body.df-boot .hero-scroll-hint .arrow{margin-top:4px;font-size:16px;display:block}@keyframes dfBootBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes dfBootFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dfBootPulse{0%,to{opacity:.3}50%{opacity:.8}}body.df-boot .sections{padding:80px 0 60px}body.df-boot .section-header{color:var(--color-muted);letter-spacing:1px;margin-bottom:32px;font-size:13px}body.df-boot .section-header .accent{color:var(--color-green)}body.df-boot .cards-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=640px){body.df-boot .cards-grid{grid-template-columns:1fr}}body.df-boot .card{border:1px solid var(--color-line);background:var(--color-dark-lighter);cursor:pointer;color:inherit;opacity:0;padding:0;text-decoration:none;transition:border-color .25s,box-shadow .25s;display:block;position:relative;overflow:hidden;transform:translateY(16px)}body.df-boot .card.visible{opacity:1;transition:opacity .4s,transform .4s,border-color .25s,box-shadow .25s;transform:translateY(0)}body.df-boot .card:hover{border-color:var(--color-green);color:inherit;box-shadow:0 0 20px #00ff880f,inset 0 0 20px #00ff8805}body.df-boot .card:focus-visible{outline:2px solid var(--color-green);outline-offset:2px}body.df-boot .card-titlebar{border-bottom:1px solid var(--color-line);color:var(--color-green);background:#00ff8808;align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex}body.df-boot .card-titlebar .dot{background:var(--color-green);opacity:.6;border-radius:50%;width:6px;height:6px}body.df-boot .card-body{padding:16px}body.df-boot .card-command{color:var(--color-muted);margin-bottom:16px;font-size:13px}body.df-boot .card-command .prompt-sym{color:var(--color-orange)}body.df-boot .card-desc{font-family:var(--font-sans);color:var(--color-text);margin-bottom:20px;font-size:14px;line-height:1.6}body.df-boot .card-tags{color:var(--color-muted);border-top:1px solid var(--color-line);gap:12px;padding-top:12px;font-size:12px;display:flex}body.df-boot .card-tags span:before{content:"#";color:var(--color-green);opacity:.5}body.df-boot .status{padding:60px 0}body.df-boot .status-box{border:1px solid var(--color-line);background:var(--color-dark-lighter);opacity:0;overflow:hidden;transform:translateY(16px)}body.df-boot .status-box.visible{opacity:1;transition:opacity .4s,transform .4s;transform:translateY(0)}body.df-boot .status-titlebar{border-bottom:1px solid var(--color-line);color:var(--color-muted);background:#ffffff05;padding:10px 16px;font-size:13px}body.df-boot .status-body{grid-template-columns:1fr 1fr;gap:32px;padding:24px;display:grid}@media (width<=640px){body.df-boot .status-body{grid-template-columns:1fr;gap:24px}}body.df-boot .status-metrics{flex-direction:column;gap:12px;display:flex}body.df-boot .metric{align-items:center;gap:16px;font-size:13px;display:flex}body.df-boot .metric-label{color:var(--color-muted);min-width:80px}body.df-boot .metric-value{color:var(--color-text)}body.df-boot .metric-value.online{color:var(--color-green)}body.df-boot .progress-bar{background:var(--color-line);vertical-align:middle;width:120px;height:8px;margin-right:8px;display:inline-block;overflow:hidden}body.df-boot .progress-fill{background:var(--color-green);height:100%;transition:width 1s}body.df-boot .activity-chart{font-size:14px;line-height:1.4}body.df-boot .activity-label{color:var(--color-muted);margin-bottom:8px;font-size:12px}body.df-boot .activity-bars{color:var(--color-green);letter-spacing:1px;font-size:16px}body.df-boot .activity-months{color:var(--color-muted);letter-spacing:2px;margin-top:4px;font-size:11px}body.df-boot .now-section{padding:0 0 60px}body.df-boot .now-box{border:1px solid var(--color-line);background:var(--color-dark-lighter);opacity:0;overflow:hidden;transform:translateY(16px)}body.df-boot .now-box.visible{opacity:1;transition:opacity .4s,transform .4s;transform:translateY(0)}body.df-boot .now-titlebar{border-bottom:1px solid var(--color-line);color:var(--color-orange);background:#ff6b350a;padding:10px 16px;font-size:13px}body.df-boot .now-body{padding:24px}body.df-boot .now-list{flex-direction:column;gap:10px;margin-left:0;list-style:none;display:flex}body.df-boot .now-list li{font-family:var(--font-sans);color:var(--color-text);padding-left:20px;font-size:14px;position:relative}body.df-boot .now-list li:before{content:">";color:var(--color-green);position:absolute;left:0}body.df-boot .site-footer{border-top:1px solid var(--color-line);background:0 0;width:100%;max-width:960px;margin:0 auto;padding:40px 24px;font-size:13px}body.df-boot .footer-bottom{color:var(--color-muted);font-family:var(--font-mono);text-transform:none;justify-content:space-between;align-items:center;margin-top:16px;padding:0;font-size:12px;display:flex}body.df-boot .footer-bottom>span{text-transform:lowercase}body.df-boot .footer-links{gap:24px;display:flex}body.df-boot .footer-links a,body.df-boot .footer-bottom a{color:var(--color-muted);font-size:12px;transition:color .2s}body.df-boot .footer-links a:hover,body.df-boot .footer-bottom a:hover{color:var(--color-green)}@media (width<=640px){body.df-boot .footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}}@media (prefers-reduced-motion:reduce){body.df-boot:after{display:none}body.df-boot .cursor{animation:none}body.df-boot .hero-scroll-hint{opacity:.5;animation:none}body.df-boot .ascii-art{opacity:1;animation:none}body.df-boot .card,body.df-boot .status-box,body.df-boot .now-box{opacity:1;transform:none}}