:root{--bg: #0a0a0a;--bg-alt: #161616;--orange: #f7931a;--gold: #f5c164;--text: #f2f2f2;--muted: #9a9a9a;--green: #3ddc84;--red: #ff5c5c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{max-width:480px;margin:0 auto;min-height:100vh}.lock-screen{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;text-align:center}.lock-screen .logo{width:96px;margin-bottom:8px}.lock-screen h1{margin:0;color:var(--orange)}.lock-screen p{color:var(--muted);font-size:14px}input,select{width:100%;padding:10px 12px;background:var(--bg-alt);border:1px solid #2a2a2a;border-radius:8px;color:var(--text);font-size:15px}button{width:100%;padding:10px 12px;background:var(--orange);border:none;border-radius:8px;color:#000;font-weight:600;font-size:15px;cursor:pointer}button.ghost{width:auto;background:transparent;border:1px solid #2a2a2a;color:var(--text)}button.small{padding:4px 8px;font-size:12px}.error{color:var(--red);font-size:13px;min-height:18px}.topbar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #1f1f1f}.topbar span{flex:1;font-weight:600;color:var(--orange)}.logo-sm{width:28px;height:28px;border-radius:50%}.tabs{display:flex;border-bottom:1px solid #1f1f1f;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:0 0 auto;width:auto;white-space:nowrap;background:none;border:none;border-radius:0;color:var(--muted);padding:12px 16px;border-bottom:2px solid transparent}.tabs button.active{color:var(--orange);border-bottom-color:var(--orange)}main{padding:16px}.price-ticker{display:flex;justify-content:space-between;font-size:12px;color:var(--gold);margin-bottom:16px}.unit-toggle{display:flex;align-items:center;gap:8px;margin-bottom:16px}.unit-toggle-label{font-size:12px;color:var(--muted)}.unit-toggle button{padding:4px 12px;font-size:12px}.unit-toggle button.active{color:var(--orange);border-color:var(--orange)}.summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.summary div{background:var(--bg-alt);border-radius:8px;padding:10px 12px}.summary label{display:block;font-size:11px;color:var(--muted)}.summary strong{font-size:16px}.summary .positive strong{color:var(--green)}.summary .negative strong{color:var(--red)}.summary .full-width{grid-column:1 / -1}.add-entry,.entries,.sats-calc,.dca-calc,.fee-calc,.forecast-calc,.forecast-historical{margin-bottom:24px}.add-entry input,.add-entry button{margin-bottom:8px}.sats-calc label,.dca-calc label,.fee-calc label,.forecast-calc label{font-size:12px;color:var(--muted);margin-top:10px;display:block}.dca-calc input,.dca-calc button,.fee-calc input,.fee-calc button,.forecast-calc input,.forecast-calc button{margin-top:6px}.dca-calc .hint,.fee-calc .hint,.forecast-calc .hint,.forecast-historical .hint{font-size:13px;color:var(--muted);margin:4px 0 12px}.forecast-calc .hint strong{color:var(--gold)}.forecast-calc #fc-result table,.forecast-historical table,.fee-calc #fee-result table{margin-top:12px}.network-status{margin-bottom:24px}.network-status .refresh-btn{margin-bottom:16px}.progress-bar{height:8px;background:var(--bg-alt);border-radius:4px;overflow:hidden;margin:10px 0}.progress-fill{height:100%;background:var(--orange)}.subtabs{display:flex;gap:8px;margin-bottom:16px}.subtabs button{width:auto;padding:6px 14px;font-size:13px;background:var(--bg-alt);border:1px solid #2a2a2a;color:var(--muted);border-radius:20px;font-weight:500}.subtabs button.active{color:var(--orange);border-color:var(--orange);background:transparent}#glossar-search{margin-bottom:12px}.glossary-list{display:flex;flex-direction:column;gap:10px}.glossary-entry{background:var(--bg-alt);border-radius:8px;padding:10px 12px}.glossary-entry h3{margin:0 0 4px;font-size:14px;color:var(--gold)}.glossary-entry p{margin:0;font-size:13px;color:var(--text);line-height:1.4}.guide-list{display:flex;flex-direction:column;gap:10px}.guide-card{text-align:left;background:var(--bg-alt);border:1px solid #2a2a2a;border-radius:8px;padding:12px}.guide-card h3{margin:0 0 4px;color:var(--gold);font-size:15px}.guide-card p{margin:0;font-size:13px;color:var(--muted)}.guide-steps{padding-left:20px;margin:12px 0}.guide-steps li{margin-bottom:10px;line-height:1.5;font-size:14px}.quiz-options{display:flex;flex-direction:column;gap:8px;margin:14px 0}.quiz-option{text-align:left;background:var(--bg-alt);border:1px solid #2a2a2a;color:var(--text);font-weight:400}.quiz-option.correct{border-color:var(--green);color:var(--green)}.quiz-option.incorrect{border-color:var(--red);color:var(--red)}#install-banner:empty{display:none}#install-banner{padding:8px 16px 0}.lock-screen #install-banner{padding:0;width:100%}button.install-banner{width:100%}p.install-banner{text-align:center;margin:0}.sync-section{margin-bottom:24px}.sync-section label{font-size:12px;color:var(--muted);margin-top:10px;display:block}.sync-section input{margin-top:6px}.sync-section button{margin-top:10px}.sync-section .hint{font-size:13px;color:var(--muted);margin:8px 0}.sync-section .micro-hint,.lock-screen .micro-hint{font-size:11.5px;color:var(--muted);margin:4px 0 0;line-height:1.4}.sync-section .howto{font-size:13px;color:var(--text);line-height:1.6;margin:0 0 16px;padding-left:20px}.sync-section .howto li{margin-bottom:8px}.invite-code-box{background:var(--bg-alt);border:1px solid var(--orange);border-radius:8px;padding:12px 14px;margin:12px 0;text-align:center}.invite-code{font-family:monospace;font-size:22px;letter-spacing:3px;color:var(--orange);font-weight:700;margin:4px 0 0}.quiz-explanation{font-size:13px;color:var(--muted);background:var(--bg-alt);border-radius:8px;padding:10px 12px;margin-bottom:12px}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:13px;font-weight:600}.chart-toggle{display:flex;gap:6px}.chart-toggle button{padding:4px 10px;font-size:12px}.chart-toggle button.active{color:var(--orange);border-color:var(--orange)}.price-chart{width:100%;height:110px;display:block;margin-bottom:20px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:6px 4px;border-bottom:1px solid #1f1f1f}th{color:var(--muted);font-weight:500}h2{font-size:15px;color:var(--gold);margin:0 0 10px}