:root{--primary:#1a56db;--primary-dark:#1e429f;--primary-light:#eff6ff;--danger:#dc2626;--danger-light:#fef2f2;--success:#16a34a;--success-light:#f0fdf4;--blue:#2563eb;--blue-light:#eff6ff;--bg:#f1f5f9;--card:#ffffff;--border:#e2e8f0;--text:#0f172a;--text-muted:#64748b;--radius:14px;--shadow:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--input-bg:#fafafa;--toggle-bg:#f1f5f9;--toggle-active-bg:#ffffff;--toggle-active-color:var(--primary);--border-accent:#bfdbfe;--border-danger:#fecaca;--border-success:#bbf7d0;--info-text:#1e40af;--card-border:rgba(255,255,255,0.8)}[data-theme=dark] .header{background:linear-gradient(135deg,#111827,#1a3a6b 60%,#1e4da3)}[data-theme=dark]{--primary:#3b82f6;--primary-dark:#2563eb;--primary-light:#172554;--danger:#f87171;--danger-light:#3b1515;--success:#4ade80;--success-light:#14331f;--blue:#60a5fa;--blue-light:#1e3a5f;--bg:#0d1117;--card:#161b22;--border:#30363d;--text:#e6edf3;--text-muted:#8b949e;--radius:14px;--shadow:0 1px 3px rgba(0,0,0,0.6),0 1px 2px rgba(0,0,0,0.5);--shadow-md:0 4px 12px rgba(0,0,0,0.6);--input-bg:#0d1117;--toggle-bg:#0d1117;--toggle-active-bg:#1f2937;--toggle-active-color:#60a5fa;--border-accent:#1d3557;--border-danger:#4a1515;--border-success:#14472a;--info-text:#93c5fd;--card-border:var(--border)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;background:var(--bg);color:var(--text);padding-bottom:40px}.hub-page,body{min-height:100vh}.hub-page{display:flex;flex-direction:column}.hub-header{background:linear-gradient(135deg,#0f172a,#1e3a8a 60%,#1d4ed8);color:white;text-align:center;padding:56px 20px 48px;position:relative;overflow:hidden}.hub-title{font-size:36px;font-weight:900;letter-spacing:-1px;position:relative}.hub-subtitle{font-size:15px;opacity:.7;margin-top:8px;position:relative}.hub-anim{position:absolute;inset:0;pointer-events:none}.hub-float{position:absolute;bottom:-10px;font-size:15px;font-weight:800;color:rgba(255,255,255,.13);animation:hub-float-up linear infinite;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes hub-float-up{0%{transform:translateY(0) rotate(-8deg);opacity:0}8%{opacity:1}88%{opacity:.1}to{transform:translateY(-220px) rotate(8deg);opacity:0}}.hub-chart{position:absolute;bottom:0;left:0;right:0;height:64px;display:flex;align-items:flex-end;gap:2px;padding:0 2px}.hub-chart-bar{flex:1 1;background:rgba(255,255,255,.08);border-radius:2px 2px 0 0;transform-origin:bottom;animation:hub-bar-pulse ease-in-out infinite alternate}@keyframes hub-bar-pulse{0%{transform:scaleY(.15);opacity:.4}to{transform:scaleY(1);opacity:.9}}@media (prefers-reduced-motion:reduce){.hub-chart-bar,.hub-float{animation:none}}.hub-section-title{font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:12px;gap:12px}.hub-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.hub-card-link{text-decoration:none;color:inherit;transition:box-shadow .15s,transform .15s;cursor:pointer}.hub-card-link:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.hub-card-soon{opacity:.55}.hub-card-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.hub-card-emoji{font-size:24px;flex-shrink:0}.hub-card-name{font-size:15px;font-weight:700;color:var(--text);line-height:1.35}.hub-card-desc{font-size:12px;color:var(--text-muted);line-height:1.6;flex:1 1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hub-card-arrow{font-size:12px;font-weight:700;color:var(--primary);margin-top:14px}.hub-card-badge{font-size:11px;font-weight:700;color:var(--text-muted);background:var(--border);border-radius:20px;padding:3px 10px;width:-moz-fit-content;width:fit-content;margin-top:14px}.hub-footer{margin-top:auto;padding:24px 16px;text-align:center;border-top:1px solid var(--border)}.articles-page .container,.hub-page .container{max-width:1080px}.header{background:linear-gradient(135deg,#1e3a8a,#1a56db 60%,#2563eb);color:white;padding:28px 20px 58px;text-align:center;position:relative;overflow:hidden}.header-home{position:absolute;top:16px;left:16px;z-index:1;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.25);border-radius:50px;color:white;font-size:12px;font-weight:600;padding:6px 11px;text-decoration:none;display:flex;align-items:center;gap:4px;transition:background .2s;white-space:nowrap}.header-home:hover{background:rgba(255,255,255,.25);color:white}.header:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.header h1{font-size:26px;font-weight:800;letter-spacing:-.5px;position:relative}.header p{font-size:13px;opacity:.75;margin-top:4px;position:relative}.header-water{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hwave{position:absolute;bottom:0;left:0;width:200%;background-repeat:repeat-x;will-change:transform}.hwave-1{height:50px;opacity:.38;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 50' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0,25 C240,6 480,44 720,25 C960,6 1200,44 1440,25 L1440,50 L0,50 Z'/%3E%3C/svg%3E");animation:hwave-scroll 8s linear infinite}.hwave-1,.hwave-2{background-size:50% 100%}.hwave-2{height:38px;bottom:6px;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 38' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0,17 C200,2 460,32 720,17 C980,2 1240,32 1440,17 L1440,38 L0,38 Z'/%3E%3C/svg%3E");animation:hwave-scroll 13s linear infinite reverse}.hwave-3{height:26px;bottom:15px;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 26' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0,13 C180,2 360,24 540,13 C720,2 900,24 1080,13 C1260,2 1440,24 1440,13 L1440,26 L0,26 Z'/%3E%3C/svg%3E");background-size:50% 100%;animation:hwave-scroll 18s linear infinite}@keyframes hwave-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.hbubble{position:absolute;bottom:0;border-radius:50%;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.28);animation:hbubble-rise linear infinite;will-change:transform,opacity}@keyframes hbubble-rise{0%{transform:translateY(0) scale(.3);opacity:0}12%{transform:translateY(-15px) scale(1);opacity:.85}85%{opacity:.35}to{transform:translateY(-150px) translateX(8px) scale(.7);opacity:0}}.header-caustic{position:absolute;inset:0;background:radial-gradient(ellipse 100px 50px at 22% 45%,rgba(255,255,255,.07) 0,transparent 70%),radial-gradient(ellipse 75px 38px at 60% 55%,rgba(255,255,255,.05) 0,transparent 70%),radial-gradient(ellipse 55px 28px at 82% 30%,rgba(255,255,255,.06) 0,transparent 70%);animation:caustic-drift 10s ease-in-out infinite alternate;will-change:transform,opacity}@keyframes caustic-drift{0%{transform:translateX(-18px) translateY(-4px);opacity:.55}35%{transform:translateX(12px) translateY(6px);opacity:1}70%{transform:translateX(-6px) translateY(-9px);opacity:.7}to{transform:translateX(16px) translateY(4px);opacity:.85}}@media (prefers-reduced-motion:reduce){.hbubble,.header-caustic,.hwave{animation:none}}.header-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:14px;position:relative;z-index:1}.header-nav-link{font-size:12px;font-weight:600;color:rgba(255,255,255,.8);text-decoration:none;padding:5px 12px;border-radius:20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);transition:all .15s;white-space:nowrap}.header-nav-link:hover{background:rgba(255,255,255,.22);color:white}.header-controls{position:absolute;top:16px;right:16px;display:flex;gap:6px;z-index:1}.lang-toggle,.theme-toggle{background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.25);border-radius:50px;color:white;font-weight:600;cursor:pointer;transition:background .2s}.theme-toggle{padding:6px 12px;font-size:13px}.lang-toggle{padding:6px 11px;font-size:12px;display:flex;align-items:center;gap:5px}.lang-toggle:hover,.theme-toggle:hover{background:rgba(255,255,255,.25)}.flag-icon{width:18px;height:13px;border-radius:2px;display:inline-block;flex-shrink:0}.container{max-width:660px;margin:0 auto;padding:16px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:14px;border:1px solid var(--card-border)}.card-title{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px}.tabs{display:flex;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:5px;gap:4px;border:1px solid var(--card-border)}.tab{flex:1 1;padding:10px 6px;border:none;background:none;border-radius:10px;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s;white-space:nowrap}.tab.active{background:var(--primary);color:white;box-shadow:0 2px 6px rgba(59,130,246,.3)}.form-group{margin-bottom:14px}.form-group:last-child{margin-bottom:0}label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:6px;letter-spacing:.02em}input[type=number]{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:10px;font-size:16px;font-weight:500;color:var(--text);transition:border-color .15s,box-shadow .15s;outline:none;-moz-appearance:textfield;background:var(--input-bg)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(59,130,246,.15);background:var(--card)}.input-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.toggle-group{display:flex;background:var(--toggle-bg);border-radius:10px;padding:3px;gap:3px}.toggle-btn{flex:1 1;padding:9px 8px;border:none;background:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;color:var(--text-muted);transition:all .2s}.toggle-btn.active{background:var(--toggle-active-bg);color:var(--toggle-active-color);box-shadow:var(--shadow)}.btn{width:100%;padding:13px;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}.btn-primary{background:var(--primary);color:white;box-shadow:0 2px 8px rgba(59,130,246,.25)}.input-row+.btn{margin-top:12px}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:var(--toggle-bg);color:var(--text-muted);font-size:13px;padding:10px}.btn-ghost:hover{background:var(--border)}.btn-sm{width:auto;padding:5px 10px;font-size:12px;border-radius:6px;background:var(--danger-light);color:var(--danger);border:none;cursor:pointer;font-weight:600;transition:all .15s}.result-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.result-item{background:var(--toggle-bg);border-radius:10px;padding:14px 16px;border:1px solid var(--border)}.result-item.accent{background:var(--primary-light);border-color:var(--border-accent)}.result-item.red{background:var(--danger-light);border-color:var(--border-danger)}.result-item.green{background:var(--success-light);border-color:var(--border-success)}.result-label{font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:5px;letter-spacing:.04em}.result-value{font-size:20px;font-weight:800;color:var(--text);letter-spacing:-.5px}.result-value.xl{font-size:26px}.result-value.up{color:var(--danger)}.result-value.down{color:var(--blue)}.result-sub{font-size:11px;color:var(--text-muted);margin-top:3px}.divider{height:1px;background:var(--border);margin:16px 0}.table-wrap{overflow-x:auto;margin:0 -20px;padding:0 20px}table{width:100%;border-collapse:collapse;font-size:13px;min-width:500px}thead tr{background:var(--toggle-bg)}th{padding:10px 12px;text-align:right;font-weight:700;color:var(--text-muted);font-size:11px;letter-spacing:.04em;border-bottom:1.5px solid var(--border)}th:first-child{text-align:left;border-radius:8px 0 0 0}th:last-child{border-radius:0 8px 0 0}td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:right;font-size:13px;font-weight:500}td:first-child{text-align:left}tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.badge-init{background:var(--success-light);color:var(--success)}.badge-round{background:var(--blue-light);color:var(--blue)}.info-box{background:var(--primary-light);border:1px solid var(--border-accent);border-radius:10px;color:var(--info-text);margin-bottom:16px;line-height:1.6}.error-box,.info-box{padding:12px 14px;font-size:13px}.error-box{background:var(--danger-light);border:1px solid var(--border-danger);border-radius:10px;color:var(--danger);margin-top:12px}.empty{text-align:center;padding:32px 20px;color:var(--text-muted)}.empty-icon{font-size:36px;margin-bottom:8px}.empty-text{font-size:14px;font-weight:500}.portfolio-card{padding:16px 20px}.portfolio-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.btn-portfolio-save{font-size:12px;font-weight:700;color:var(--primary);background:var(--primary-light);border:1px solid var(--border-accent);border-radius:8px;padding:6px 12px;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-portfolio-save:disabled{opacity:.35;cursor:not-allowed}.btn-portfolio-save:not(:disabled):hover{background:var(--primary);color:white}.portfolio-save-form{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.portfolio-name-input{width:100%;padding:10px 14px;border:1.5px solid var(--primary);border-radius:10px;font-size:15px;color:var(--text);background:var(--input-bg);outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.portfolio-save-actions{display:flex;gap:8px}.portfolio-empty{font-size:13px;color:var(--text-muted);text-align:center;padding:10px 0 2px;line-height:1.8}.stock-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.stock-item{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:var(--toggle-bg);border:1px solid var(--border);border-radius:10px;gap:12px;transition:border-color .15s}.stock-item:hover{border-color:var(--primary)}.stock-info{flex:1 1;min-width:0}.stock-row-top{display:flex;align-items:center;gap:6px;margin-bottom:3px;flex-wrap:wrap}.stock-name{font-size:14px;font-weight:700;color:var(--text)}.stock-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px}.stock-badge-krw{background:var(--success-light);color:var(--success)}.stock-badge-usd{background:var(--blue-light);color:var(--blue)}.stock-rounds-badge{font-size:10px;font-weight:600;color:var(--text-muted);background:var(--toggle-bg);border:1px solid var(--border);padding:2px 6px;border-radius:4px}.stock-detail{font-size:12px;color:var(--text-muted);margin-bottom:2px}.stock-date{font-size:11px;color:var(--text-muted);opacity:.55}.stock-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.btn-load{font-size:12px;font-weight:700;color:var(--primary);background:var(--primary-light);border:1px solid var(--border-accent);border-radius:7px;padding:6px 10px;cursor:pointer;white-space:nowrap;transition:all .15s}.btn-load:hover{background:var(--primary);color:white}.btn-del{font-size:16px;font-weight:700;color:var(--text-muted);background:none;border:1px solid var(--border);border-radius:7px;width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.btn-del:hover{color:var(--danger);border-color:var(--border-danger);background:var(--danger-light)}.portfolio-count{font-size:12px;color:var(--text-muted);font-weight:500}.sim-bottom-row{display:flex;gap:8px}.sim-bottom-row .btn{flex:1 1;width:auto}.footer{text-align:center;padding:28px 20px 32px;border-top:1px solid var(--border);margin-top:8px}.footer-nav{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:10px}.footer-link{font-size:13px;color:var(--text-muted);text-decoration:none;font-weight:500}.footer-link:hover{color:var(--primary)}.footer-sep{color:var(--border);font-size:13px}.footer-disclaimer{font-size:11px;color:var(--text-muted);opacity:.7;line-height:1.7;margin-bottom:6px;max-width:480px;margin-left:auto;margin-right:auto}.footer-copy{font-size:12px;color:var(--text-muted);opacity:.5}.guide-formula{background:var(--primary-light);border:1px solid var(--border-accent);border-radius:10px;padding:14px 18px;font-size:15px;font-weight:700;color:var(--info-text);text-align:center;letter-spacing:.02em}.guide-warning-box{background:var(--danger-light);border:1px solid var(--border-danger);border-radius:10px;padding:12px 14px;font-size:13px;color:var(--danger);line-height:1.6}.faq-list{display:flex;flex-direction:column;gap:4px}.faq-item{border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .15s}.faq-item[open]{border-color:var(--primary)}.faq-question{padding:14px 16px;font-size:14px;font-weight:600;color:var(--text);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";font-size:18px;font-weight:400;color:var(--text-muted);flex-shrink:0;transition:transform .2s}.faq-item[open] .faq-question:after{transform:rotate(45deg)}.faq-answer{font-size:13px;color:var(--text-muted);line-height:1.8;margin:0;border-top:1px solid var(--border);padding:12px 16px 14px}.app-desc-section{margin-top:4px}.tax-notice{font-size:13px;color:var(--text-muted);line-height:1.6;margin-bottom:14px}.tax-info-box{background:var(--primary-light);border:1px solid var(--border-accent);border-radius:10px;color:var(--info-text)}.tax-info-box,.tax-success-box{padding:14px 16px;font-size:14px;line-height:1.6}.tax-success-box{background:var(--success-light);border:1px solid var(--border-success);border-radius:10px;color:var(--success)}.tax-result-grid{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:10px;overflow:hidden}.tax-row{display:flex;justify-content:space-between;align-items:center;padding:11px 16px;border-bottom:1px solid var(--border);gap:12px}.tax-row:last-child{border-bottom:none}.tax-label{font-size:13px;color:var(--text-muted)}.tax-value{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap}.tax-row-sub .tax-label{font-size:12px;padding-left:8px}.tax-row-sub .tax-value{font-size:13px;color:var(--text-muted)}.tax-row-emphasis{background:var(--primary-light)}.tax-row-emphasis .tax-label{font-weight:700;color:var(--text)}.tax-row-emphasis .tax-value{color:var(--primary)}.tax-row-total{background:var(--primary)}.tax-row-total .tax-label{font-size:14px;font-weight:700;color:rgba(255,255,255,.85)}.tax-row-total .tax-value{font-size:16px;font-weight:800;color:white}.tax-disclaimer{font-size:12px;color:var(--text-muted);line-height:1.6;margin-top:12px}.tax-checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted);cursor:pointer}.tax-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary)}.app-desc-text{font-size:14px;color:var(--text-muted);line-height:1.8;margin-bottom:16px}.app-desc-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:16px}.app-desc-item{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--toggle-bg);border:1px solid var(--border);border-radius:10px}.app-desc-icon{font-size:20px;flex-shrink:0}.app-desc-label{font-size:13px;font-weight:700;color:var(--text);margin-bottom:3px}.app-desc-sub{font-size:12px;color:var(--text-muted);line-height:1.6}.app-desc-footer{display:flex;gap:16px;flex-wrap:wrap;padding-top:4px;border-top:1px solid var(--border);margin-top:4px}.app-desc-link{font-size:13px;font-weight:600;color:var(--primary);text-decoration:none}.app-desc-link:hover{text-decoration:underline}@media (max-width:1080px){.articles-page .container,.hub-page .container{padding:16px}}@media (max-width:760px){.articles-page .container,.hub-page .container{padding:14px}}@media (max-width:600px){.header{padding-top:66px}.header h1{font-size:22px}.hub-header{padding:40px 16px 36px}.hub-title{font-size:28px;letter-spacing:-.5px}.hub-subtitle{font-size:13px}.hub-card{padding:14px 16px}.hub-card-emoji{font-size:22px}.hub-card-name{font-size:14px}.hub-article-card{padding:16px;min-height:unset}.hub-article-title{font-size:14px}.hub-article-desc{font-size:12px;-webkit-line-clamp:2}.result-value{font-size:18px}.result-value.xl{font-size:22px}}@media (max-width:480px){.articles-page .container,.container,.hub-page .container{padding:12px}.card{padding:14px 16px;margin-bottom:10px}.app-desc-grid,.input-row,.result-grid{grid-template-columns:1fr}.tab{font-size:12px;padding:9px 4px}.toggle-btn{font-size:12px;padding:8px 6px}.result-value{font-size:16px}.result-value.xl{font-size:20px}.result-label{font-size:10px}.result-item{padding:11px 12px}.tax-row{padding:9px 12px;gap:8px}.tax-label{font-size:12px}.tax-value{font-size:13px}.tax-row-sub .tax-label{font-size:11px}.tax-row-sub .tax-value{font-size:12px}.tax-row-total .tax-label{font-size:13px}.tax-row-total .tax-value{font-size:14px}.tax-notice{font-size:12px}.tax-disclaimer{font-size:11px}table{min-width:420px;font-size:12px}th{font-size:10px}td,th{padding:8px}td{font-size:12px}.sim-table td,.sim-table th{font-size:11px;padding:7px 6px}.privacy-section-title{font-size:14px}.privacy-list li,.privacy-text{font-size:13px}.guide-formula{font-size:13px;padding:11px 14px}.disclaimer-box p,.guide-warning-box{font-size:12px}.faq-question{font-size:13px;padding:12px 14px}.back-link,.faq-answer{font-size:12px}.back-link{margin-bottom:12px}.footer{padding:20px 14px 24px}.footer-link{font-size:12px}.footer-disclaimer{font-size:10px}.card-title,.footer-copy{font-size:11px}.card-title{margin-bottom:12px}.empty-text{font-size:13px}.hub-section-title,.info-box{font-size:12px}}@media (max-width:360px){.container{padding:10px}.card{padding:12px}.header{padding-top:72px;padding-left:10px;padding-right:10px}.header h1{font-size:19px}.header p{font-size:11px}.header-controls{right:8px;gap:3px}.theme-toggle{padding:5px 8px;font-size:11px}.lang-toggle{padding:5px 7px;font-size:11px}.header-nav{gap:3px;margin-top:8px}.header-nav-link{font-size:10px;padding:4px 7px}.hub-header{padding:36px 12px 32px}.hub-title{font-size:24px}.hub-card{padding:12px;gap:10px}.hub-card-emoji{font-size:22px}.hub-card-name{font-size:14px}.hub-card-desc{font-size:12px}.hub-card-arrow{font-size:15px}.toggle-btn{font-size:11px;padding:7px 4px}.toggle-group{flex-wrap:wrap}.btn{font-size:14px;padding:11px}.result-value{font-size:15px}.result-value.xl{font-size:18px}.tax-row{padding:8px 10px}.tax-label{font-size:11px}.tax-value{font-size:12px}.tax-row-total .tax-value{font-size:13px}label{font-size:11px}.privacy-list li,.privacy-text{font-size:12px}}.nav-toggle{position:fixed;top:14px;left:14px;z-index:400;width:36px;height:36px;border-radius:10px;border:1.5px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:background .3s,border-color .3s,box-shadow .3s}.nav-toggle:hover{background:rgba(255,255,255,.25)}.nav-toggle-bar{display:block;width:16px;height:2px;background:rgba(255,255,255,.9);border-radius:2px;transition:background .3s}.nav-toggle-scrolled{border-color:var(--border);background:var(--card);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:var(--shadow-md)}.nav-toggle-scrolled:hover{background:var(--toggle-bg)}.nav-toggle-scrolled .nav-toggle-bar{background:var(--text)}.nav-backdrop{position:fixed;inset:0;z-index:450;background:rgba(0,0,0,.45);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.nav-sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;z-index:500;background:var(--card);border-right:1px solid var(--border);box-shadow:4px 0 24px rgba(0,0,0,.12);display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);overflow-y:auto}.nav-sidebar-open{transform:translateX(0)}.nav-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:18px 16px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.nav-sidebar-brand{font-size:15px;font-weight:800;color:var(--primary);letter-spacing:-.3px}.nav-close{background:none;border:none;font-size:16px;color:var(--text-muted);cursor:pointer;padding:4px 6px;border-radius:6px;line-height:1;transition:background .15s}.nav-close:hover{background:var(--toggle-bg);color:var(--text)}.nav-list{padding:10px 0;flex:1 1}.nav-list,.nav-sublist{list-style:none}.nav-item{display:flex;align-items:center;gap:9px;width:100%;padding:10px 16px;font-size:14px;font-weight:600;color:var(--text);text-decoration:none;background:none;border:none;cursor:pointer;text-align:left;transition:background .12s,color .12s;border-radius:0}.nav-item:hover{background:var(--toggle-bg)}.nav-item-active{color:var(--primary)}.nav-item-active,.nav-item-active:hover{background:var(--primary-light)}.nav-depth-2{font-size:13px;font-weight:500;padding:8px 16px 8px 36px;color:var(--text-muted)}.nav-depth-2:hover{color:var(--text);background:var(--toggle-bg)}.nav-depth-2.nav-item-active{color:var(--primary);background:var(--primary-light);font-weight:600}.nav-expandable{justify-content:flex-start}.nav-chevron{margin-left:auto;font-size:11px;color:var(--text-muted)}.nav-item-icon{font-size:16px;flex-shrink:0}.back-link{display:inline-flex;align-items:center;font-size:13px;font-weight:600;color:var(--primary);text-decoration:none;margin-bottom:16px}.back-link:hover{opacity:.8}.privacy-section-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:10px}.privacy-text{font-size:14px;color:var(--text-muted);line-height:1.8;margin-bottom:10px}.privacy-list{padding-left:18px;margin:8px 0 10px}.privacy-list li{font-size:14px;color:var(--text-muted);line-height:1.8;margin-bottom:4px}.privacy-link{color:var(--primary);text-decoration:underline;text-underline-offset:2px}.feature-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:16px}.feature-list li{display:flex;gap:12px;align-items:flex-start}.feature-icon{font-size:20px;flex-shrink:0;margin-top:2px}.feature-list strong{display:block;font-size:14px;font-weight:700;color:var(--text);margin-bottom:3px}.feature-list p{font-size:13px;color:var(--text-muted);line-height:1.7;margin:0}.use-case-list{padding-left:18px}.use-case-list li{font-size:14px;color:var(--text-muted);line-height:1.8;margin-bottom:4px}.disclaimer-box{background:var(--danger-light);border:1px solid var(--border-danger);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.disclaimer-box p{font-size:13px;color:var(--text-muted);line-height:1.7;margin:0}.article-category-badge{display:inline-block;font-size:11px;font-weight:700;color:white;border-radius:20px;padding:2px 9px;flex-shrink:0}.article-date{font-size:12px;color:var(--text-muted)}.article-list{display:flex;flex-direction:column;gap:12px}.article-card{display:block;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);text-decoration:none;color:inherit;transition:box-shadow .15s,transform .15s}.article-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.article-card-meta{display:flex;align-items:center;gap:8px;margin-bottom:10px}.article-card-title{font-size:17px;font-weight:700;color:var(--text);line-height:1.4;margin-bottom:8px}.article-card-desc{font-size:13px;color:var(--text-muted);line-height:1.6;margin-bottom:12px}.article-card-more{font-size:13px;font-weight:600;color:var(--primary)}.hub-article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:12px;gap:12px}.hub-article-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);text-decoration:none;color:inherit;transition:box-shadow .15s,transform .15s;min-height:160px}.hub-article-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.hub-article-meta{display:flex;align-items:center;gap:7px;margin-bottom:12px}.hub-article-title{font-size:15px;font-weight:700;color:var(--text);line-height:1.45;margin-bottom:10px}.hub-article-desc{font-size:13px;color:var(--text-muted);line-height:1.65;flex:1 1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hub-articles-more{display:inline-block;font-size:13px;font-weight:600;color:var(--primary);text-decoration:none;padding:8px 20px;border:1.5px solid var(--border-accent);border-radius:20px;background:var(--primary-light);transition:all .15s}.hub-articles-more:hover{background:var(--primary);color:white;border-color:var(--primary)}