.yb-shell{max-width:1200px;padding:var(--sp-6);padding-bottom:calc(var(--sp-6) + env(safe-area-inset-bottom));margin:0 auto}.yb-bar{align-items:center;gap:var(--sp-4);background:var(--bg);border-bottom:1px solid var(--border);min-height:64px;padding-block:var(--sp-3);padding-left:calc(var(--sp-5) + env(safe-area-inset-left));padding-right:calc(var(--sp-5) + env(safe-area-inset-right));display:flex;position:relative}.yb-skip:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.yb-skip{left:var(--sp-5);top:var(--sp-3);z-index:2;min-height:var(--target);padding:0 var(--sp-5);background:var(--white);color:var(--fg);border:1px solid var(--primary-border);border-radius:var(--r-control);align-items:center;font-weight:500;display:inline-flex;position:absolute}.yb-logo{min-width:0;min-height:var(--target);border-radius:var(--r-control);flex:0 auto;align-items:center;display:flex}.yb-logo img{width:auto;max-width:100%;height:auto;max-height:40px;display:block}.yb-nav,.yb-right{align-items:center;gap:var(--sp-4);display:flex}.yb-nav{background:var(--white);border:1px solid var(--border);border-radius:var(--r-pill);padding:var(--sp-1) var(--sp-4);margin-inline:auto;display:none}.yb-right{margin-left:auto}.yb-item{align-items:center;gap:var(--sp-3);min-height:var(--target);padding:0 var(--sp-4);color:var(--fg);border-radius:var(--r-control);border-bottom:2px solid #0000;font-weight:500;text-decoration:none;display:inline-flex}.yb-item:hover{background:var(--surface)}.yb-item[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent)}.yb-icon{object-fit:contain;width:20px;height:20px}.yb-icon-active,.yb-item[aria-current=page] .yb-icon-default,.yb-item:focus-visible .yb-icon-default,.yb-row[aria-current=page] .yb-icon-default,.yb-row:focus-visible .yb-icon-default,.yb-toggle[aria-expanded=true] .yb-icon-default{display:none}.yb-item[aria-current=page] .yb-icon-active,.yb-item:focus-visible .yb-icon-active,.yb-row[aria-current=page] .yb-icon-active,.yb-row:focus-visible .yb-icon-active,.yb-toggle[aria-expanded=true] .yb-icon-active{display:inline-block}.yb-signout{min-height:var(--target);padding:var(--sp-3) var(--sp-5);border:1px solid var(--primary-border);border-radius:var(--r-control);background:var(--white);color:var(--fg);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:var(--sp-2);display:inline-flex}.yb-signout:hover{background:var(--primary-hover);border-color:var(--primary)}.yb-signout:disabled,.yb-signout:disabled:hover{background:var(--disabled-bg);color:var(--white);border-color:var(--disabled-bg);cursor:default}.yb-right .yb-signout{display:none}.yb-avatar{aspect-ratio:1;object-fit:cover;border-radius:var(--r-avatar);background:var(--surface);border:2px solid var(--primary-hover);flex:none;width:48px;height:48px}.yb-toggle{width:var(--target);height:var(--target);background:var(--white);color:var(--fg);cursor:pointer;border:1px solid var(--border);border-radius:var(--r-control);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.yb-toggle:hover{background:var(--surface)}.yb-toggle .yb-icon{width:24px;height:24px}.yb-panel{z-index:3;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);width:94%;max-width:350px;padding:var(--sp-3) 0;position:absolute;top:100%;right:3%}.yb-row{align-items:center;gap:var(--sp-3);min-height:var(--target);padding:0 var(--sp-5);color:var(--fg);border-bottom:2px solid #0000;font-weight:500;text-decoration:none;display:flex}.yb-row:hover{background:var(--surface-selected)}.yb-row[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent)}.yb-foot{border-top:1px solid var(--primary);margin-top:var(--sp-3);padding:var(--sp-3) var(--sp-5) 0}.yb-foot .yb-signout{width:100%}.yb-error{padding:var(--sp-4) var(--sp-5);background:var(--danger-surface);border-bottom:1px solid var(--danger-soft);color:var(--fg);font-weight:500}.yb-shell .tabs{flex-wrap:wrap;align-items:flex-end;gap:2px;display:flex}.yb-shell .tab{min-height:var(--target);min-width:var(--target);padding:var(--sp-3) var(--sp-5);border:1px solid var(--primary-border);border-bottom:1px solid var(--accent);border-radius:var(--r-control) var(--r-control) 0 0;background:var(--surface);color:var(--fg);font:inherit;white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;font-weight:400;text-decoration:none;display:inline-flex}.yb-shell .tab:hover{color:var(--accent)}.yb-shell .tab[aria-selected=true]{background:var(--danger-surface);color:var(--accent);border-color:var(--danger-soft);border-bottom-color:var(--danger-surface);z-index:1;margin-bottom:-1px;font-weight:600;position:relative}.yb-shell .panel{background:var(--danger-surface);border:1px solid var(--danger-soft);border-radius:0 var(--r-card) var(--r-card) var(--r-card);padding:var(--sp-6);gap:var(--sp-4);flex-direction:column;align-items:flex-start;display:flex}.yb-shell .panel h1{font-size:var(--fs-lg);color:var(--primary);margin:0;font-weight:600}.yb-shell .note{color:var(--fg-helper);margin:0}@media (min-width:1024px){.yb-bar{min-height:6rem;padding-inline:calc(var(--sp-7) + env(safe-area-inset-left)) calc(var(--sp-7) + env(safe-area-inset-right))}.yb-skip{left:var(--sp-7)}.yb-logo{min-width:240px}.yb-logo img{max-height:60px}.yb-nav{display:flex}.yb-right{background:var(--white);border:1px solid var(--border);border-radius:var(--r-pill);padding:var(--sp-1) var(--sp-4)}.yb-right .yb-signout{display:inline-flex}.yb-toggle{display:none}}