:root{--bg-color:#f8f9fa;--text-color:#212529;--primary-color:#333;--accent-color:#007bff;--grid-border:#333;--cell-bg:#fff;--cell-size:60px;--font-main:"Inter",system-ui,sans-serif}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;margin:0}.app-container{max-width:800px;margin:0 auto;padding:20px}.app-header{border-bottom:2px solid #eee;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;display:flex}.app-header h1{letter-spacing:-.5px;margin:0;font-size:1.8rem;font-weight:700}.controls{gap:10px;display:flex}.date-picker{border:1px solid #ddd;border-radius:4px;padding:8px;font-family:inherit}.btn-primary{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-weight:600}.btn-primary:hover{opacity:.9}.difficulty-tabs{justify-content:center;gap:10px;margin-bottom:20px;display:flex}.tab-btn{cursor:pointer;color:#666;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;font-size:1rem;transition:all .2s}.tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:600}.puzzle-wrapper{justify-content:center;margin-top:20px;display:flex}.puzzle-board{flex-direction:column;align-items:center;gap:30px;display:flex}.grid-container{grid-template-columns:var(--cell-size)repeat(var(--grid-size),var(--cell-size));gap:5px;display:grid}.cell{width:var(--cell-size);height:var(--cell-size);background-color:var(--cell-bg);border:1px solid #ddd;border-radius:4px;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:relative}.cell.header{background-color:#eee;border:none;font-size:1rem;font-weight:700}.cell.empty{background:0 0;border:none}.cell.symbol-cell{box-shadow:0 2px 4px #0000000d}.symbol{font-size:1.8rem;font-weight:700}.cell-guess{color:#00f;font-size:.8rem;font-weight:700;line-height:1;position:absolute;bottom:2px;right:2px}.legend{background:#fff;border-radius:8px;width:fit-content;max-width:100%;margin:0 auto;padding:20px;box-shadow:0 4px 12px #0000000d}.legend h3{text-align:center;color:#666;margin-top:0;margin-bottom:15px;font-size:1rem}.legend-grid{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.legend-item{justify-content:center;align-items:center;gap:5px;font-size:1.5rem;display:flex}.legend-item input{text-align:center;border:1px solid #ddd;border-radius:4px;width:40px;padding:5px;font-size:1rem}.hint-controls{justify-content:center;gap:10px;margin-top:20px;display:flex}.hint-controls button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:4px;padding:8px 16px;font-size:.9rem;transition:all .2s}.hint-controls button:hover:not(:disabled){background:#f0f0f0}.hint-controls button:disabled{opacity:.5;cursor:not-allowed}.hint-controls button.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.grid-container.picking-hint .cell.symbol-cell{cursor:not-allowed}.grid-container.picking-hint .cell.symbol-cell.clickable{cursor:pointer;background-color:#e6f3ff}.grid-container.picking-hint .cell.symbol-cell.clickable:hover{background-color:#cce5ff}.cell.revealed .cell-guess{color:#28a745}.legend-item.revealed-item input{color:#28a745;background-color:#f9f9f9;font-weight:700}.print-layout{display:none}@media print{@page{size:A4;margin:1cm}body{color:#000;background:#fff}.screen-only{display:none!important}.print-layout{width:100%;display:block}.print-header{text-align:center;border-bottom:2px solid #000;margin-bottom:20px;padding-bottom:10px}.print-header h1{margin:0;font-size:24pt}.print-puzzles{flex-direction:column;gap:30px;display:flex}.print-section{page-break-inside:avoid}.print-section h2{border-bottom:1px solid #ccc;margin-bottom:10px;font-size:14pt}.grid-container{grid-template-columns:50px repeat(var(--grid-size),50px);gap:2px}.cell{box-shadow:none;border:1px solid #000;width:50px;height:50px;font-size:20pt}.cell.header{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#eee!important}.hint-controls{display:none}.puzzle-board{flex-direction:row;justify-content:center;align-items:flex-start;gap:40px}.print-legend{border:1px solid #ccc;border-radius:8px;flex-direction:column;gap:15px;padding:20px;display:flex}.print-legend-item{align-items:center;gap:10px;font-size:18pt;display:flex}.print-legend-item .underscore{color:#0000;border-bottom:2px solid #000;width:40px;display:inline-block}.cell-input,.legend{display:none}}@media screen{.print-legend{display:none}}.completion-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.completion-modal{text-align:center;background-color:#fff;border-radius:12px;width:400px;max-width:90%;padding:30px;animation:.3s ease-out scaleUp;box-shadow:0 10px 25px #0003}.completion-modal h2{color:#28a745;margin-top:0;font-size:1.8rem}.completion-modal p{color:#555;margin-bottom:15px;font-size:1.1rem}.completion-details{text-align:left;background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.completion-details p{color:#333;margin:5px 0;font-size:1rem}.timer-display{color:#333;background:#eee;border-radius:4px;align-items:center;padding:0 10px;font-family:monospace;font-size:1.2rem;font-weight:700;display:flex}.completion-modal button{color:#fff;cursor:pointer;background-color:#6c757d;border:none;border-radius:6px;padding:10px 25px;font-size:1rem;transition:opacity .2s}.completion-modal button:hover{opacity:.9}.modal-actions{justify-content:center;gap:15px;display:flex}.btn-share{background-color:var(--primary-color)!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}