:root{--bg-swiss: #f5f5f2;--bg-card: #ffffff;--border-dark: #111111;--border-light: #d4d4cf;--text-dark: #111111;--text-muted: #6a6a66;--accent-orange: #ff5500;--accent-orange-alpha: rgba(255, 85, 0, .07);--bg-input: #f0f0ec;--error-red: #ff3b30;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Space Mono", "JetBrains Mono", Courier, monospace;--radius-swiss: 12px;--radius-card: 24px;--radius-pill: 100px;--shadow-swiss: 0 20px 60px rgba(0,0,0,.07), 0 4px 16px rgba(0,0,0,.04);--shadow-sub: none;--transition-fast: .15s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-swiss);color:var(--text-dark);font-family:var(--font-sans);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-swiss)}::-webkit-scrollbar-thumb{background:var(--border-dark)}@keyframes slide-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-item{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in-out{0%,to{opacity:0}10%,90%{opacity:1}}@keyframes bar-scale{0%,to{transform:scaleY(.1)}50%{transform:scaleY(1)}}@keyframes dot-flicker{0%,to{opacity:.18}50%{opacity:.45}}.swiss-card{background-color:var(--bg-card);border:none;border-radius:var(--radius-card);box-shadow:var(--shadow-swiss);width:500px;padding:36px;position:relative;z-index:10;display:flex;flex-direction:column;animation:slide-in .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.swiss-card-large{width:860px;padding:36px}.pattern-dots{position:absolute;top:20px;right:20px;width:80px;height:80px;background-image:radial-gradient(circle,var(--accent-orange) 1.5px,transparent 1.5px);background-size:10px 10px;opacity:.22;pointer-events:none;animation:dot-flicker 3s ease-in-out infinite}.display-headline{font-family:var(--font-sans);font-size:4.8rem;font-weight:900;letter-spacing:-.045em;line-height:.86;text-transform:uppercase;color:var(--text-dark)}.headline-rule{height:1.5px;background-color:var(--border-dark);margin:14px 0}.headline-sub{font-family:var(--font-sans);font-size:.85rem;font-weight:500;color:var(--text-muted);letter-spacing:.01em}.welcome-header{margin-bottom:28px;position:relative;z-index:1}.welcome-form{display:flex;flex-direction:column;gap:14px;position:relative;z-index:1}.welcome-footer{display:flex;justify-content:space-between;margin-top:22px;padding-top:12px;border-top:1.5px solid var(--border-dark)}.footer-text{font-family:var(--font-mono);font-size:.6rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.loading-header{margin-bottom:24px}.loading-stage-label{font-family:var(--font-sans);font-size:3.8rem;font-weight:900;letter-spacing:-.045em;line-height:.86;text-transform:uppercase;color:var(--text-dark)}.loading-url{font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--accent-orange);margin-top:10px;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-bars-container{display:flex;align-items:flex-end;gap:4px;height:80px;margin-bottom:20px}.loading-bar{flex:1;height:100%;transform-origin:bottom center;animation:bar-scale 1.4s ease-in-out infinite;border-radius:5px 5px 2px 2px}.loading-stage-text{font-family:var(--font-mono);font-size:.65rem;font-weight:700;color:var(--text-dark);letter-spacing:.05em;padding:10px 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);margin-bottom:16px}.loading-progress{display:flex;align-items:center;gap:10px}.progress-percent{font-family:var(--font-mono);font-size:.65rem;font-weight:700;color:var(--text-muted);white-space:nowrap;min-width:28px;text-align:right}.swiss-title{font-family:var(--font-mono);font-weight:700;font-size:1.3rem;text-transform:uppercase;letter-spacing:-.5px;color:var(--text-dark);margin-bottom:8px;display:flex;align-items:center;gap:8px}.swiss-subtitle{font-size:.85rem;color:var(--text-muted);line-height:1.6;margin-bottom:24px}.input-group{display:flex;flex-direction:column}.input-label{font-family:var(--font-mono);font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--text-dark);margin-bottom:6px;display:flex;align-items:center;gap:6px}.label-mark{color:var(--accent-orange)}.input-field{width:100%;padding:12px 14px;border-radius:10px;background-color:var(--bg-input);border:1.5px solid var(--border-dark);color:var(--text-dark);font-family:var(--font-mono);font-size:.85rem;transition:border-color var(--transition-fast)}.input-field:focus{outline:none;border-color:var(--accent-orange)}.swiss-btn{background-color:var(--border-dark);color:var(--bg-card);font-family:var(--font-mono);font-weight:700;font-size:.82rem;text-transform:uppercase;border:1.5px solid var(--border-dark);border-radius:10px;padding:13px 24px;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);display:inline-flex;justify-content:center;align-items:center;letter-spacing:.04em}.swiss-btn:hover{background-color:var(--accent-orange);border-color:var(--accent-orange);color:#fff}.swiss-btn:active{opacity:.85}.swiss-btn:disabled{background-color:var(--bg-swiss);color:var(--text-muted);border-color:var(--border-light);cursor:not-allowed}.swiss-btn-accent{background-color:var(--accent-orange);border-color:var(--accent-orange);color:#fff}.swiss-btn-accent:hover{background-color:var(--border-dark);border-color:var(--border-dark)}.swiss-chip{display:inline-flex;align-items:center;padding:5px 12px;border-radius:var(--radius-pill);background-color:var(--bg-swiss);border:1.5px solid var(--border-dark);font-family:var(--font-mono);font-size:.65rem;font-weight:700;color:var(--text-dark);margin:3px 3px 3px 0;transition:var(--transition-fast)}.swiss-chip:hover{background-color:var(--accent-orange-alpha);border-color:var(--accent-orange)}.chip-accent{background-color:var(--accent-orange);color:#fff;border-color:var(--accent-orange)}.reveal-item{animation:reveal-item .5s cubic-bezier(.16,1,.3,1) both}.dashboard-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;margin-bottom:12px}.dashboard-row-full{grid-column:span 2}.swiss-sub-card{background-color:var(--bg-card);border:1.5px solid var(--border-dark);border-radius:12px;padding:16px;display:flex;flex-direction:column;position:relative}.sub-card-label{font-family:var(--font-mono);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px;border-bottom:1px solid var(--border-light);padding-bottom:5px}.color-block-wrapper{display:flex;align-items:center;border:1.5px solid var(--border-dark);border-radius:10px;padding:8px 12px;background-color:var(--bg-card);cursor:pointer;transition:var(--transition-fast)}.color-block-wrapper:hover{border-color:var(--accent-orange);background-color:var(--accent-orange-alpha)}.color-square{width:24px;height:24px;border:1px solid rgba(0,0,0,.15);border-radius:50%;margin-right:12px;flex-shrink:0}.color-hex{font-family:var(--font-mono);font-size:.8rem;font-weight:700}.font-specimen-large{font-size:2.4rem;font-weight:700;color:var(--accent-orange);line-height:1;letter-spacing:-1px}.swiss-tagline{font-family:var(--font-mono);font-size:.9rem;line-height:1.55;color:var(--text-dark);font-weight:700}.swiss-overview{font-size:.84rem;line-height:1.65;color:var(--text-muted)}.swiss-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:1.5px solid var(--border-dark);padding-bottom:8px}.swiss-tab-btn{background:none;border:1.5px solid transparent;border-radius:8px;color:var(--text-muted);font-family:var(--font-mono);font-size:.7rem;font-weight:700;padding:6px 14px;cursor:pointer;transition:var(--transition-fast)}.swiss-tab-btn.active{background-color:var(--border-dark);color:var(--bg-card);border-color:var(--border-dark)}.swiss-tab-btn:hover:not(.active){border-color:var(--border-dark);color:var(--text-dark)}.swiss-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;border-top:1.5px solid var(--border-dark)}.swiss-progress-text{font-family:var(--font-mono);font-size:.62rem;font-weight:700;color:var(--text-muted);margin-bottom:4px}.swiss-progress-track{height:6px;background-color:var(--border-dark);border:none;border-radius:6px;overflow:hidden;flex:1}.swiss-progress-fill{height:100%;background:linear-gradient(to right,var(--accent-orange) calc(100% - 3px),var(--bg-card) calc(100% - 3px),var(--bg-card) 100%);transition:width .4s ease}.dev-console-btn{position:fixed;bottom:20px;right:20px;background-color:var(--bg-card);border:1.5px solid var(--border-dark);color:var(--text-dark);font-family:var(--font-mono);font-size:.62rem;font-weight:700;border-radius:10px;padding:7px 12px;cursor:pointer;z-index:100;display:flex;align-items:center;gap:6px;transition:var(--transition-fast)}.dev-console-btn:hover{background-color:var(--border-dark);color:var(--bg-card)}.spinner-icon{display:inline-block;width:10px;height:10px;border:1.5px solid var(--border-dark);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.swiss-drawer{position:fixed;bottom:0;left:0;right:0;height:320px;background-color:var(--bg-card);border-top:2px solid var(--border-dark);border-radius:16px 16px 0 0;z-index:99;display:flex;flex-direction:column;animation:slide-up .2s cubic-bezier(.16,1,.3,1)}.drawer-header{padding:10px 20px;border-bottom:1.5px solid var(--border-dark);display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-swiss)}.drawer-title{font-family:var(--font-mono);font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--text-dark);letter-spacing:.05em}.drawer-close{background:none;border:none;font-size:1rem;cursor:pointer;color:var(--text-dark)}.drawer-body{padding:16px;overflow-y:auto;font-family:var(--font-mono);font-size:.7rem;color:var(--text-dark);line-height:1.6;background-color:var(--bg-swiss);flex-grow:1}.copied-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background-color:var(--border-dark);color:var(--bg-card);padding:10px 20px;border-radius:10px;font-family:var(--font-mono);font-size:.7rem;font-weight:700;z-index:1000;animation:fade-in-out 2s forwards;white-space:nowrap}.logo-hover-zoom{transition:transform .2s ease}.logo-hover-zoom:hover{transform:scale(1.05)}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}