.tabs{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.tab{font-size:11px;padding:13px 12px;gap:8px;white-space:nowrap}.tab-number{font-size:8px}.tabs .arrow-icon{width:13px;height:13px}.nav-hint{display:none}.extras-panel>.list-heading{align-items:center}.extras-panel .list-heading p{max-width:690px}.utility-box{background:linear-gradient(145deg,#143727,#0e2a1e);border:1px solid #d9c6a422;border-radius:16px;padding:28px;min-width:0}.utility-box label{display:flex;flex-direction:column;gap:10px;font-size:8px;letter-spacing:1.3px;color:#9bb591;margin-bottom:20px}.utility-box input,.utility-box select,.utility-box textarea{width:100%;min-width:0;background:#0a2418;color:#e2eed7;border:1px solid #ffffff20;border-radius:8px;padding:13px;font-size:12px;letter-spacing:0;min-height:46px;line-height:1.6}.utility-box textarea{resize:vertical}.utility-box select option{background:#123322}.utility-box .primary-action{min-height:46px}.utility-box .small-print{margin-bottom:0}.weather-controls{display:grid;grid-template-columns:1fr 1.3fr 1.3fr 1.3fr;gap:16px}.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;margin-top:25px}.utility-empty{padding:45px 25px;background:#102e20;border:1px dashed #d9c6a430;border-radius:14px;grid-column:1/-1;text-align:center;line-height:1.8;font-size:12px;color:#9db68e}.weather-card{background:#143422;border:1px solid #d9c6a426;border-radius:15px;overflow:hidden;animation:panel-enter .5s both}.weather-card-head{padding:24px;background:linear-gradient(130deg,#235031,#163b26)}.weather-card-head .weather-glyph{font-size:32px;display:block;margin-bottom:20px}.weather-card h3{font-size:25px;margin:6px 0;color:#e5f3d7}.weather-card-head small{font-size:8px;letter-spacing:1.2px;color:#9eba91}.weather-card-body{padding:22px}.weather-card-body>p{font-size:11px;color:#a2bb92;margin:0 0 19px}.weather-temperature{font:600 57px 'Barlow Condensed',sans-serif;color:#c6f393;letter-spacing:-1px}.weather-temperature>span{font-size:28px;color:#789b6c}.weather-facts{margin:20px 0;display:grid;gap:12px}.weather-facts>div{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff10;padding-bottom:10px;font-size:10px;color:#a0bc8d}.weather-facts b{font-weight:500;color:#e2edda}.weather-card button{width:100%}.weather-error{color:#b4c89d;font-size:12px;line-height:1.8;padding:22px}.planner-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:25px;align-items:start}.outing-list{display:grid;gap:17px}.outing-card{border:1px solid #d9c6a422;background:#112f20;padding:23px;border-radius:14px;display:grid;grid-template-columns:62px 1fr;gap:18px}.outing-date{background:#d9c6a415;border-radius:9px;padding:13px 8px;align-self:start;text-align:center}.outing-date strong{font:34px 'Barlow Condensed',sans-serif;display:block;color:#d9c6a4}.outing-date span{font-size:8px;color:#a5c58e;text-transform:uppercase}.outing-content h3{font-size:22px;letter-spacing:-.7px;margin:2px 0 9px}.outing-content>small{font-size:9px;color:#8eaa7c}.outing-content>p{font-size:11px;color:#a5bc96;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;margin:15px 0}.outing-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.outing-actions button{font-size:8px;padding:10px 12px;min-height:36px}.outing-delete{background:none;border:0;color:#87a576;font-size:8px;padding:10px}.packing-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:25px;align-items:start}.packing-meter{margin:27px 0}.packing-meter progress{width:100%;height:9px;accent-color:#d9c6a4;display:block;margin-bottom:13px;border:0;border-radius:10px;overflow:hidden;background:#ffffff10}.packing-meter progress::-webkit-progress-bar{background:#ffffff10;border-radius:10px}.packing-meter progress::-webkit-progress-value{background:#d9c6a4;border-radius:10px;transition:width .35s}.packing-meter>span{font-size:11px;color:#b9d2a2}.packing-items{display:grid;gap:0}.packing-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #ffffff0e;padding:14px 0;min-height:49px}.packing-row label{display:flex;flex-direction:row;align-items:center;gap:13px;flex:1;margin:0;letter-spacing:0;font-size:12px;color:#d3e2c6;cursor:pointer}.packing-row input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:0 0 20px;width:20px;height:20px;min-height:20px;border:1px solid #d9c6a455;border-radius:5px;padding:0;background:none;display:grid;place-items:center;cursor:pointer}.packing-row input:checked{background:#d9c6a4;color:#0d2719}.packing-row input:checked:after{content:'✓';font:13px Arial}.packing-row:has(input:checked) label span{text-decoration:line-through;color:#709464}.packing-row button{border:0;background:none;color:#799868;font-size:15px;padding:4px 8px}.packing-add{display:flex;gap:10px;margin-top:25px}.packing-add input{flex:1}.packing-add .primary-action{font-size:24px;padding:8px 17px}.extras-panel{padding-bottom:15px}.extras-panel button:disabled{opacity:.55;cursor:wait}.utility-box .secondary-action{width:100%}
@media(max-width:1200px){.tabs{grid-template-columns:repeat(7,minmax(145px,1fr));overflow-x:auto;scrollbar-width:thin;scrollbar-color:#48723a transparent;scroll-snap-type:x proximity}.tab{scroll-snap-align:start}.nav-hint{display:block;text-align:right;margin:-35px 4px 28px;font-size:8px;letter-spacing:.7px;color:#719969}.weather-controls{grid-template-columns:1fr 1fr}.compare-grid{gap:15px}.app-shell[data-view]:not([data-view="entdecken"]) .nav-hint{margin-top:-20px}}
@media(max-width:760px){.tabs{margin-bottom:30px;grid-template-columns:repeat(7,minmax(138px,1fr))}.tab{font-size:11px;padding:12px;min-height:47px}.tab-number{display:inline;font-size:8px}.tabs .arrow-icon{width:12px;height:12px}.nav-hint{margin:-17px 0 30px;font-size:7px}.app-shell[data-view]:not([data-view="entdecken"]) .tabs{margin-bottom:29px}.app-shell[data-view]:not([data-view="entdecken"]) .nav-hint{margin-top:-16px}.extras-panel .list-heading{align-items:flex-start}.extras-panel .list-heading h2{font-size:35px}.utility-box{padding:21px;border-radius:12px}.weather-controls{grid-template-columns:1fr;gap:0}.compare-grid{grid-template-columns:1fr}.weather-card-head{padding:20px}.weather-card-head .weather-glyph{float:right;margin:0}.weather-card h3{font-size:23px}.weather-temperature{font-size:49px}.weather-card-body{padding:20px}.planner-grid,.packing-layout{grid-template-columns:1fr;gap:20px}.outing-card{padding:18px;grid-template-columns:52px 1fr;gap:14px}.outing-content h3{font-size:20px}.packing-intro .small-print{font-size:8px}.packing-intro label{margin-bottom:0}.packing-meter{margin:22px 0}.packing-row label{font-size:11px}.packing-add input{font-size:10px}.extras-panel .pill{font-size:7px;white-space:nowrap}}