.section{padding:1.25rem 0}@media (min-width:768px){.section{padding:2rem 0}}.planner-form-container{max-width:900px;margin:0 auto}.planner-form-card{background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:1.25rem;padding:1rem}@media (min-width:640px){.planner-form-card{margin-bottom:1.5rem;padding:1.25rem}}.planner-form-grid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (min-width:480px){.planner-form-grid{grid-template-columns:1fr 1fr;gap:1rem}}.planner-form-field{margin-top:1rem}.planner-form-field:first-child{margin-top:0}.planner-form-label{color:#333;margin-bottom:.375rem;font-size:.8125rem;font-weight:500;display:block}.planner-form-input,.planner-form-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.5rem .75rem;font-size:.875rem}.planner-form-select:disabled{opacity:.5}.planner-form-actions{gap:.75rem;margin-top:1.25rem;display:flex}.planner-form-actions .btn{flex:1}.planner-error{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;margin-top:1rem;padding:.75rem;font-size:.875rem}.planner-results{margin-bottom:1.5rem}.planner-results-count{color:#666;margin-bottom:.75rem;font-size:.8125rem}.planner-results-list{flex-direction:column;gap:.5rem;display:flex}.planner-result-card{cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:6px;justify-content:space-between;align-items:center;padding:.875rem 1rem;transition:border-color .15s;display:flex}.planner-result-card:hover{border-color:#999}.planner-result-title{font-size:.9375rem;font-weight:500}.planner-result-meta{color:#666;font-size:.8125rem}.planner-result-arrow{color:#666;font-size:.875rem}.planner-results-alt{color:#888;margin-top:1rem;font-size:.8125rem}.planner-results-alt button{color:#2563eb;cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.planner-no-results{background:#fffbeb;border:1px solid #fcd34d;border-radius:6px;margin-bottom:1.5rem;padding:1rem}.planner-no-results p{color:#92400e;margin:0;font-size:.875rem}.planner-sailing-found{margin-bottom:1.5rem}.planner-sailing-card{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;margin-bottom:1rem;padding:1rem 1.25rem}.planner-sailing-card h3{color:#166534;margin:0 0 .25rem;font-size:1.125rem}.planner-sailing-card p{color:#15803d;margin:0;font-size:.875rem}.planner-sailing-date{font-weight:500;margin-top:.25rem!important}.planner-sailing-message{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;margin-bottom:1rem;padding:1rem 1.25rem}.planner-sailing-message p{color:#92400e;margin:0 0 .25rem;font-size:.875rem}.planner-sailing-message p:last-child{margin-bottom:0}.planner-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.planner-modal{background-color:#fff;border-radius:8px;width:100%;max-width:600px;max-height:80vh;padding:1.5rem;overflow:auto}.planner-modal-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.planner-modal-subtitle{color:#666;margin:0 0 1.5rem;font-size:.875rem}.planner-modal-options{flex-direction:column;gap:.75rem;display:flex}.planner-modal-option{cursor:pointer;text-align:left;background-color:#fff;border:2px solid #e5e5e5;border-radius:6px;padding:1rem;transition:all .15s}.planner-modal-option:hover{background-color:#f0f9ff;border-color:#2563eb}.planner-modal-option-header{justify-content:space-between;margin-bottom:.5rem;display:flex}.planner-modal-option-route{font-size:.9375rem;font-weight:600}.planner-modal-option-duration{color:#666;font-size:.875rem;font-weight:500}.planner-modal-option-date{color:#666;font-size:.8125rem}.planner-modal-option-title{color:#888;margin-top:.25rem;font-size:.75rem}.planner-modal-actions{justify-content:flex-end;margin-top:1.5rem;display:flex}.planner-modal-cancel{cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.5rem 1rem;font-size:.875rem}.planner-modal-cancel:hover{background-color:#f9fafb}.planner-tiles{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}@media (max-width:640px){.planner-tiles{grid-template-columns:1fr}}.planner-tile{cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:1rem;width:100%;padding:1.25rem;font-family:inherit;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.planner-tile--saved{background:#f0fdf4;border:2px solid #86efac}.planner-tile--saved:hover{border-color:#22c55e;box-shadow:0 2px 8px #22c55e26}.planner-tile--new{background:#fafafa;border:2px dashed #d1d5db}.planner-tile--new:hover{background:#f5f5f5;border-color:#9ca3af}.planner-tile__icon{color:#2c344c;flex-shrink:0}.planner-tile--new .planner-tile__icon{color:#9ca3af}.planner-tile__content{flex:1;min-width:0}.planner-tile__title{color:#111;margin:0;font-size:.9375rem;font-weight:600}.planner-tile__ship{color:#333;margin:.25rem 0 0;font-size:.875rem;font-weight:500}.planner-tile__meta{color:#666;margin:.125rem 0 0;font-size:.8125rem}.planner-tile__arrow{color:#22c55e;flex-shrink:0;margin-right:1.5rem;font-size:1.25rem}.planner-tile__remove{cursor:pointer;color:#999;background:0 0;border:none;border-radius:4px;padding:.25rem;line-height:1;position:absolute;top:.5rem;right:.5rem}.planner-tile__remove:hover{color:#dc2626;background:#dc262614}.pn-hero-badge{color:#ffffffe6;background:#ffffff26;border:1px solid #ffffff40;border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.35rem 1rem;font-size:.85rem;display:inline-flex}.pn-how-it-works{border-top:1px solid #e5e5e5;margin-top:2.5rem;padding-top:2rem}.pn-how-it-works h3{color:var(--text-primary,#1a1a2e);margin-bottom:1.5rem;font-size:1.25rem}.pn-steps{flex-direction:column;gap:1rem;display:flex}@media (min-width:640px){.pn-steps{flex-direction:row;gap:1.5rem}}.pn-step{flex:1;align-items:flex-start;gap:1rem;display:flex}.pn-step__number{background:var(--primary,#2c344c);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.9rem;font-weight:700;display:flex}.pn-step__content strong{color:var(--text-primary,#1a1a2e);margin-bottom:.25rem;display:block}.pn-step__content p{color:var(--text-secondary,#666);margin:0;font-size:.9rem;line-height:1.4}.pn-features-brief{border-top:1px solid #e5e5e5;margin-top:2rem;padding-top:2rem}.pn-features-brief h3{color:var(--text-primary,#1a1a2e);margin-bottom:1.5rem;font-size:1.25rem}.pn-feature-item{align-items:flex-start;gap:.75rem;display:flex}.pn-feature-item>svg{color:var(--primary,#2c344c);flex-shrink:0;margin-top:.15rem}.pn-feature-item strong{color:var(--text-primary,#1a1a2e);margin-bottom:.15rem;font-size:.95rem;display:block}.pn-feature-item p{color:var(--text-secondary,#666);margin:0;font-size:.85rem;line-height:1.4}.pn-coming-soon{text-align:center;color:var(--text-secondary,#888);border-top:1px solid #e5e5e5;margin-top:1rem;padding:.5rem 1rem;font-size:.8125rem;font-style:italic}.pn-browse-alt{text-align:center;border-top:1px solid #e5e5e5;margin-top:2rem;padding-top:1.5rem}.pn-browse-alt p{color:var(--text-secondary,#666);font-size:.95rem}.pn-browse-alt a{color:var(--primary,#2c344c);align-items:center;gap:.25rem;font-weight:600;text-decoration:none;display:inline-flex}.pn-browse-alt a:hover{text-decoration:underline}.pn-features-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.pn-features-grid{grid-template-columns:1fr 1fr;gap:1.25rem}}