.calc-shell{background:var(--bg-surface,#faf8f4);flex-direction:column;min-height:100vh;padding:0 24px 32px;display:flex}[data-theme=dark] .calc-shell{background:var(--bg-surface,#141a2e)}.calc-header{width:100%;max-width:800px;padding:calc(20px + max(env(safe-area-inset-top,0px), var(--safe-area-inset-top,0px))) 0 20px;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex;box-shadow:inset 0 -1px #ffffff0a}.calc-header-left{align-items:center;gap:12px;display:flex}.calc-brand{color:var(--accent-primary);font-family:var(--font-system);align-items:center;gap:8px;font-size:1.3rem;font-weight:700;text-decoration:none;display:flex}.calc-brand .theme-drum{vertical-align:middle;width:auto;height:56px}.calc-header-sep{color:var(--text-muted);opacity:.4}.calc-title{font-family:var(--font-system);color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:600}.calc-main{width:100%;max-width:800px;margin:40px auto 0}.calc-card{border:1px solid var(--border-color);background:var(--bg-elevated);border-radius:20px;padding:28px;transition:box-shadow .2s,border-color .2s;box-shadow:0 10px 30px #0000000a,inset 0 1px #ffffff0f}.calc-card-title{font-family:var(--font-system);color:var(--text-primary);letter-spacing:-.025em;margin:0 0 24px;font-size:1.4rem;font-weight:700}.calc-controls{gap:20px;margin-bottom:28px;display:flex}.calc-group{flex-direction:column;flex:1;gap:8px;display:flex}.calc-group label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.calc-select{border:1px solid var(--border-color);background-color:var(--bg-input,#ffffff0d);width:100%;height:44px;color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border-radius:10px;padding:0 14px;font-size:.95rem;font-weight:500;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 2px #00000008}.calc-select:hover{border-color:var(--border-strong)}.calc-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-subtle,#ea650026);outline:none}.calc-results{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;justify-content:space-around;align-items:center;gap:16px;padding:22px;display:flex;box-shadow:inset 0 1px 3px #00000008}.calc-result-box{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.calc-result-box:not(:last-child){border-right:1px solid var(--border-color)}.calc-result-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-size:.75rem;font-weight:600}.calc-result-value{color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.4rem;font-weight:700;line-height:1.2}.calc-result-box-primary .calc-result-value{color:var(--accent-primary);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:2rem}.calc-page-tabs{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:9999px;gap:4px;margin-bottom:24px;padding:4px;display:flex;box-shadow:inset 0 1px 3px #0000000a}.calc-page-tab{text-align:center;font-family:var(--font-system);color:var(--text-secondary);cursor:pointer;letter-spacing:-.01em;user-select:none;border-radius:9999px;flex:1;padding:9px 16px;font-size:.875rem;font-weight:600;text-decoration:none;transition:transform .16s cubic-bezier(.16,1,.3,1),background .15s,color .15s,box-shadow .15s}.calc-page-tab:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.calc-page-tab:active{transform:scale(.97)}.calc-page-tab.is-active{color:var(--accent-primary);background:var(--bg-primary);box-shadow:0 2px 8px #00000014,inset 0 1px #ffffff1f}[data-theme=dark] .calc-page-tab.is-active{color:var(--accent-primary);background:var(--bg-primary)}.calc-math-chain{background:var(--bg-secondary);border:1px solid var(--border-color);font-family:var(--font-system);color:var(--text-primary);font-variant-numeric:tabular-nums;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:16px 0 4px;padding:20px 16px;font-size:1.2rem;font-weight:600;line-height:1;display:flex;box-shadow:inset 0 1px 2px #00000005}.calc-math-frac{flex-direction:column;align-items:center;gap:0;display:inline-flex;position:relative}.calc-math-num{padding:0 6px 4px}.calc-math-den{border-top:1.5px solid var(--text-muted,#888);padding:4px 6px 0}.calc-math-op{color:var(--text-muted);font-size:1.1rem;font-weight:500}.calc-math-whole{padding:0 2px}.calc-math-mixed{align-items:center;gap:3px;display:inline-flex}.calc-math-result{color:var(--accent-primary)}@media (width<=600px){.calc-shell{padding:0 16px 24px}.calc-header{flex-wrap:wrap;gap:12px}.calc-brand{font-size:1.1rem}.calc-title{font-size:1rem}.calc-main{margin-top:24px}.calc-card{padding:20px 16px}.calc-controls{flex-direction:column;gap:16px}.calc-results{gap:8px;padding:16px 12px}.calc-result-value{font-size:1.2rem}.calc-result-box-primary .calc-result-value{font-size:1.6rem}.calc-result-label{font-size:.65rem}}