:root{font-family:system-ui,sans-serif;color:#18212c;background:#fff;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:1060px;margin:auto;padding:24px}h1{font-size:1.6rem}h2{font-size:1.2rem;margin:24px 0 12px}header,.row,nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}header{justify-content:space-between}nav{border-bottom:1px solid #d6dce2;padding-bottom:14px}button,input,textarea,select{font:inherit;padding:9px;border:1px solid #bac3cd;border-radius:5px;background:white;color:inherit}button{cursor:pointer}button:hover,button[aria-current=true]{background:#e8f1ff;border-color:#2766ae}button:disabled{opacity:.55;cursor:wait}label{display:block;margin:12px 0}label input,label textarea{display:block;margin-top:5px}textarea{width:100%;resize:vertical}input,select{max-width:100%}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #68a9ff;outline-offset:2px}.panel,article{border:1px solid #d6dce2;border-radius:6px;padding:16px;margin:16px 0}.muted,small{color:#526071}table{width:100%;border-collapse:collapse;font-size:.9rem}td,th{text-align:left;padding:9px 6px;border-bottom:1px solid #e2e7ec}th{font-weight:600}table input{width:90px;min-width:70px}table input[data-k=name]{width:160px}.scroll{overflow:auto}#message:not(:empty){background:#eef4fc;padding:12px}svg{width:100%;height:auto}details{margin:12px 0}.goal{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}.goal strong{width:150px}.goal input{width:120px}[hidden]{display:none!important}@media(max-width:600px){main{padding:14px}.row{align-items:flex-end}h1{font-size:1.35rem}.panel{padding:10px}button{min-height:44px}.row label{max-width:46%}table{font-size:.875rem}}
main.plate-open{max-width:1600px}#workspace{display:block}#workspace.with-plate{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}#diaryMain{min-width:0}#platePanel{min-width:0;border-left:1px solid #d6dce2;padding-left:20px}#platePanel>.row{justify-content:space-between}#platePanel h2{margin:20px 0}.plate-layout{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:center}.plate-periods{display:flex;flex-direction:column;gap:14px}.plate-periods button{min-height:52px}.plate-periods label{font-size:.8rem;margin:0}.plate-periods input{width:100%;font-size:.8rem;padding:5px}#plateDiagram svg{display:block;font-size:14px;fill:#253129}.plate-label{font-size:13px;font-weight:600}.plate-small{font-size:11px}#plateStatus{font-size:.9rem}#plateDetails li{margin:8px 0}#platePanel .muted{font-size:.85rem;line-height:1.5}@media(max-width:1150px) and (min-width:761px){.plate-layout{grid-template-columns:1fr}.plate-periods{flex-direction:row;gap:6px;flex-wrap:wrap}.plate-periods button{font-size:.8rem;min-height:40px}.plate-periods label{max-width:150px}}@media(max-width:760px){#workspace.with-plate{display:flex;flex-direction:column}#platePanel{order:-1;border-left:0;border-bottom:1px solid #d6dce2;padding:0 0 16px}.plate-layout{grid-template-columns:90px minmax(0,1fr);gap:6px}.plate-periods{gap:8px}.plate-periods button{font-size:.8rem;padding:6px;min-height:44px}}@media(max-width:430px){.plate-layout{grid-template-columns:1fr}.plate-periods{flex-direction:row;flex-wrap:wrap}.plate-periods label{max-width:140px}}
@media(min-width:761px){
  body:has(main.plate-open){overflow:hidden}
  main.plate-open{height:100dvh;display:flex;flex-direction:column;overflow:hidden}
  main.plate-open>header,main.plate-open>#message{flex-shrink:0}
  main.plate-open>#app{flex:1;min-height:0;display:flex;flex-direction:column}
  main.plate-open>#app>nav{flex-shrink:0}
  main.plate-open #workspace.with-plate{flex:1;min-height:0;overflow:hidden}
  main.plate-open #diaryMain,main.plate-open #platePanel{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding-right:10px}
}