.search-container{display:flex;justify-content:center;margin-bottom:2rem}.search-wrapper{position:relative;width:100%;max-width:600px}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;font-family:var(--font-body);font-size:1.1rem;background:var(--glass-bg);border:1px solid var(--accent-gold);border-radius:50px;color:var(--text-primary);outline:none;box-shadow:0 0 10px #0003;transition:all .3s ease}.search-input:focus{box-shadow:0 0 15px var(--accent-glow);background:#1e293be6}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);opacity:.7}@media print{.search-container{display:none}}.class-filter-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.5rem}.filter-label{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.class-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.class-tag{background:#0000004d;border:1px solid var(--glass-border);color:var(--text-secondary);padding:4px 10px;border-radius:20px;cursor:pointer;font-size:.8rem;transition:all .2s}.class-tag:hover{border-color:var(--accent-gold);color:var(--text-primary)}.class-tag.active{background:var(--accent-gold);color:var(--bg-primary);border-color:var(--accent-gold);font-weight:700;box-shadow:0 0 10px var(--accent-glow)}@media print{.class-filter-container{display:none}}.spell-list-container{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1rem;max-height:600px;overflow-y:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.spell-list-container h2{margin-top:0;color:var(--accent-gold);font-family:var(--font-heading);border-bottom:1px solid var(--glass-border);padding-bottom:.5rem}.spell-list{display:flex;flex-direction:column;gap:.5rem}.spell-list-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#0003;border-radius:6px;transition:background .2s}.spell-list-item:hover{background:#ffffff0d}.spell-name{font-weight:500}.add-btn{background:var(--accent-gold);color:var(--bg-primary);border:none;padding:4px 12px;border-radius:4px;cursor:pointer;font-weight:700;transition:all .2s}.add-btn:hover:not(:disabled){background:#fcd34d;box-shadow:0 0 8px var(--accent-glow)}.add-btn:disabled{opacity:.5;cursor:not-allowed}.list-message{text-align:center;color:var(--text-secondary);padding:1rem;font-style:italic}@media print{.spell-list-container{display:none}}.spell-card{background:var(--bg-secondary);border:1px solid var(--accent-gold);border-radius:8px;padding:12px;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;color:var(--text-primary);font-size:11px;box-shadow:0 4px 6px #0000004d;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.spell-card:not(.condensed){min-height:400px}.spell-card.text-short .card-body{font-size:.9rem;line-height:1.35;column-count:1}.spell-card.text-short .card-body p{margin:6px 0}.spell-card.text-medium .card-body{font-size:.8rem;line-height:1.3;column-count:1}.spell-card.text-medium .card-body p{margin:5px 0}.spell-card.text-long .card-body{font-size:.75rem;line-height:1.25;column-count:2;column-gap:8px}.spell-card.text-long .card-body p{margin:4px 0}.spell-card.text-extra-long .card-body{font-size:.7rem;line-height:1.2;column-count:2;column-gap:8px}.spell-card.text-extra-long .card-body p{margin:3px 0}.spell-card.text-massive .card-body{font-size:.65rem;line-height:1.15;column-count:2;column-gap:8px}.spell-card.text-massive .card-body p{margin:2px 0}.print-theatrical .spell-card{background-color:#fdf1dc;background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.15'/%3E%3C/svg%3E");border:none;box-shadow:none;color:#58180d;font-family:Solway,Georgia,serif;outline:4px solid #58180D;outline-offset:-6px}.print-theatrical .spell-card:after{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px solid #c9ad6a;pointer-events:none}.print-theatrical .card-body{column-count:2;column-gap:1em;font-size:9px;text-align:left}.print-theatrical .card-header{border-bottom:2px solid #58180D}.print-theatrical .card-header h3{color:#58180d;font-family:Mr Eaves XL Mod OT,Cinzel,serif;font-weight:800}.print-theatrical .school-tag{display:inline-block;background:#58180d1a;color:#58180d;border:1px solid #58180D}.print-theatrical .remove-btn{background:#58180d;color:#fff;border:1px solid #3d1008}.print-eco .spell-card{border:1px solid #000;background:#fff;box-shadow:none;filter:grayscale(100%);color:#000}.print-eco .school-tag{display:inline-block;background:#333;color:#fff;border:1px solid #000}.print-eco .remove-btn{background:#333;color:#fff;border:1px solid #000}.print-eco .card-header h3{color:#000}.card-header{border-bottom:2px solid var(--accent-gold);margin-bottom:6px;padding-bottom:2px;display:flex;justify-content:space-between;align-items:baseline}.card-header h3{font-family:var(--font-heading);color:var(--accent-gold);margin:0;font-size:1.05rem;line-height:1.1}.spell-level{font-style:italic;font-size:.75em;color:var(--text-secondary);white-space:nowrap;margin-left:8px}.card-meta{display:grid;grid-template-columns:1fr 1fr;gap:2px;font-size:.7rem;margin-bottom:6px;background:#0003;padding:4px;border-radius:4px}.card-body{flex-grow:1;overflow:hidden;font-size:.75rem;line-height:1.25}.card-body p{margin:4px 0}.higher-level{margin-top:6px;font-style:italic;font-size:.7rem}.card-footer{margin-top:auto;padding-top:4px;border-top:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.school-tag{background:var(--bg-primary);padding:1px 4px;border-radius:4px;font-size:.65rem;text-transform:uppercase;border:1px solid var(--accent-gold)}.remove-btn{background:#dc2626e6;border:1px solid #ef4444;color:#fff;cursor:pointer;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600;transition:all .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.5)}.remove-btn:hover{background:#ef4444;transform:scale(1.05);box-shadow:0 2px 4px #ef444466}@media print{.spell-card{width:63mm!important;height:88mm!important;padding:5mm!important;margin:0!important;box-sizing:border-box!important;background:#fff!important;color:#000!important;border:2px solid #58180D!important;border-radius:4px!important;box-shadow:none!important;outline:none!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;page-break-inside:avoid!important;break-inside:avoid!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.spell-card:after,.print-theatrical .spell-card:after{display:none!important}.card-header{border-bottom:1px solid #000;margin-bottom:2px;padding-bottom:1px}.card-header h3{color:#000!important;font-size:9pt!important;margin:0}.spell-level,.higher-level{color:#333!important;font-size:7pt!important}.card-meta{background:#0000000d!important;border:1px solid #999;border-radius:2px;font-size:6pt!important;padding:2px!important;margin-bottom:2px!important;display:flex!important;flex-wrap:wrap!important;gap:4px!important}.meta-item{margin-right:4px;white-space:nowrap}.spell-card.text-short .card-body{font-size:9pt!important;line-height:1.25!important;column-count:1!important}.spell-card.text-short .card-body p{margin:2px 0!important}.spell-card.text-medium .card-body{font-size:8pt!important;line-height:1.2!important;column-count:1!important}.spell-card.text-medium .card-body p{margin:1.5px 0!important}.spell-card.text-long .card-body{font-size:7pt!important;line-height:1.15!important;column-count:2!important;column-gap:2mm!important}.spell-card.text-long .card-body p{margin:1px 0!important}.spell-card.text-extra-long .card-body{font-size:6pt!important;line-height:1.1!important;column-count:2!important;column-gap:2mm!important;text-align:left!important}.spell-card.text-extra-long .card-body p{margin:.5px 0!important}.spell-card.text-massive .card-body{font-size:5pt!important;line-height:1.05!important;column-count:2!important;column-gap:2mm!important;text-align:left!important}.spell-card.text-massive .card-body p{margin:0!important}.school-tag{background:transparent!important;color:#000!important;border:1px solid #000!important;font-size:5pt!important;padding:0 2px!important}.remove-btn{display:none!important}.card-footer{margin-top:auto;padding-top:2px;border-top:1px solid #000}body.print-theatrical .spell-card{background:#fdf1dc!important;color:#58180d!important;border:2px solid #58180D!important;outline:none!important}body.print-theatrical .card-header h3{color:#58180d!important}body.print-theatrical .card-meta{border:none!important;border-bottom:1px solid #58180D!important;color:#58180d!important}body.print-theatrical .card-body{column-count:2;column-gap:3mm;font-size:6.5pt!important;text-align:left}body.print-eco .spell-card{background:#fff!important;border:1px solid black!important}body.print-eco .card-header h3{font-weight:800;text-transform:uppercase}}.deck-container{padding:1rem}.deck-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.deck-header h2{font-family:var(--font-heading);color:var(--accent-gold);margin:0}.print-hint{font-size:.9rem;color:var(--text-secondary);background:#ffffff0d;padding:4px 8px;border-radius:4px}.empty-deck{text-align:center;padding:3rem;border:2px dashed var(--glass-border);border-radius:12px;color:var(--text-secondary)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}@media print{.deck-container{padding:0!important;margin:0!important;width:100%!important;height:auto!important;overflow:visible!important}.deck-header,.empty-deck{display:none!important}.cards-grid{display:block!important;padding:3mm!important;text-align:center!important;font-size:0;height:auto!important;overflow:visible!important}.card-wrapper{display:inline-block!important;width:67mm!important;height:110mm!important;min-height:110mm!important;margin:0!important;padding:2mm 2mm 12mm!important;vertical-align:top!important;text-align:left!important;font-size:1rem!important;box-sizing:border-box!important;page-break-inside:avoid!important;break-inside:avoid!important}}.settings-panel{background:var(--bg-secondary);border:1px solid var(--accent-gold);border-radius:12px;padding:1rem;margin-bottom:2rem;color:var(--text-primary);display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:center}.settings-panel h3{margin:0;margin-right:1rem;color:var(--accent-gold);font-family:var(--font-heading)}.setting-group{display:flex;align-items:center;gap:.5rem}.setting-group label{font-size:.9rem;color:var(--text-secondary)}.toggle-group{display:flex;background:#0000004d;padding:2px;border-radius:6px}.toggle-btn{background:transparent;border:none;color:var(--text-secondary);padding:4px 12px;font-size:.85rem;cursor:pointer;border-radius:4px;transition:all .2s}.toggle-btn.active{background:var(--accent-gold);color:var(--bg-primary);font-weight:700}.toggle-btn:hover:not(.active){color:var(--text-primary)}@media print{.settings-panel{display:none!important}}:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-gold: #fbbf24;--accent-glow: rgba(251, 191, 36, .2);--glass-border: rgba(255, 255, 255, .1);--glass-bg: rgba(30, 41, 59, .7);--font-heading: "Cinzel", serif;--font-body: "Inter", sans-serif;--card-width: 63mm;--card-height: 88mm}body{margin:0;font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(circle at 10% 20%,rgba(76,29,149,.1) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(180,83,9,.1) 0%,transparent 20%);min-height:100vh}.app-container{max-width:1200px;margin:0 auto;padding:2rem}.main-header{text-align:center;margin-bottom:3rem;border-bottom:1px solid var(--glass-border);padding-bottom:2rem}.main-header h1{font-family:var(--font-heading);font-size:3.5rem;color:var(--accent-gold);text-shadow:0 0 15px var(--accent-glow);margin:0}.main-header p{color:var(--text-secondary);font-size:1.1rem;margin-top:.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.placeholder-content{text-align:center;padding:4rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .8s ease-out}.main-content{width:100%}.content-grid{display:grid;grid-template-columns:350px 1fr;gap:2rem;align-items:start}@media (max-width: 900px){.content-grid{grid-template-columns:1fr}}.left-panel{position:sticky;top:20px}.loading{text-align:center;color:var(--accent-gold);font-family:var(--font-heading);animation:fadeIn 1s infinite alternate}@media print{.main-header,.left-panel,.interaction-area>.search-container{display:none!important}html,body,#root,.app-container{height:auto!important;min-height:0!important;overflow:visible!important;width:100%;margin:0;padding:0}.app-container{max-width:none}.content-grid{display:block}.right-panel{display:block;width:100%}body{background:#fff;color:#000}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}