body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#f0f4f8,#d9e2ec);color:#333;margin:0;padding:1rem}h1,h2,h3,h4,h5{color:#2c3e50;margin-bottom:.5rem}button{background-color:#3498db;color:#fff;border:none;padding:.5rem 1rem;margin:.3rem .2rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}button:hover{background-color:#2980b9}input,select,textarea{width:100%;max-width:500px;padding:.5rem;margin:.3rem 0;border:1px solid #ccc;border-radius:4px;font-size:1rem}label{display:block;margin-top:.5rem;font-weight:700}pre{background-color:#f0f0f0;padding:1rem;border-radius:4px;overflow-x:auto;font-family:monospace}div{margin-bottom:1rem}.tab-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;margin-bottom:1rem}.tab-buttons button{padding:.5rem 1rem;background-color:#ccc;color:#000;border:none;border-radius:4px;cursor:pointer;text-align:center}.tab-buttons button.active{background-color:#007bff;color:#fff}.tab-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:1rem;background-color:#ecf0f1;border:1px solid #bdc3c7;border-radius:8px;box-shadow:0 2px 8px #0000001a;width:fit-content;max-width:100%;box-sizing:border-box}@media (max-width: 600px){.tab-buttons{width:100%}}.tab-buttons button{background-color:#bdc3c7;color:#2c3e50}.tab-buttons button.active{background-color:#3498db;color:#fff}textarea{resize:vertical}.red-button{background-color:#ce6161;color:#fff;border:none;border-radius:4px;padding:.3rem .6rem;cursor:pointer}.delete-button{background-color:#c7bb0f;color:#fff;border:none;border-radius:4px;padding:.3rem .6rem;cursor:pointer}.editable-input-wrapper{display:inline-block;position:relative}.tooltip{visibility:hidden;background-color:#333;color:#fff;text-align:center;border-radius:4px;padding:.4rem;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;white-space:normal;word-wrap:break-word;min-width:150px;max-width:220px}.editable-input-wrapper:hover .tooltip{visibility:visible;opacity:1}.place-grid label{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f1f3f5;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:.5rem;text-align:center;font-size:.85rem}.place-grid input{width:60px;padding:.3rem;font-size:.85rem;text-align:center;border:1px solid #ccc;border-radius:4px;margin-top:.3rem}.place-type-title{grid-column:span 2;background-color:#e3f2fd;border:1px solid #90caf9;border-radius:8px;box-shadow:0 3px 6px #0000001a;text-align:center;padding:1rem;font-size:1rem;font-weight:700}.place-type-title input{width:80%;padding:.5rem;margin-top:.5rem;font-size:1.1rem;text-align:center;border:1px solid #ccc;border-radius:6px}input[type=checkbox]{width:24px;height:24px;cursor:pointer}.place-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;margin-top:1rem}.place-grid label{display:flex;flex-direction:column;align-items:center;align-items:stretch;justify-content:space-between;background-color:#f1f3f5;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:.5rem;text-align:center;font-size:.85rem}.green-button{background-color:#28a745;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;font-size:1rem}.green-button:hover{background-color:#218838}.range-text-display{background-color:#f1f3f5;border:1px solid #ccc;border-radius:4px;padding:.5rem;font-size:1rem;color:#333}.places-container{display:flex;gap:2rem;margin-top:1rem;flex-wrap:wrap}.places-list{flex:1;border:1px solid #ccc;padding:1rem;border-radius:8px;background-color:#f9f9f9}.places-list ul{list-style-type:none;padding:0;margin:0}.places-list li{background-color:#e6f7ff;margin-bottom:.5rem;padding:.6rem;border-radius:4px;text-align:center;font-weight:500}.places-list li:nth-child(odd){background-color:#d0f0ff}.add-place-form{flex:1}@media (max-width: 768px){.places-container{flex-direction:column}}.report-text{background-color:#1e1e1e;color:#e0e0e0;padding:1rem;border-radius:0;overflow-x:auto;font-size:.85rem;line-height:1.4;white-space:pre-wrap;word-wrap:break-word;font-family:Consolas,Liberation Mono,monospace;letter-spacing:-.8px;width:100vw;position:relative;left:calc(-50vw + 50%)}body>div.report-text{margin:0;width:100%}.report-button{background-color:#3498db;color:#fff;border:none;border-radius:6px;padding:.6rem 1.2rem;margin:.25rem;font-weight:500;font-size:1rem;cursor:pointer;transition:background-color .3s,color .3s}.report-button:hover{background-color:#ffe066}.report-button.active{background-color:#ffe066;color:#212529}.preferences-table{width:100%;border-collapse:collapse;margin-top:1rem}.preferences-table th,.preferences-table td{border:1px solid #ddd;padding:.5rem;text-align:center}.preferences-table th{background-color:#f4f4f4;font-weight:700}.preferences-table tr:nth-child(2n){background-color:#fafafa}@media (max-width: 880px){.preferences-table,.preferences-table thead,.preferences-table tbody,.preferences-table th,.preferences-table td,.preferences-table tr{display:block}.preferences-table thead{display:none}.preferences-table tr{margin-bottom:1rem;border:1px solid #ddd;border-radius:8px;padding:.5rem;background:#f9f9f9}.preferences-table td{text-align:right;position:relative;padding-left:50%}.preferences-table td:before{word-break:break-word;white-space:normal;content:attr(data-label);position:absolute;left:0;width:45%;padding-left:.5rem;font-weight:700;text-align:left}}.places-button{background-color:#3498db;color:#fff;border:none;padding:.3rem .6rem;border-radius:4px;cursor:pointer;font-size:.85rem}.places-tooltip{position:absolute;top:100%;left:0;z-index:10;background:#f9f9f9;border:1px solid #ccc;border-radius:4px;padding:.5rem;margin-top:.2rem;box-shadow:0 2px 8px #00000026;width:max-content;max-width:300px;white-space:normal}.condition-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;margin-top:1rem}.condition-grid label{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;background-color:#f1f3f5;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:.7rem;text-align:center;font-size:.85rem}.condition-grid label span{display:block;margin-bottom:.5rem;word-break:break-word}.condition-grid input{width:60px;padding:.3rem;font-size:.85rem;text-align:center;border:1px solid #ccc;border-radius:4px;margin-top:.3rem}.condition-type-title{grid-column:span 2;background-color:#e3f2fd;border:1px solid #90caf9;border-radius:8px;box-shadow:0 3px 6px #0000001a;text-align:center;padding:1rem;font-size:1rem;font-weight:700}.condition-type-title input{width:80%;padding:.5rem;margin-top:.5rem;font-size:1.1rem;text-align:center;border:1px solid #ccc;border-radius:6px}.multi-select-places{display:flex;flex-direction:column;gap:1rem}.spot-selector,.place-selector{border:1px solid #ccc;border-radius:6px;padding:1rem}.spot-selector label,.place-selector label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.place-group{margin-top:1rem}.place-group-header{display:flex;justify-content:space-between;align-items:center;background-color:#f0f4ff;padding:.5rem 1rem;border-radius:4px;margin-bottom:.5rem;font-weight:600}.place-group-header input[type=checkbox]{transform:scale(1.2)}.place-list{margin-left:1rem;display:flex;flex-direction:column;gap:.25rem}.multi-select-option{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border-radius:4px}.multi-select-option input[type=checkbox]{margin-left:0;flex-shrink:0;width:1.2rem;height:1.2rem}.multi-select-option span{flex:1;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:.5rem}.selected-place{background-color:#d1f0d1;border-radius:4px;padding:2px 4px}.selected-place span{font-weight:700;color:#2e7d32}.selected-spot{background-color:#d0ebff;border-radius:4px;padding:2px 4px;font-weight:700;color:#0b5394}.spot-header.selected-spot{background-color:#d0ebff;border-radius:4px;padding:2px 4px;display:inline-block}.conditions-table{width:100%;border-collapse:collapse;margin-top:1rem}.conditions-table th,.conditions-table td{border:1px solid #ddd;padding:.5rem;text-align:center}.conditions-table th{background-color:#f4f4f4;font-weight:700}.conditions-table tr:nth-child(2n){background-color:#fafafa}.conditions-table tr:hover{background-color:#f1f1f1}.spots-container{display:flex;gap:2rem;margin-top:1rem;flex-wrap:wrap}.add-spot-form,.spots-list{flex:1;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9;padding:1rem}.add-spot-form .spot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin-top:1rem}.add-spot-form .spot-grid label{display:flex;flex-direction:column;background-color:#e9f5ff;align-items:stretch;justify-content:space-between;border:1px solid #cce0f5;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:.6rem;font-size:.85rem}.add-spot-form .editable-input,.add-spot-form select{width:100%;padding:.4rem .6rem;border:1px solid #ccc;border-radius:6px;font-size:.9rem}.add-spot-form .green-button{background-color:#28a745;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;font-size:1rem;width:100%;text-align:center}.add-spot-form .green-button:hover{background-color:#218838}.spots-list ul{list-style-type:none;padding:0;margin:0}.spots-list li{background-color:#e6f7ff;margin-bottom:.5rem;padding:.6rem;border-radius:4px;text-align:center;font-weight:500}.spots-list li:nth-child(odd){background-color:#d0f0ff}@media (max-width: 768px){.spots-container{flex-direction:column}}.add-spot-form .full-width{grid-column:span 2}.add-spot-form .editable-input{width:100%;box-sizing:border-box;padding:.4rem .6rem;border:1px solid #ccc;border-radius:6px;font-size:.9rem}.add-spot-form .coordinates-extractor{flex-grow:1;min-height:1px;resize:none;flex-direction:column;justify-content:space-between;background-color:#e9f5ff;border:9px solid #cce0f5;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:.6rem;font-size:.85rem;height:100%;box-sizing:border-box}.add-spot-form .coordinates-extractor textarea{min-height:auto;flex:1;width:100%;min-height:80px;padding:.2rem .4rem;border:1px solid #ccc;border-radius:6px;font-size:.9rem;resize:vertical;box-sizing:border-box}.add-spot-form .coordinates-extractor button{background-color:#007bff;color:#fff;border:none;padding:.4rem;border-radius:4px;cursor:pointer;font-size:.9rem}.add-spot-form .coordinates-extractor button:hover{background-color:#0056b3}.add-spot-form .coordinates-extractor button{background-color:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;margin:0 auto;display:block}.spots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-top:1rem}.spot-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fffbe6;border:1px solid #ffe58f;border-radius:8px;padding:.8rem;box-shadow:0 1px 4px #0000001a;text-align:center}.spot-info{margin-bottom:.6rem;font-size:.95rem;color:#333}.delete-button{background-color:#e57373;color:#fff;border:none;padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.9rem}.delete-button:hover{background-color:#ef9a9a}.add-spot-form .lat-lon-wrapper{display:flex;gap:1rem;grid-column:span 2}.add-spot-form .lat-lon-wrapper label{flex:1;display:flex;flex-direction:column;background-color:#e9f5ff;border:1px solid #cce0f5;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:.6rem;font-size:.85rem}.toast{position:fixed;bottom:1.5rem;right:1.5rem;background-color:#007bff;color:#fff;padding:.8rem 1.2rem;border-radius:8px;box-shadow:0 4px 8px #0003;font-size:.95rem;z-index:9999;animation:fadeInOut 3s ease forwards}@keyframes fadeInOut{0%{opacity:0;transform:translateY(20px)}10%,90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}