.of-app{background:var(--color-bg);min-height:100vh;font-family:var(--font-body);color:var(--color-text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:15px;line-height:1.4;display:flex}.of-side{background:var(--color-bg);width:212px;min-width:212px;color:var(--color-text);z-index:40;flex-direction:column;min-height:100vh;max-height:100vh;padding:20px 12px 16px;transition:width .16s,min-width .16s;display:flex;position:sticky;top:0;overflow:visible auto}.of-side-narrow{width:56px;min-width:56px;padding:20px 10px 16px}.of-navitem{transition:background .15s,color .15s}.of-navitem:hover{color:var(--color-accent-700)}.of-navitem[aria-disabled=true]{color:var(--color-neutral-600);cursor:default}.of-navitem[aria-disabled=true]:hover{color:var(--color-neutral-600);background:0 0}.of-main{background:var(--color-bg);flex:1;min-width:0}.of-screen{max-width:1180px;padding:0 40px 60px}.of-header{margin:0 -40px;padding:0 40px}.of-topbar{display:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible,[role=button]:focus-visible{outline:2px solid var(--color-accent)!important;outline-offset:2px!important}.of-card,.of-row{overflow-wrap:anywhere}.of-btn{transition:opacity .12s,border-color .12s}.of-btn:hover{opacity:.88}.of-btn:disabled{opacity:.5;cursor:default}.of-sheet-backdrop{background:color-mix(in srgb, var(--color-neutral-900) 55%, transparent)}.of-row{border-top:1px solid var(--color-divider);align-items:center;gap:12px;display:flex}.of-rowlist>.of-row:last-child{border-bottom:1px solid var(--color-divider)}.of-chiprow{gap:8px;display:flex}@media (width<=1199px){.of-grid2{grid-template-columns:minmax(0,1fr)}.of-fieldrow{display:block!important}.of-fieldrow>.of-fieldlabel{font-size:10px;display:block;width:auto!important;padding:0 0 4px!important}.of-fieldrow+.of-fieldrow{margin-top:12px}}@media (width<=899px){.of-topbar{background:var(--color-bg);color:var(--color-text);height:52px;min-height:52px;padding:0 16px;padding-top:env(safe-area-inset-top);box-sizing:content-box;border-bottom:1px solid var(--color-divider);z-index:45;align-items:center;gap:12px;display:flex;position:sticky;top:0}.of-side{display:none}.of-screen{padding:18px 16px 0;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.of-grid2{grid-template-columns:minmax(0,1fr)}.of-header{flex-wrap:wrap;margin:0 -16px;padding:6px 16px}.of-chiprow{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto;flex-wrap:nowrap!important}.of-chiprow::-webkit-scrollbar{display:none}.of-screen div,.of-screen span,.of-screen label{min-width:0}.of-screen h1,.of-screen h2,.of-screen p{overflow-wrap:anywhere}.of-screen table,.of-screen img,.of-screen svg{max-width:100%}.of-screen pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.of-screen button,.of-screen a[role=button],.of-screen select,.of-topbar button,.of-tabbar button,.of-sheet button,.of-navitem{min-height:44px!important}.of-screen a.of-tap{justify-content:flex-end;align-items:center;display:inline-flex;min-width:44px!important;min-height:44px!important}.of-screen button,.of-topbar button,.of-sheet button{min-width:44px!important}.of-screen input,.of-screen textarea,.of-screen select,.of-sheet input,.of-sheet textarea,.of-sheet select{font-size:16px!important}.of-fullbleed{border-radius:0!important;margin-left:-16px!important;margin-right:-16px!important;padding-left:16px!important;padding-right:16px!important}}.of-tabbar{display:none}@media (width<=899px){.of-tabbar{z-index:50;background:var(--color-bg);border-top:1px solid var(--color-divider);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.of-tabbar button{cursor:pointer;min-height:56px;font-family:var(--font-heading);color:var(--color-neutral-600);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:10px;display:flex;position:relative}.of-tabbar button[aria-current=page]{color:var(--color-accent-700)}}@media (prefers-reduced-motion:reduce){.of-side{transition:none!important}.of-sheet,.of-sheet-backdrop{transition:none!important;animation:none!important}}