:root{color-scheme:light}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:#f5f5f7}a{color:inherit}.appRoot{display:flex;justify-content:center}.appViewport{width:100%;max-width:520px;min-height:100vh;background:#fff;display:flex;flex-direction:column}.appMain{flex:1;padding-bottom:calc(64px + env(safe-area-inset-bottom))}.screen{display:flex;flex-direction:column;min-height:calc(100vh - 64px)}.appBar{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #e6e6e6;height:52px;display:grid;grid-template-columns:56px 1fr 56px;align-items:center;padding:0 8px}.appBarLeft,.appBarRight{display:flex;align-items:center;justify-content:flex-start}.appBarRight{justify-content:flex-end}.appBarTitle{font-weight:600;font-size:14px;text-align:center;padding:0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appBarActions{display:flex;gap:6px}.appBarSpacer{width:40px;height:40px}.screenBody{padding:12px 12px 18px;display:flex;flex-direction:column;gap:12px}.bottomNav{position:sticky;bottom:0;z-index:10;border-top:1px solid #e6e6e6;background:#fff;display:flex;justify-content:space-around;padding:6px 6px calc(6px + env(safe-area-inset-bottom))}.bottomNavItem{text-decoration:none;color:#444;width:20%;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;border-radius:10px}.bottomNavItem.active{background:#f2f2f2;color:#111}.bottomNavIcon{font-size:18px;line-height:18px}.bottomNavLabel{font-size:11px;line-height:12px}.section{display:flex;flex-direction:column;gap:8px}.sectionHeader{display:flex;align-items:center;justify-content:space-between;gap:8px}.sectionTitle{font-weight:600;font-size:13px;color:#111}.sectionActions{display:flex;gap:8px}.sectionBody{display:flex;flex-direction:column;gap:8px}.card{border:1px solid #e6e6e6;border-radius:12px;padding:12px;background:#fff}.cardClickable{width:100%;text-align:left;cursor:pointer}.cardTitle{font-weight:600;font-size:14px;color:#111;margin-bottom:4px}.cardSubtitle{font-size:12px;color:#555}.cardMeta{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.pill{border:1px solid #e6e6e6;background:#f7f7f7;border-radius:999px;padding:4px 8px;font-size:11px;color:#333}.bannerError{border:1px solid #f2c2c2;background:#fff0f0;border-radius:12px;padding:10px 12px;color:#8a1c1c;font-size:12px}.muted{color:#666;font-size:12px}.toolbar{display:flex;gap:8px;align-items:center}.button{border:1px solid #dadada;background:#111;color:#fff;border-radius:12px;padding:10px 12px;font-size:13px;cursor:pointer}.button-secondary{background:#fff;color:#111}.button-danger{background:#8a1c1c;border-color:#8a1c1c;color:#fff}.button-ghost{background:transparent;border-color:transparent;color:#111;padding:8px 10px}.button:disabled{opacity:.6;cursor:not-allowed}.iconButton{width:40px;height:40px;border:1px solid transparent;background:transparent;border-radius:10px;cursor:pointer}.iconButton:active{background:#f2f2f2}.linkButton{border:none;background:none;padding:0;color:#2b59c3;font-size:13px;cursor:pointer}.form{display:flex;flex-direction:column;gap:12px}.formField{display:flex;flex-direction:column;gap:6px}.formFieldLabel{font-size:12px;color:#333;font-weight:600}.formFieldControl{display:flex}.textInput,.textArea,.select{width:100%;border:1px solid #dadada;border-radius:12px;padding:10px 12px;font-size:14px;outline:none}.textArea{resize:vertical}.formActions{display:flex;gap:10px;flex-wrap:wrap}.divider{height:1px;background:#ededed;margin:10px 0}.spacer{height:8px}.cardRow{display:flex;justify-content:space-between;gap:10px}.cardRowLeft{flex:1}.cardRowRight{display:flex;align-items:center}.cardLabel{font-size:11px;color:#666;margin-bottom:4px}.cardValue{font-size:13px;color:#111}.cardMetaGrid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 420px){.cardMetaGrid{grid-template-columns:1fr 1fr}}.errorBox{border:1px solid #ffdddd;background:#fff5f5;color:#7a1f1f;padding:10px;border-radius:10px;margin:10px 0;font-size:13px}.list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.listRow{width:100%;text-align:left;border:1px solid #e6e6e6;background:#fff;border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.listRowTitle{font-size:13px;font-weight:600;color:#111}.listRowSubtle{font-size:12px;color:#666;margin-top:2px}.listRowRight{font-size:12px;color:#666;white-space:nowrap}.nodeActions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.nodeSubsectionTitle{font-size:12px;font-weight:600;color:#333;margin-top:10px}.nodeChildren{margin-top:8px;display:flex;flex-direction:column;gap:10px}.pillWrap{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.formDivider{height:1px;background:#efefef;margin:12px 0}.checkboxList{margin-top:10px;display:flex;flex-direction:column;gap:10px}.checkboxRow{display:flex;gap:10px;align-items:flex-start}.checkboxRow input[type=checkbox]{margin-top:3px}.checkboxText{display:flex;flex-direction:column;gap:2px}.checkboxTitle{font-size:13px;font-weight:600;color:#111}.checkboxSubtle{font-size:12px;color:#666}