.top-actions{display:flex;align-items:center;gap:8px}
.planner-toggle{min-height:42px;display:flex;align-items:center;gap:7px;padding:5px 7px 5px 10px;border:1px solid #004836;border-radius:22px;background:#004836;color:white;box-shadow:0 4px 12px #00483629}
.planner-toggle-label{font-size:9px;font-weight:800;letter-spacing:-.25px;white-space:nowrap;line-height:1.08;text-align:left}
.planner-switch{width:36px;height:22px;padding:3px;border-radius:20px;background:#236d59;display:flex;align-items:center;transition:background .22s ease;box-shadow:inset 0 0 0 1px #ffffff26}
.planner-switch-dot{width:16px;height:16px;border-radius:50%;background:white;box-shadow:0 1px 4px #1c2f2740;transition:transform .22s ease}
.planner-state{font-size:8px;min-width:18px;font-weight:800;color:#fff}
.planner-toggle[aria-pressed="true"]{border-color:#003a2c;color:white;background:#003f30}
.planner-toggle[aria-pressed="true"] .planner-switch{background:#00745a}
.planner-toggle[aria-pressed="true"] .planner-switch-dot{transform:translateX(14px)}
.planner-toggle[aria-pressed="true"] .planner-state{color:#fff}
.planner-dialog{padding:0;overflow:hidden;max-height:min(88dvh,780px)}
.planner-dialog-shell{padding:24px;max-height:min(88dvh,780px);overflow-y:auto;overscroll-behavior:contain}
.planner-intro{display:flex;gap:10px;align-items:flex-start;margin:15px 0 18px;padding:12px 13px;border-radius:10px;background:#e8efe9;color:#4e655a;font-size:10px;line-height:1.7}
.planner-intro span{font-size:18px;line-height:1.2}
.planner-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.planner-field{display:flex;flex-direction:column;gap:6px}
.planner-field.full{grid-column:1/-1}
.planner-field label{font-size:9px;font-weight:700;color:#737b75}
.planner-field input,.planner-field select,.planner-field textarea{width:100%;min-height:44px;border:1px solid #dedfd8;border-radius:8px;background:#fffefa;padding:10px 11px;color:#202d35;font:inherit;font-size:12px;outline:none}
.planner-field textarea{resize:vertical;min-height:68px;line-height:1.6}
.planner-field input:focus,.planner-field select:focus,.planner-field textarea:focus{border-color:#628578;box-shadow:0 0 0 3px #62857818}
.planner-add{grid-column:1/-1;min-height:47px;border-radius:8px;background:#202d35;color:white;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:2px}
.planner-list-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:24px 0 10px;padding-top:20px;border-top:1px solid #e2e3dc}
.planner-list-head h3{font-size:15px;letter-spacing:-.5px}
.planner-list-head p{font-size:9px;color:#838883;margin-top:4px}
.planner-clear{font-size:9px;color:#8e5e55;padding:8px 0}
.planner-empty{text-align:center;padding:27px 12px;border:1px dashed #d7d9d1;border-radius:10px;color:#8b918b;font-size:10px;line-height:1.8}
.planner-day-group{margin-top:16px}
.planner-day-title{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#004836;font-size:11px;font-weight:800}
.planner-day-title:after{content:"";height:1px;background:#dfe4de;flex:1}
.planner-card{display:grid;grid-template-columns:47px 1fr auto;gap:10px;align-items:start;padding:13px 0;border-bottom:1px solid #e5e5df}
.planner-time{font-size:11px;font-weight:800;color:#202d35;padding-top:2px}
.planner-time.unscheduled{font-size:9px;color:#8a918b}
.planner-card-label{display:inline-block;font-size:8px;font-weight:700;color:#597368;background:#e7eee9;border-radius:10px;padding:3px 7px;margin-bottom:5px}
.planner-card h4{font-size:12px;margin:0;letter-spacing:-.3px}
.planner-card p{font-size:10px;line-height:1.7;color:#7c847e;margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.planner-card-actions{display:flex;align-items:center;gap:2px}
.planner-map,.planner-delete{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:14px}
.planner-map{background:#e9efe9;color:#004836}
.planner-delete{color:#9a7169}
.planner-storage-note{display:block;margin-top:17px;text-align:center;font-size:8px;color:#949a94}
.planner-page{min-height:calc(100dvh - 73px);background:linear-gradient(165deg,#00513d 0,#004836 52%,#003b2d 100%)}
.planner-content{padding-top:18px;padding-bottom:35px}
.planner-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.planner-toolbar .article-back{margin:0;color:#e8f1ec}
.planner-toolbar-state{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:800;color:#004836;border:1px solid #b9cec3;background:#f8fbf9;border-radius:20px;padding:7px 10px}
.planner-toolbar-state i{display:block;width:7px;height:7px;border-radius:50%;background:#0b8b67;box-shadow:0 0 0 3px #0b8b6718}
.planner-page-header{position:relative;min-height:215px;padding:27px 20px 25px;border:1px solid #ffffff1f;border-radius:14px;background:#003d2f;color:white;overflow:hidden;margin-bottom:14px;box-shadow:0 12px 28px #001f1838}
.planner-page-header:after{content:"";position:absolute;width:180px;height:180px;border:1px solid #ffffff20;border-radius:50%;right:-52px;top:-50px;box-shadow:0 0 0 28px #ffffff08,0 0 0 56px #ffffff05}
.planner-page-header .eyebrow{color:#a9c9ba;margin-bottom:15px}
.planner-page-header h1{position:relative;z-index:1;font-size:28px;line-height:1.35;letter-spacing:-1.4px}
.planner-page-header h1 span{color:#9bc6b1}
.planner-page-header p{position:relative;z-index:1;font-size:10px;line-height:1.8;color:#d2ddd7;margin-top:13px}
.planner-header-art{position:absolute;right:19px;bottom:20px;text-align:right;color:#ffffff15;transform:rotate(-4deg)}
.planner-header-art span{display:block;font-size:10px;letter-spacing:3px;color:#bcd2c566;margin-bottom:5px}
.planner-header-art b{font-size:45px;line-height:.82;letter-spacing:-3px}
.planner-page .planner-intro{margin-top:0}
.planner-page .planner-form{padding:18px;border-radius:14px;background:#f7f5f0;box-shadow:0 10px 26px #00291f42}
.planner-page .planner-list-head{border-top-color:#ffffff35}
.planner-page .planner-list-head h2{font-size:17px;color:white}
.planner-page .planner-list-head p{color:#c7d8d0}
.planner-page .planner-clear{color:#f5d1c7}
.planner-page .planner-empty{border-color:#ffffff55;background:#ffffff12;color:#e3eee8}
.planner-page .planner-day-title{color:#d7e8df}
.planner-page .planner-day-title:after{background:#ffffff32}
.planner-page .planner-card{border:0;border-radius:11px;background:#fffdf9;margin-bottom:8px;padding:13px 12px;box-shadow:0 5px 13px #00261d2b}
.planner-page .planner-storage-note{color:#c4d6cd}
.planner-page .route-cta{margin-top:28px;background:#fffdf9;border-color:#ffffff80}
@media(max-width:385px){.topbar{padding-left:16px;padding-right:16px}.top-actions{gap:5px}.planner-toggle{padding-left:8px;gap:5px}.planner-toggle-label{display:none}.brand{font-size:15px}.brand-mark{width:40px;height:40px}.planner-dialog-shell{padding:21px 18px}}