.dc-main{position:relative;z-index:10;min-height:100vh;padding:40px 40px 0;max-width:1200px;margin:0 auto}.dc-header{text-align:center;margin-bottom:60px;padding-top:60px}.dc-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:rgba(255,184,46,0.92);font-size:13px;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.dc-kicker::before,.dc-kicker::after{content:'';width:34px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,184,46,0.62))}.dc-kicker::after{background:linear-gradient(90deg,rgba(255,184,46,0.62),transparent)}.dc-title{font-size:clamp(40px,6vw,64px);font-weight:700;line-height:1.1;margin-bottom:16px;background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,0.8) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dc-subtitle{font-size:18px;color:rgba(255,255,255,0.8);font-weight:500;line-height:1.4;max-width:600px;margin:0 auto}.dc-content{display:flex;flex-direction:column;gap:48px;margin-bottom:120px}.dc-section{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(0.4,0,0.2,1)}.dc-section.visible{opacity:1;transform:translateY(0)}.dc-section-title{font-size:28px;font-weight:700;color:white;margin-bottom:24px;text-align:left;background:linear-gradient(135deg,#fff 0%,rgba(255,255,255,0.9) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dc-section-header{margin-bottom:24px}.dc-section-header .dc-section-title{margin-bottom:6px}.dc-section-hint{font-size:13px;color:rgba(255,255,255,0.45);margin:0;line-height:1.5}.dc-live-bar{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,0.05);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:16px 24px}.dc-live-status{display:flex;align-items:center;gap:12px}.dc-live-dot{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,0.5);animation:dc-pulse 2s ease-in-out infinite}.dc-live-dot--paused{background:#f59e0b;box-shadow:0 0 8px rgba(245,158,11,0.5);animation:none}@keyframes dc-pulse{0%,100%{opacity:1}50%{opacity:.4}}.dc-live-text{font-size:14px;font-weight:600;color:white}.dc-session-time{font-size:14px;font-weight:600;color:rgba(255,255,255,0.6);font-variant-numeric:tabular-nums;background:rgba(255,255,255,0.06);padding:4px 10px;border-radius:6px}.dc-live-controls{display:flex;gap:8px}.dc-btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.dc-btn-secondary{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);color:white}.dc-btn-secondary:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.3)}.dc-btn-ghost{background:transparent;color:rgba(255,255,255,0.6);border-color:rgba(255,255,255,0.1)}.dc-btn-ghost:hover{color:white;background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.2)}.dc-focus-card{background:rgba(255,255,255,0.05);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:32px;display:flex;align-items:center;justify-content:space-between;transition:all .4s ease}.dc-focus-card--focused{border-color:rgba(34,197,94,0.3);box-shadow:0 0 24px rgba(34,197,94,0.08)}.dc-focus-card--lost{border-color:rgba(239,68,68,0.4);box-shadow:0 0 24px rgba(239,68,68,0.12);background:rgba(239,68,68,0.04)}.dc-focus-indicator{display:flex;align-items:center;gap:20px}.dc-focus-icon{font-size:32px;line-height:1;transition:color .3s ease}.dc-focus-card--focused .dc-focus-icon{color:#22c55e}.dc-focus-card--lost .dc-focus-icon{color:#ef4444}.dc-focus-label{font-size:22px;font-weight:700;color:white;margin:0 0 4px 0}.dc-focus-hint{font-size:14px;color:rgba(255,255,255,0.5);margin:0}.dc-focus-count{text-align:center;min-width:100px}.dc-focus-count-number{display:block;font-size:40px;font-weight:700;color:white;line-height:1;margin-bottom:6px}.dc-focus-card--lost .dc-focus-count-number{color:#ef4444}.dc-focus-count-label{font-size:12px;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.dc-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.dc-stat-card{background:rgba(255,255,255,0.03);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;transition:all .3s ease;position:relative;overflow:hidden}.dc-stat-card:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.12);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,0.2)}.dc-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.dc-stat-icon--shortcut{background:rgba(255,171,29,0.15);color:#ffab1d}.dc-stat-icon--focus{background:rgba(239,68,68,0.15);color:#ef4444}.dc-stat-icon--unique{background:rgba(99,102,241,0.15);color:#818cf8}
.dc-stat-icon--suspicious{background:rgba(239,68,68,0.15);color:#ef4444}.dc-stat-icon--modifier{background:rgba(255,171,29,0.15);color:#ffab1d}.dc-stat-icon--safe{background:rgba(34,197,94,0.15);color:#22c55e}.dc-stat-body{display:flex;flex-direction:column}.dc-stat-number{font-size:28px;font-weight:700;color:white;line-height:1;margin-bottom:4px;font-variant-numeric:tabular-nums}.dc-stat-label{font-size:13px;color:rgba(255,255,255,0.5);font-weight:500}.dc-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}.dc-shortcuts-list{display:flex;flex-direction:column;gap:8px;max-height:480px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.1) transparent}.dc-shortcuts-list::-webkit-scrollbar{width:4px}.dc-shortcuts-list::-webkit-scrollbar-track{background:transparent}.dc-shortcuts-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:4px}.dc-shortcut-row{display:grid;grid-template-columns:200px 1fr 48px;align-items:center;gap:12px;padding:10px 16px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:8px;transition:all .2s ease}.dc-shortcut-row:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.1)}.dc-shortcut-combo{display:flex;align-items:center}.dc-kbd-key{display:inline-block;padding:3px 8px;font-size:12px;font-weight:700;font-family:inherit;color:white;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.2);border-radius:5px;line-height:1.4}.dc-kbd-plus{color:rgba(255,255,255,0.3);margin:0 4px;font-size:12px}.dc-shortcut-bar-container{height:6px;background:rgba(255,255,255,0.06);border-radius:3px;overflow:hidden}.dc-shortcut-bar{height:100%;background:linear-gradient(90deg,rgba(255,171,29,0.6),#ffab1d);border-radius:3px;transition:width .4s cubic-bezier(0.4,0,0.2,1)}.dc-shortcut-bar--safe{background:linear-gradient(90deg,rgba(34,197,94,0.4),rgba(34,197,94,0.7))}.dc-shortcut-row--safe{opacity:.7}.dc-shortcut-badge{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#22c55e;background:rgba(34,197,94,0.12);border:1px solid rgba(34,197,94,0.25);padding:1px 6px;border-radius:4px;margin-left:8px;line-height:1.5}.dc-badge-inline{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#22c55e;background:rgba(34,197,94,0.12);border:1px solid rgba(34,197,94,0.25);padding:1px 6px;border-radius:4px;line-height:1.5}.dc-shortcut-count{font-size:14px;font-weight:700;color:white;text-align:right;font-variant-numeric:tabular-nums}.dc-focus-log{display:flex;flex-direction:column;gap:6px;max-height:480px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.1) transparent}.dc-focus-log::-webkit-scrollbar{width:4px}.dc-focus-log::-webkit-scrollbar-track{background:transparent}.dc-focus-log::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:4px}.dc-focus-log-entry{display:flex;align-items:center;gap:10px;padding:10px 16px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:8px;transition:all .2s ease}.dc-focus-log-entry:hover{background:rgba(255,255,255,0.06)}.dc-focus-log-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dc-focus-log-entry--lost .dc-focus-log-dot{background:#ef4444;box-shadow:0 0 6px rgba(239,68,68,0.4)}.dc-focus-log-entry--gained .dc-focus-log-dot{background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,0.4)}.dc-focus-log-type{font-size:14px;font-weight:600;color:white;flex:1}.dc-focus-log-entry--lost .dc-focus-log-type{color:#fca5a5}.dc-focus-log-entry--gained .dc-focus-log-type{color:#86efac}.dc-focus-log-time{font-size:12px;color:rgba(255,255,255,0.4);font-variant-numeric:tabular-nums;font-weight:500}.dc-score-card{background:rgba(255,255,255,0.05);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:32px}.dc-score-bar-container{width:100%;height:12px;background:rgba(255,255,255,0.06);border-radius:6px;overflow:hidden;margin-bottom:20px}.dc-score-bar{height:100%;border-radius:6px;transition:width .6s cubic-bezier(0.4,0,0.2,1),background .4s ease;background:#22c55e}.dc-score-bar--low{background:linear-gradient(90deg,#22c55e,#4ade80)}.dc-score-bar--medium{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.dc-score-bar--high{background:linear-gradient(90deg,#ef4444,#f87171)}.dc-score-details{display:flex;align-items:flex-start;gap:24px}.dc-score-value{font-size:32px;font-weight:700;color:white;flex-shrink:0;font-variant-numeric:tabular-nums}.dc-score-explanation{font-size:14px;color:rgba(255,255,255,0.6);line-height:1.5;margin:0}.dc-editor{background:rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.1);border-radius:12px;overflow:hidden}.dc-editor-header{display:flex;align-items:center;padding:12px 16px;background:rgba(255,255,255,0.04);border-bottom:1px solid rgba(255,255,255,0.08);gap:12px}.dc-editor-dots{display:flex;gap:6px}.dc-editor-dot{width:10px;height:10px;border-radius:50%}
.dc-editor-dot--red{background:#ef4444}.dc-editor-dot--yellow{background:#f59e0b}.dc-editor-dot--green{background:#22c55e}.dc-editor-filename{font-size:12px;font-weight:600;color:rgba(255,255,255,0.7)}.dc-editor-lang{margin-left:auto;font-size:11px;font-weight:600;color:rgba(255,255,255,0.35);text-transform:uppercase;letter-spacing:.04em}.dc-editor-textarea{display:block;width:100%;min-height:220px;padding:20px;background:transparent;border:0;outline:0;resize:vertical;font-family:"SF Mono","Fira Code","Cascadia Code","JetBrains Mono",Menlo,Consolas,monospace;font-size:14px;line-height:1.6;color:rgba(255,255,255,0.85);tab-size:2}.dc-editor-textarea::placeholder{color:rgba(255,255,255,0.2)}.dc-editor-textarea:focus{background:rgba(255,255,255,0.02)}.dc-analysis-card{background:rgba(255,255,255,0.05);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:32px}.dc-analysis-bars{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.dc-analysis-row{display:grid;grid-template-columns:160px 1fr 48px;align-items:center;gap:16px}.dc-analysis-label{font-size:13px;font-weight:600;color:rgba(255,255,255,0.7)}.dc-analysis-bar-track{height:8px;background:rgba(255,255,255,0.06);border-radius:4px;overflow:hidden}.dc-analysis-bar{height:100%;border-radius:4px;transition:width .4s cubic-bezier(0.4,0,0.2,1)}.dc-analysis-bar--modifier{background:linear-gradient(90deg,rgba(255,171,29,0.6),#ffab1d)}.dc-analysis-bar--safe{background:linear-gradient(90deg,rgba(34,197,94,0.5),#22c55e)}.dc-analysis-value{font-size:16px;font-weight:700;color:white;text-align:right;font-variant-numeric:tabular-nums}.dc-analysis-summary{display:flex;align-items:flex-start;gap:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.08)}.dc-analysis-unaccounted{flex-shrink:0;text-align:center;min-width:80px}.dc-analysis-unaccounted-label{display:block;font-size:11px;font-weight:600;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.dc-analysis-unaccounted-value{font-size:32px;font-weight:700;color:white;line-height:1;font-variant-numeric:tabular-nums}.dc-analysis-explanation{font-size:13px;color:rgba(255,255,255,0.45);line-height:1.6;margin:0}.dc-empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;text-align:center}.dc-empty-icon{font-size:28px;color:rgba(255,255,255,0.15)}.dc-empty-state p{font-size:14px;color:rgba(255,255,255,0.3);margin:0;max-width:280px}@media(max-width:768px){.dc-main{padding:24px 24px 0}.dc-header{margin-bottom:40px;padding-top:40px}.dc-title{font-size:clamp(28px,8vw,40px)}.dc-subtitle{font-size:16px}.dc-content{gap:32px;margin-bottom:80px}.dc-live-bar{flex-direction:column;gap:12px;align-items:stretch}.dc-live-status{justify-content:center}.dc-live-controls{justify-content:center}.dc-focus-card{flex-direction:column;gap:24px;text-align:center;padding:24px}.dc-focus-indicator{flex-direction:column;gap:12px}.dc-stats-grid{grid-template-columns:repeat(3,1fr);gap:16px}.dc-columns{grid-template-columns:1fr;gap:24px}.dc-section-title{font-size:24px;margin-bottom:20px}.dc-section-hint{font-size:12px}.dc-score-details{flex-direction:column;gap:12px}.dc-analysis-row{grid-template-columns:120px 1fr 40px;gap:12px}.dc-analysis-summary{flex-direction:column;gap:16px}.dc-analysis-unaccounted{text-align:left}}@media(max-width:480px){.dc-main{padding:16px 16px 0}.dc-header{margin-bottom:32px;padding-top:24px}.dc-content{gap:24px;margin-bottom:60px}.dc-section-title{font-size:20px;margin-bottom:16px}.dc-section-hint{font-size:11px}.dc-stat-card{padding:16px}.dc-stat-number{font-size:24px}.dc-shortcut-row{grid-template-columns:150px 1fr 36px;padding:8px 12px}.dc-kbd-key{font-size:11px;padding:2px 6px}.dc-stats-grid{grid-template-columns:1fr}.dc-editor-textarea{min-height:160px;font-size:13px}.dc-analysis-row{grid-template-columns:100px 1fr 36px;gap:8px}.dc-analysis-label{font-size:12px}.dc-analysis-unaccounted-value{font-size:24px}}.dc-main+.footer{position:relative;opacity:1;transform:translateY(0)}.dc-main+.footer.visible{opacity:1;transform:translateY(0)}