@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary: #2563eb;--primary-glow: rgba(37, 99, 235, .3);--primary-hover: #1d4ed8;--primary-light: rgba(37, 99, 235, .08);--secondary: #059669;--secondary-glow: rgba(5, 150, 105, .3);--secondary-hover: #047857;--secondary-light: rgba(5, 150, 105, .08);--danger: #dc2626;--danger-light: rgba(220, 38, 38, .08);--warning: #d97706;--radius: 12px;--radius-lg: 20px;--gradient-primary: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);--gradient-secondary: linear-gradient(135deg, #059669 0%, #10b981 100%);--gradient-mesh: none;--background: #f8fafc;--surface: rgba(255, 255, 255, .95);--surface-opaque: #ffffff;--surface-hover: #f1f5f9;--text-main: #0f172a;--text-muted: #475569;--card-bg: rgba(255, 255, 255, .9);--glass-border: rgba(226, 232, 240, .8);--border-color: #e2e8f0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-glow: none}[data-theme=dark]{--background: #0f172a;--surface: rgba(30, 41, 59, .95);--surface-opaque: #1e293b;--surface-hover: #334155;--text-main: #f8fafc;--text-muted: #94a3b8;--card-bg: rgba(30, 41, 59, .9);--glass-border: rgba(255, 255, 255, .05);--border-color: #334155;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-glow: none;--gradient-mesh: none}*{box-sizing:border-box;margin:0;padding:0;word-break:break-word;overflow-wrap:break-word}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--background);background-image:var(--gradient-mesh);background-attachment:fixed;color:var(--text-main);min-height:100vh;line-height:1.6;transition:background .3s ease,color .3s ease;overflow-x:hidden;-webkit-text-size-adjust:100%}body:before{display:none}.app-shell{width:100%;min-height:100vh;display:flex;flex-direction:column}main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:16px 40px 40px}.glass{background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-md)}.glass-card{background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius);transition:all .4s cubic-bezier(.2,1,.3,1)}@keyframes revealUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}to{transform:translateY(0) rotate(0)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-reveal{animation:revealUp .8s cubic-bezier(.2,1,.3,1) forwards}.animate-float{animation:float 6s infinite ease-in-out}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:12px;overflow-wrap:break-word;word-break:break-word}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;letter-spacing:-.02em}.subtitle{font-size:1.2rem;color:var(--text-muted);max-width:700px}button{font-family:inherit;font-weight:600;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.2,1,.3,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.btn-secondary{background:var(--gradient-secondary);color:#fff;box-shadow:0 4px 15px #10b9814d}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border-color)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text-main);border-color:var(--text-muted)}.card-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.card{padding:40px;display:flex;flex-direction:column;height:100%}.card:hover{transform:translateY(-8px);border-color:var(--primary);box-shadow:var(--shadow-lg),var(--shadow-glow)}.card-icon{width:56px;height:56px;border-radius:16px;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.vertical-tab-container{display:flex;gap:32px}.vertical-tabs{width:280px;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.tab-item{padding:16px 20px;justify-content:flex-start;color:var(--text-muted);background:transparent;width:100%}.tab-item:hover{background:var(--primary-light);color:var(--primary)}.tab-item.active{background:var(--gradient-primary);color:#fff;box-shadow:0 8px 16px #6366f133}.tab-content-area{flex:1;padding:48px;min-height:600px;min-width:0}.skeleton{background:linear-gradient(90deg,var(--surface-hover) 25%,var(--border-color) 50%,var(--surface-hover) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:8px}.progress-bar{width:100%;height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.progress-value{height:100%;background:var(--gradient-primary);transition:width .5s ease}.form-container{background:var(--surface-opaque);padding:40px;border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}input,select,textarea{width:100%;padding:16px;border-radius:12px;border:1px solid var(--border-color);background:var(--background);color:var(--text-main);font-family:inherit;font-size:1rem;transition:all .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.app-footer{margin-top:auto;padding:24px 40px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:.9rem;background:var(--surface)}.form-group-full{grid-column:span 2}.markdown-body{font-size:1.1rem;line-height:1.8}.markdown-body h2{margin:1.5em 0 .8em;color:var(--primary)}.markdown-body code{background:var(--primary-light);color:var(--primary);padding:2px 6px;border-radius:4px}.markdown-body pre{background:#1e293b;padding:24px;border-radius:12px;overflow-x:auto;margin:20px 0}.markdown-body pre code{background:transparent;color:#e2e8f0;padding:0}@media (max-width: 992px){main{padding:16px 24px 60px}.app-header{padding:0 24px!important}.vertical-tab-container{flex-direction:column;gap:24px!important}.vertical-tabs{width:100%!important;flex-direction:column!important;gap:16px!important}.tracker-section{padding:0 0 16px!important;margin-bottom:0!important;border-bottom:1px solid var(--border-color)}.tabs-group{display:flex!important;flex-direction:row!important;overflow-x:auto!important;gap:10px!important;padding-bottom:10px!important;width:100%}.tab-item{width:auto!important;flex-shrink:0!important;margin-bottom:0!important;padding:10px 16px!important}.mode-info-card{margin-bottom:24px!important}.tab-content-area{padding:24px!important}.form-grid{grid-template-columns:1fr!important}.form-grid .form-group[style*="span 2"]{grid-column:span 1!important}}@media (max-width: 640px){main{padding:12px 16px 48px}.app-header{padding:0 12px!important;height:56px!important}.app-header p{display:none!important}.app-header h1{font-size:1.1rem!important;white-space:normal!important;overflow:visible!important;text-overflow:unset!important}.app-header .header-nav{display:none!important}.app-footer{flex-direction:column!important;gap:8px!important;text-align:center;padding:16px!important;font-size:.85rem!important}.home .header-top{margin-bottom:20px!important}.card-row{grid-template-columns:1fr;gap:16px!important}.section-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.form-container{padding:16px!important}.setup-layout{grid-template-columns:1fr!important;gap:16px!important}.setup-branding{display:none!important}.form-grid{grid-template-columns:1fr!important;gap:12px!important}.form-group-full{grid-column:span 1!important}.vertical-tabs{width:100%!important;flex-direction:column!important;gap:12px!important;padding:0!important}.tracker-section{padding:0 0 12px!important;margin-bottom:0!important;border-bottom:1px solid var(--border-color)}.tabs-group{display:flex!important;flex-direction:row!important;overflow-x:auto!important;gap:8px!important;padding-bottom:8px!important;width:100%;scrollbar-width:none}.tabs-group::-webkit-scrollbar{display:none}.tab-item{width:auto!important;flex-shrink:0!important;margin-bottom:0!important;padding:8px 12px!important;font-size:.8rem!important;white-space:nowrap;border-radius:10px!important}.mode-info-card{display:none!important}.tab-content-area{padding:16px!important}.feedback-box{padding:20px!important;border-left-width:4px!important;margin-bottom:24px!important}.feedback-header{flex-direction:column!important;align-items:center!important;text-align:center;gap:16px}.feedback-title-group{flex-direction:column!important;align-items:center!important;gap:12px!important}.feedback-title-group h3{font-size:1.4rem!important}.feedback-score-group{border-top:1px solid var(--border-color);padding-top:16px;width:100%}.score-number{font-size:2.75rem!important}.score-label{font-size:.7rem!important;letter-spacing:.05em!important}.feedback-box .markdown-body{padding:20px!important;border-radius:16px!important}.markdown-body{font-size:.95rem!important}.btn-primary,.btn-secondary,.btn-ghost{font-size:.9rem!important;height:44px!important;padding:0 16px!important}.glass-card.card{padding:16px!important}h1{font-size:clamp(1.5rem,7vw,2.25rem)!important}h2{font-size:clamp(1.1rem,5vw,1.5rem)!important}}