:root{--ink: #1f1f1f;--paper: #ffffff;--paper-soft: rgba(255, 255, 255, .55);--accent: #ffd43b;--border-width: 3px;--radius: 16px;--shadow-offset: 6px;font-family:"Baloo 2",system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0}body{font-family:"Baloo 2",system-ui,sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}button{font-family:inherit}.page{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden;transition:background .5s ease}.site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:16px 24px;position:relative;z-index:1}.brand{font-size:22px;font-weight:700}.nav{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.nav-link{font-weight:500;opacity:.85;padding-bottom:2px;border-bottom:2px solid transparent}.nav-link:hover{opacity:1}.nav-link.active{opacity:1;border-bottom-color:currentColor;font-weight:700}.brand-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bounce-badge{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px;padding:6px 14px;border-radius:999px;background:var(--accent);color:var(--ink);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);animation:bounce-pop .1s ease}.bounce-badge-icon{font-size:14px}.bounce-rate-btn{display:inline-flex;align-items:center;font-weight:700;font-size:12px;padding:5px 12px;border-radius:999px;background:var(--paper);color:var(--ink);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.bounce-rate-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}@keyframes bounce-pop{0%{transform:scale(1.05)}to{transform:scale(1)}}.site-content{flex:1;display:flex;justify-content:center;padding:16px 16px 40px;position:relative;z-index:1}.site-footer{text-align:center;padding:24px 24px 36px;position:relative;z-index:1}.footer-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px}.footer-links{display:flex;gap:16px;font-weight:600}.footer-links a{display:inline-flex;align-items:center;transition:transform .1s ease}.footer-links a:hover{transform:translateY(-2px)}.footer-icon{font-size:24px}.copyright{display:block;margin-top:16px;opacity:.7;font-size:13px}.card{background:var(--paper-soft);color:var(--ink);border:var(--border-width) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--ink);padding:24px;width:100%}.card-solid{background:var(--paper)}.card-tight{padding:16px}.title{text-align:center;margin:0 0 8px;font-weight:800}.title-xl{font-size:36px}.title-lg{font-size:24px}.subtitle{text-align:center;display:block;opacity:.75}.intro{text-align:center;margin-bottom:32px}.intro-blurb{max-width:560px;margin:18px auto 0;font-size:14px;opacity:.85;line-height:1.5}.intro-blurb a{font-weight:700;text-decoration:underline}.section-title{text-align:center;margin:0 0 20px;font-weight:700;font-size:22px}.btn{font-family:inherit;font-weight:700;border:var(--border-width) solid var(--ink);border-radius:999px;padding:8px 18px;background:var(--paper);color:var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform .1s ease,box-shadow .1s ease}.btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.btn:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-primary{background:var(--accent)}.btn-block{width:100%;display:block;text-align:center}.btn-sm{padding:4px 12px;font-size:12px;box-shadow:2px 2px 0 var(--ink)}.badge{display:inline-block;border:2px solid var(--ink);border-radius:999px;padding:4px 14px;font-weight:700;background:var(--accent)}.timeline{position:relative;list-style:none;margin:0 0 36px;padding:0}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:var(--border-width);background:var(--ink);transform:translate(-50%)}.timeline-item{position:relative;width:50%;padding:4px 28px 22px}.timeline-item:before{content:"";position:absolute;top:6px;width:14px;height:14px;border-radius:50%;background:var(--accent);border:var(--border-width) solid var(--ink)}.timeline-item:nth-child(odd){left:0;text-align:right}.timeline-item:nth-child(odd):before{right:-7px}.timeline-item:nth-child(2n){left:50%;text-align:left}.timeline-item:nth-child(2n):before{left:-7px}.timeline-title{font-weight:700;font-size:16px}.timeline-period{opacity:.7;font-size:13px}.timeline-desc{margin:6px 0 0}@media(max-width:640px){.timeline:before{left:6px}.timeline-item,.timeline-item:nth-child(odd),.timeline-item:nth-child(2n){width:100%;left:0;text-align:left;padding:4px 0 22px 28px}.timeline-item:before,.timeline-item:nth-child(odd):before,.timeline-item:nth-child(2n):before{left:0;right:auto}}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.project-card{background:var(--paper);color:var(--ink);border:var(--border-width) solid var(--ink);border-radius:12px;padding:16px;height:100%;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:transform .1s ease,box-shadow .1s ease}.project-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.project-title{font-weight:700;margin:0 0 8px}.project-desc{opacity:.8;min-height:48px;margin:0 0 12px}.tag{display:inline-block;font-size:12px;font-weight:700;padding:2px 10px;border-radius:999px;background:#e6f4ff;border:2px solid #1677ff;color:#1677ff}.upgrade-card{background:var(--paper);color:var(--ink);border:var(--border-width) solid var(--ink);border-radius:12px;padding:16px;height:100%;display:flex;flex-direction:column;gap:10px}.upgrade-name{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px}.upgrade-name svg{font-size:18px;flex-shrink:0}.upgrade-desc{opacity:.75;margin:0;flex:1}.upgrade-level{font-weight:600;font-size:14px}.upgrade-buy-btn{margin-top:auto}.upgrade-reset-row{display:flex;justify-content:center;margin-top:28px;padding-top:20px;border-top:2px dashed var(--ink);opacity:.95}.btn-danger{background:#ff6b6b}.btn-danger-ghost{background:transparent;color:#d63031;border-color:#d63031;box-shadow:3px 3px #d63031}.btn-danger-ghost:hover:not(:disabled){box-shadow:4px 4px #d63031}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;z-index:20}.modal-card{background:var(--paper);color:var(--ink);border:var(--border-width) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--ink);padding:24px;max-width:380px;width:100%}.modal-title{margin:0 0 10px;font-weight:800}.modal-message{margin:0 0 20px;opacity:.85;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--paper);padding:10px 20px;border-radius:999px;font-weight:600;z-index:10;box-shadow:3px 3px #0000004d}.field-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.field-label{font-weight:600}.color-input{width:44px;height:32px;border:var(--border-width) solid var(--ink);border-radius:8px;padding:0;background:none;cursor:pointer}.mode-toggle{display:inline-flex;border:var(--border-width) solid var(--ink);border-radius:999px;overflow:hidden}.mode-toggle button{border:none;padding:8px 16px;font-weight:700;background:var(--paper);cursor:pointer}.mode-toggle button.active{background:var(--accent)}.divider{border:none;border-top:2px dashed var(--ink);opacity:.4;margin:16px 0}.file-btn{display:inline-block;width:100%;text-align:center}.file-btn input{display:none}.skin-preview-wrap{display:flex;flex-direction:column;align-items:center}.skin-preview-box{background:#f5f5f5;padding:16px;border-radius:8px;border:1px solid #d9d9d9;box-shadow:inset 0 2px 4px #0000000d}.skin-preview-hint{margin-top:8px;font-size:12px;color:#8c8c8c}