#owd-planner{--ink:#25213e;--purple:#543b81;--paper:#f7f5f0;--yellow:#f5d95b;--line:#dedbe5;--muted:#656174;--green:#256846;--red:#9c3040;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.5}
#owd-planner *{box-sizing:border-box}
#owd-planner button,#owd-planner input,#owd-planner textarea,#owd-planner select{font:inherit}
#owd-planner button,#owd-planner a,#owd-planner input,#owd-planner textarea,#owd-planner select{touch-action:manipulation}
#owd-planner button{cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:.55rem .8rem;background:white;color:var(--ink);font-weight:600}
#owd-planner button:hover{border-color:var(--purple);background:#f4effa}
#owd-planner button:disabled{opacity:.5;cursor:default}
#owd-planner .primary{background:var(--purple);color:white;border-color:var(--purple)}
#owd-planner .primary:hover{background:#422c6c}
#owd-planner a{color:var(--purple)}
#owd-planner input,#owd-planner textarea,#owd-planner select{width:100%;padding:.55rem;border:1px solid #c4bfce;border-radius:6px;background:#fff;color:var(--ink)}
#owd-planner textarea{resize:vertical}
#owd-planner label{display:block;font-size:.87rem;font-weight:600}
#owd-planner label input,#owd-planner label select,#owd-planner label textarea{margin-top:.3rem;font-weight:400}
#owd-planner button:focus-visible,#owd-planner a:focus-visible,#owd-planner input:focus-visible,#owd-planner select:focus-visible,#owd-planner textarea:focus-visible,#owd-planner summary:focus-visible{outline:3px solid #9b73ce;outline-offset:3px}
#owd-planner [hidden]{display:none!important}
#owd-planner{max-width:1380px;margin:auto;padding:1.5rem 1.25rem}
#owd-planner h1{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.04em;margin:.3rem 0 .7rem;line-height:1.13}
#owd-planner h2{font-size:1.2rem;margin:.4rem 0}
#owd-planner h3{margin:.1rem 0;font-size:1.1rem}
#owd-planner p{margin:.5rem 0}
#owd-planner .hero{max-width:790px;margin:.5rem 0 1.5rem}
#owd-planner .hero>p:last-child{color:var(--muted);font-size:1.06rem}
#owd-planner .eyebrow{font-size:.73rem;font-weight:750;letter-spacing:.13em;color:var(--purple)}
#owd-planner .account{border:1px solid var(--line);background:white;padding:.8rem 1rem;border-radius:10px;display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;font-size:.9rem}
#owd-planner .account .grow{flex:1}
#owd-planner .scenario{margin:1.2rem 0;background:#ece6f5;border:1px solid #d9cee7;border-radius:12px;padding:1.25rem;display:grid;grid-template-columns:1fr 210px;gap:2rem}
#owd-planner .scenario p{max-width:790px}
#owd-planner .badge{font-size:.75rem;font-weight:700;border-radius:5px;background:var(--yellow);padding:.2rem .5rem}
#owd-planner .scenario dl{margin:0;display:grid;align-content:center;gap:.6rem}
#owd-planner .scenario dl div{border-bottom:1px solid #d5cae2;padding-bottom:.4rem}
#owd-planner dt{font-size:.75rem;color:var(--muted)}
#owd-planner dd{margin:0;font-weight:650}
#owd-planner .plan-toolbar{display:flex;flex-wrap:wrap;gap:.8rem;align-items:end;background:white;border:1px solid var(--line);padding:1rem;border-radius:10px}
#owd-planner .title-label{flex:1;min-width:240px}
#owd-planner .actions{display:flex;gap:.5rem;flex-wrap:wrap}
#owd-planner #save-state{width:100%;font-size:.86rem;margin:0;color:var(--muted)}
#owd-planner #save-state.error{color:var(--red)}
#owd-planner .notice{margin:1rem 0;padding:1rem;background:#fff3cd;border:1px solid #e2cb79;border-radius:8px}
#owd-planner .notice .actions{margin-top:.6rem}
#owd-planner .saved-plans{background:white;padding:.8rem 1rem;border:1px solid var(--line);border-radius:8px;margin:.8rem 0}
#owd-planner summary{cursor:pointer;font-weight:600}
#owd-planner #plans{display:flex;gap:.5rem;flex-wrap:wrap;padding:.7rem 0}
#owd-planner #plans button{text-align:left;font-size:.86rem}
#owd-planner #plans small{display:block;color:var(--muted);font-weight:400}
#owd-planner .course-notes{margin:1rem 0 1.4rem}
#owd-planner .planner-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:1.25rem;align-items:start}
#owd-planner .inventory{background:white;border:1px solid var(--line);border-radius:10px;padding:1rem;position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto}
#owd-planner .inventory>p{font-size:.85rem;color:var(--muted)}
#owd-planner .inventory label{margin:.6rem 0}
#owd-planner #catalog h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:1rem 0 .4rem}
#owd-planner .catalog-card{display:flex;align-items:center;gap:.4rem;border-top:1px solid #f0edf3;padding:.5rem 0;font-size:.85rem}
#owd-planner .catalog-card span{flex:1}
#owd-planner .catalog-card button{padding:.2rem .6rem;font-size:1.15rem}
#owd-planner .overview{display:flex;gap:.5rem;flex-wrap:wrap;font-size:.83rem;margin:0 0 .7rem}
#owd-planner .overview span{padding:.3rem .65rem;background:#e8e5ed;border-radius:20px}
#owd-planner .day{margin-bottom:1.3rem}
#owd-planner .day-header{display:flex;align-items:center;gap:.8rem;margin:.6rem 0}
#owd-planner .day-number{background:var(--ink);color:white;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-weight:750}
#owd-planner .day-prep{background:#edeaf1;padding:.8rem;border-radius:8px;margin-bottom:.7rem}
#owd-planner .session{border:1px solid var(--line);border-radius:10px;background:white;margin:.6rem 0;padding:1rem}
#owd-planner .session.selected{border-color:var(--purple);box-shadow:0 0 0 1px var(--purple)}
#owd-planner .session-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}
#owd-planner .session-top button{font-size:.8rem}
#owd-planner .session-fields{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:.65rem;margin:.8rem 0}
#owd-planner .empty{padding:.75rem;color:var(--muted);background:#f9f7fc;border:1px dashed var(--line);border-radius:7px;font-size:.9rem}
#owd-planner .placed-card{border:1px solid var(--line);border-radius:8px;padding:.65rem;margin:.5rem 0;background:#fcfbfe}
#owd-planner .card-title{font-size:.9rem;display:flex;align-items:center;gap:.5rem}
#owd-planner .card-title strong{flex:1}
#owd-planner .card-title button{padding:.15rem .4rem;font-size:.8rem}
#owd-planner .placed-card details{font-size:.82rem;margin-top:.35rem}
#owd-planner .placed-card summary{font-weight:400;color:var(--muted)}
#owd-planner .card-fields{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:.6rem 0}
#owd-planner .placed-card .routine{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:400}
#owd-planner .routine input{width:auto;margin:0}
#owd-planner .inherited{font-size:.78rem;color:var(--muted);margin:.7rem 0}
#owd-planner .footnote{font-size:.82rem;color:var(--muted)}
#owd-planner .footnote{margin:1.5rem 0}
@media(max-width:850px){#owd-planner .planner-layout{grid-template-columns:220px minmax(0,1fr)}
#owd-planner .session-fields{grid-template-columns:1fr 1fr}
#owd-planner .scenario{grid-template-columns:1fr;gap:.5rem}
#owd-planner .scenario dl{display:flex;gap:2rem}}
@media(max-width:620px){#owd-planner{padding:1rem}
#owd-planner .planner-layout{display:flex;flex-direction:column}
#owd-planner .inventory{position:static;width:100%;max-height:340px}
#owd-planner .timeline{width:100%}
#owd-planner .card-fields{grid-template-columns:1fr}
#owd-planner .actions button{flex:1}
#owd-planner .scenario dl{gap:1rem;font-size:.83rem}
#owd-planner .session{padding:.75rem}
#owd-planner .session-top{gap:.4rem}
#owd-planner .plan-toolbar{align-items:stretch}
#owd-planner .title-label{min-width:100%}}
@media print{#owd-planner .inventory,#owd-planner .account,#owd-planner .actions,#owd-planner #plans-box,#owd-planner .session-top button,#owd-planner .card-title button{display:none!important}
#owd-planner .planner-layout{display:block}
#owd-planner .session{break-inside:avoid}
#owd-planner .scenario{background:white}}
#owd-planner .inventory-tabs{display:flex;gap:.4rem;position:sticky;top:0;background:white;padding:.5rem 0;z-index:1}
#owd-planner .inventory-tabs button{flex:1}
#owd-planner .inventory-tabs [aria-pressed=true]{background:var(--purple);color:white}
#owd-planner .catalog-card[draggable=true],#owd-planner .drag-handle{cursor:grab}
#owd-planner .placed-card[draggable=true]{cursor:grab}
#owd-planner .placed-card input,#owd-planner .placed-card textarea,#owd-planner .placed-card select{cursor:auto}
#owd-planner .drop-target{outline:3px dashed var(--purple);background:#f1eafb}
#owd-planner .card-placement{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin:.4rem 0;font-size:.77rem;color:var(--muted)}
#owd-planner .card-placement label{display:flex;align-items:center;gap:.4rem;font-size:.77rem}
#owd-planner .card-placement select{width:auto;margin:0;font-size:.77rem;padding:.2rem}
#owd-planner .theory-check{display:flex;align-items:center;gap:.5rem;background:#f6f1d6;border-radius:6px;padding:.7rem;margin:.7rem 0;font-size:.9rem}
#owd-planner .theory-check input{width:auto;margin:0}
#owd-planner .day-prep>summary{font-size:.86rem}
#owd-planner .day-prep textarea{margin-bottom:.5rem}
@media(max-width:620px){#owd-planner .card-placement{align-items:start;flex-direction:column}
#owd-planner .card-title button{min-width:28px;min-height:28px}}#owd-planner .scenario-picker{display:flex;align-items:end;gap:1rem;flex-wrap:wrap;margin:1.2rem 0}#owd-planner .scenario-picker label{flex:1;min-width:200px}#owd-planner .start-help{flex-basis:100%;padding:1rem;background:#fff7d6;border-left:4px solid #d6aa00;margin:0 0 .7rem}#owd-planner .conditions{margin:1rem 0;padding:1rem;background:#f5f3fa;border-radius:8px}#owd-planner .conditions input,#owd-planner .theory-check input{width:auto}#owd-planner .standards-panel{border:2px solid #44345d;border-radius:10px;padding:1rem;margin:1rem 0}#owd-planner .findings{max-height:420px;overflow:auto}#owd-planner .finding{margin:.6rem 0;padding:.7rem;border-left:4px solid #ba6810;background:#fff8eb}#owd-planner .finding.change{border-color:#a33145;background:#fff2f4}#owd-planner .finding small{display:block;margin:.8rem 0}#owd-planner .finding summary{white-space:normal;overflow-wrap:anywhere}#owd-planner .skill-depth{margin:.5rem 0}#owd-planner .unit-help{font-size:.9rem}#owd-planner .day-header{flex-wrap:wrap}#owd-planner .session-top{flex-wrap:wrap}#owd-planner .conditions label{display:block}#owd-planner .conditions input{display:inline-block;margin-right:.5rem}
#owd-planner .card-title strong{min-width:0;overflow-wrap:anywhere}#owd-planner .card-title button,#owd-planner .drag-handle{flex-shrink:0}

#owd-planner .phase-land{--phase:#94836d;--tint:#f5f2ed}#owd-planner .phase-surface{--phase:#409285;--tint:#eef7f4}#owd-planner .phase-cw{--phase:#5d8daf;--tint:#eef4fa}#owd-planner .phase-ow{--phase:#8871ab;--tint:#f3eff8}
#owd-planner .catalog-card,#owd-planner .placed-card{border-left:3px solid var(--phase);background:var(--tint);padding-left:.6rem}#owd-planner .phase-legend{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0;font-size:.85rem}#owd-planner .phase-legend span{border-left:3px solid var(--phase);background:var(--tint);padding:.25rem .7rem}#owd-planner .unit-count{max-width:5rem}#owd-planner .export-toolbar{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin:1rem 0;padding:1rem;background:white;border:1px solid var(--line);border-radius:10px}#owd-planner .export-toolbar p{flex-basis:100%;font-size:.82rem;color:var(--muted)}#owd-planner .print-note-choice input{width:auto}#owd-planner .session-fields{grid-template-columns:repeat(3,minmax(0,1fr))}#owd-planner .session-fields label{min-width:0}@media(max-width:620px){#owd-planner .session-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}

#owd-planner #custom-controls{display:flex;gap:1rem;align-items:center;justify-content:space-between;background:#ece6f5;border:1px solid #d9cee7;border-radius:8px;padding:.8rem 1rem;margin:.8rem 0 1rem;flex-wrap:wrap}#owd-planner #custom-controls p{flex:1;min-width:180px;font-size:.87rem}#owd-planner #add-day{white-space:nowrap;background:var(--purple);color:white}#owd-planner #inventory.drop-target{outline:3px dashed var(--purple);outline-offset:2px}#owd-planner [data-repeat]{font-size:.8rem;margin:.5rem 0}

#owd-planner .group-note{display:block;font-size:.78rem;color:#665d70;flex-basis:100%;margin-top:.6rem}#owd-planner .scenario{grid-template-columns:1fr;gap:1rem}#owd-planner .scenario dl{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}#owd-planner .scenario dd{display:flex;gap:.6rem;align-items:center}#owd-planner .scenario dd label{flex:1}#owd-planner .scenario select{min-width:4rem}

@media(max-width:600px){#owd-planner .scenario dl{grid-template-columns:1fr}#owd-planner .scenario dd label{max-width:220px}}

#owd-planner #plans .plan-item{display:flex;gap:.25rem;align-items:stretch}
#owd-planner #plans .plan-delete{font-size:.8rem;color:#a33145}
