.subscreen{z-index:var(--z-overlay);background:#fff;flex-direction:column;display:flex;position:fixed;inset:0}.subscreen-head{padding:8px 8px calc(8px + env(safe-area-inset-top,0px));padding-top:calc(8px + env(safe-area-inset-top,0px));background:inherit;border-bottom:1px solid #eef0f2;flex:none;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;padding-bottom:8px;display:grid}.subscreen-back{cursor:pointer;color:#1f2937;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;transition:background .12s;display:inline-flex}.subscreen-back:hover{background:#f0ede5}.subscreen-back .wg-icon{color:currentColor;width:20px;height:20px}.subscreen-title{color:#1f2937;text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:Fraunces,serif;font-size:17px;font-weight:500;line-height:1.2;overflow:hidden}.subscreen-action{justify-content:flex-end;align-items:center;min-width:44px;display:inline-flex}.subscreen-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.fish-page-embedded{padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px))}.subscreen-footer{padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));color:#6b7280;border-top:1px solid #eef0f2;flex-wrap:wrap;flex:none;gap:10px;font-size:11px;display:flex}:is(.wg-app,.wg-tokens) .subscreen{background:var(--ink);color:var(--paper)}:is(.wg-app,.wg-tokens) .subscreen-head{border-bottom:1px solid var(--hair)}:is(.wg-app,.wg-tokens) .subscreen-title,:is(.wg-app,.wg-tokens) .subscreen-back{color:var(--paper)}:is(.wg-app,.wg-tokens) .subscreen-back:hover{background:#ffffff17}:is(.wg-app,.wg-tokens) .subscreen-footer{color:var(--paper-dim);border-top:1px solid var(--hair)}.subscreen-head-inline{z-index:var(--z-chrome,20);background:#fff;position:sticky;top:0}:is(.wg-app,.wg-tokens) .subscreen-head-inline{background:var(--ink)}