.keyring-controls{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px;align-items:center;background:var(--bg-color);padding:20px;border-radius:var(--radius-md);border:1px solid var(--border-color)}.keyring-theme-selector{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.theme-option{display:flex;align-items:center;gap:8px;padding:8px 16px;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;background:var(--card-bg);font-weight:600;font-size:14px}.theme-option:hover{border-color:var(--primary);transform:translateY(-2px)}.theme-option.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.theme-color-preview{width:24px;height:24px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.keyring-range-selector{display:flex;gap:10px;align-items:center}.range-option{padding:8px 16px;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;background:var(--card-bg);font-weight:600;font-size:14px;color:var(--text-dark)}.range-option:hover{border-color:var(--secondary)}.range-option.active{border-color:var(--secondary);background:var(--secondary-light);color:var(--secondary)}.keyring-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.keyring-card{width:100%;max-width:320px;aspect-ratio:5/7;border:2px dashed var(--border-color);border-radius:12px;padding:20px;background:var(--card-bg);box-shadow:var(--shadow-sm);position:relative;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto}.punch-hole{position:absolute;top:15px;left:50%;transform:translate(-50%);width:8px;height:8px;border-radius:50%;border:2px solid var(--text-muted);background:transparent}.card-header{text-align:center;margin-top:15px}.card-title{font-size:28px;font-weight:800;color:var(--primary);margin-bottom:5px}.card-subtitle{font-size:14px;color:var(--text-muted);font-weight:600}.card-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:8px}.card-row{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-radius:6px;background:var(--bg-color);font-size:15px;font-weight:600}.card-row .equation{color:var(--text-dark)}.card-row .result{color:var(--secondary);font-weight:800}.card-footer{text-align:center;font-size:11px;color:var(--text-muted);padding-top:10px;border-top:1px dashed var(--border-color)}.keyring-card.theme-purple{border-color:#9b59b6}.keyring-card.theme-purple .card-title{color:#9b59b6}.keyring-card.theme-purple .punch-hole{border-color:#9b59b6}.keyring-card.theme-blue{border-color:#3498db}.keyring-card.theme-blue .card-title{color:#3498db}.keyring-card.theme-blue .punch-hole{border-color:#3498db}.keyring-card.theme-green{border-color:#27ae60}.keyring-card.theme-green .card-title{color:#27ae60}.keyring-card.theme-green .punch-hole{border-color:#27ae60}.keyring-card.theme-orange{border-color:#e67e22}.keyring-card.theme-orange .card-title{color:#e67e22}.keyring-card.theme-orange .punch-hole{border-color:#e67e22}.keyring-card.theme-pink{border-color:#e91e63}.keyring-card.theme-pink .card-title{color:#e91e63}.keyring-card.theme-pink .punch-hole{border-color:#e91e63}@media print{@page{size:A4 portrait;margin:10mm}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{background:#fff!important;margin:0!important;padding:0!important}.main-header,.sidebar,.keyring-controls,.main-footer,.faqs-container,#theme-toggle,#menu-toggle,.content-card>p,.content-card>h2,.content-card>ul,.how-to-section{display:none!important}.app-container{display:block!important;margin:0!important;padding:0!important}.main-content{display:block!important;width:100%!important;padding:0!important;margin:0!important}article.content-card{display:block!important;visibility:visible!important;padding:0!important;margin:0!important;border:none!important;box-shadow:none!important}article.content-card>h1{display:block!important;font-size:16px!important;text-align:center!important;margin:0 0 10px!important;color:#000!important}.keyring-cards-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8mm!important}.keyring-card{width:85mm!important;height:120mm!important;max-width:none!important;aspect-ratio:auto!important;border:2px dashed #000000!important;border-radius:8px!important;padding:6mm 8mm 4mm!important;background:#fff!important;box-shadow:none!important;page-break-inside:avoid!important;break-inside:avoid!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;box-sizing:border-box!important;gap:2px!important}.keyring-card.theme-purple{border-color:#9b59b6!important}.keyring-card.theme-blue{border-color:#3498db!important}.keyring-card.theme-green{border-color:#27ae60!important}.keyring-card.theme-orange{border-color:#e67e22!important}.keyring-card.theme-pink{border-color:#e91e63!important}.punch-hole{width:6mm!important;height:6mm!important;top:8mm!important}.card-header{text-align:center!important;margin-top:2px!important;margin-bottom:2px!important;padding-bottom:2px!important;border-bottom:1px dashed #cccccc!important}.card-title{font-size:20px!important;color:#000!important;margin-bottom:2px!important}.keyring-card.theme-purple .card-title{color:#9b59b6!important}.keyring-card.theme-blue .card-title{color:#3498db!important}.keyring-card.theme-green .card-title{color:#27ae60!important}.keyring-card.theme-orange .card-title{color:#e67e22!important}.keyring-card.theme-pink .card-title{color:#e91e63!important}.card-subtitle{font-size:10px!important;color:#666!important;margin-bottom:2px!important}.card-content{flex:1!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:2px!important;margin-top:4px!important;margin-bottom:4px!important}.card-row{padding:3px 6px!important;font-size:13px!important;line-height:1.2!important;background:#f5f5f5!important;border-radius:4px!important;margin:0!important}.card-row .equation{color:#000!important}.card-row .result{color:#000!important;font-weight:900!important}.card-footer{padding-top:3px!important;border-top:1px dashed #cccccc!important;font-size:9px!important;color:#999!important;margin-top:2px!important}body.dark-mode{background:#fff!important;color:#000!important;--text-dark: #000000 !important;--text-muted: #555555 !important;--bg-color: #ffffff !important;--card-bg: #ffffff !important;--border-color: #cccccc !important;--primary: #5c00b8 !important;--primary-light: #f5edfc !important;--secondary: #0a9385 !important;--secondary-light: #e6f7f6 !important}body.dark-mode .app-container,body.dark-mode .main-content,body.dark-mode article.content-card,body.dark-mode .keyring-cards-grid,body.dark-mode .keyring-card,body.dark-mode .card-row{background:#fff!important;color:#000!important;border-color:#000!important}body.dark-mode .card-title,body.dark-mode .card-subtitle,body.dark-mode .equation,body.dark-mode .result,body.dark-mode .card-footer{color:#000!important}}