.app{max-width:800px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.section{margin-bottom:30px;padding:20px;border:1px solid #ddd;border-radius:8px}.section h2{margin-top:0;color:#333}.sat-grid{display:table;width:100%;border-collapse:collapse}.sat-row{display:table-row}.sat-row-label{display:table-cell;width:120px;padding:15px 10px;font-weight:700;background:#f5f5f5;border:1px solid #ddd;vertical-align:middle;text-align:center}.sat-column{display:table-cell;width:calc((100% - 120px)/5);padding:15px 10px;border:1px solid #ddd;vertical-align:top;text-align:center}.sat-header-row .sat-column{background:#f9f9f9}.sat-checkbox{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;font-weight:700;margin-top:10px}.location-controls{display:flex;align-items:center;gap:5px;justify-content:space-evenly;width:100%}.avalanche-size-selector{display:flex;flex-direction:column;gap:5px}.size-option{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:11px}.size-indicator{display:flex;align-items:center;gap:3px}.size-number{font-weight:700;min-width:15px}.size-label{font-size:10px}.observables{display:flex;flex-direction:column;gap:5px}.observables label{display:flex;align-items:center;gap:5px;font-size:10px;text-align:left}.altitude-section{display:flex;flex-direction:column;gap:15px}.altitude-input input{width:100px;margin-left:10px}.unified-danger-section{display:flex;align-items:center;gap:30px;padding:20px;border:1px solid #ddd;border-radius:8px;background:#f9f9f9}.danger-levels{display:flex;gap:20px;flex-wrap:wrap}.mountain-section{display:flex;flex-direction:column;align-items:center;position:relative}.mountain-container{position:relative}.altitude-line{position:absolute;top:50%;left:10%;right:10%;height:2px;background:#333;border-top:2px dashed #333}.altitude-input-above,.altitude-input-below{margin:5px 0}.danger-input{width:40px;text-align:center;border:1px solid #ccc;border-radius:3px;padding:2px}.altitude-text-input{display:flex;flex-direction:column;align-items:center;gap:5px}.altitude-input{width:80px;text-align:center;border:1px solid #ccc;border-radius:3px;padding:5px}.compass-section{display:flex;align-items:center}.danger-level-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.danger-level-group span{font-weight:700;min-width:100px}.danger-level-option{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer}.compass-rose{transition:all .2s ease}label{display:block;margin-bottom:10px;cursor:pointer}input[type=text],textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}textarea{height:80px;resize:vertical}button{background-color:#007bff;color:#fff;padding:12px 24px;border:none;border-radius:4px;cursor:pointer;font-size:16px}button:hover{background-color:#0056b3}