[data-native-kind] .native-button{font:inherit;font-size:12px;line-height:1.4;padding:7px 11px;border:1px solid #c9d4d0;border-radius:6px;background:#fff;color:#173e35;cursor:pointer;white-space:nowrap;-webkit-app-region:no-drag}
[data-native-kind] .native-button:focus-visible{outline:3px solid #36ad94;outline-offset:2px}
[data-native-kind] .native-button:disabled{opacity:.55;cursor:wait}
[data-native-kind] .native-primary{background:#117768;border-color:#117768;color:#fff}
.native-titlebar,.native-mobile-bar{box-sizing:border-box;display:flex;align-items:center;gap:14px;background:#f4f7f5;color:#25443a;font:13px/1.4 system-ui,sans-serif;padding:7px 12px;z-index:60}
.native-titlebar{height:42px;-webkit-app-region:drag}
.native-mobile-bar{min-height:46px;padding-top:max(7px,env(safe-area-inset-top));padding-right:max(12px,env(safe-area-inset-right));padding-left:max(12px,env(safe-area-inset-left));gap:8px}
.native-app-name{font-weight:650;flex-shrink:0}
.native-server-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;color:#587269;flex:1}
.native-window-actions{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0;-webkit-app-region:no-drag}
[data-native-kind=mobile] .native-app-name{font-size:12px}
[data-native-kind=mobile] .native-server-label{display:none}
[data-native-kind] .native-server-dialog{box-sizing:border-box;border:1px solid #d4ded9;border-radius:16px;padding:30px;max-width:480px;width:calc(100% - 32px);max-height:calc(100svh - 32px);overflow:auto;color:#233c34;background:#fdfefc;font:15px/1.6 system-ui,sans-serif;box-shadow:0 20px 80px #061c2955}
[data-native-kind] .native-server-dialog::backdrop{background:#0a1725b8}
.native-server-form h2{margin:0 0 12px;font-size:25px;line-height:1.35;color:#193c32}
.native-server-form p{margin:0 0 20px;color:#52675f}
.native-server-form label{display:block;margin:22px 0 7px;font-weight:650}
.native-server-form input{box-sizing:border-box;display:block;width:100%;border:1px solid #a6bdb3;border-radius:8px;padding:12px;color:#213e33;background:#fff;font:16px/1.5 system-ui,sans-serif}
.native-server-form .native-server-help{font-size:12px;margin:10px 0 22px}
.native-server-form .native-server-error{color:#ad342a;font-size:13px;margin:12px 0}
.native-server-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}
[data-native-kind] .native-server-actions .native-button{font-size:14px;padding:10px 16px}
[data-native-kind=desktop]{background:#0b1b2c}
[data-native-kind=desktop] .board-header{padding-top:22px;padding-bottom:22px}
[data-native-kind=desktop][data-native-presentation] .native-titlebar{display:none}
[data-native-kind=desktop][data-native-presentation=fullscreen]{background:#0b1b2c}
[data-native-kind=desktop][data-native-presentation=fullscreen] .message-stage{background:#0b1b2c}
[data-native-kind=desktop][data-native-presentation=danmaku]{background:transparent!important;overflow:hidden}
[data-native-kind=desktop][data-native-presentation=danmaku] .board-header,
[data-native-kind=desktop][data-native-presentation=danmaku] .board-footer,
[data-native-kind=desktop][data-native-presentation=danmaku] .pair-screen,
[data-native-kind=desktop][data-native-presentation=danmaku] .waiting-screen,
[data-native-kind=desktop][data-native-presentation=danmaku] .notice{display:none!important}
[data-native-kind=desktop][data-native-presentation=danmaku] .message-stage.danmaku{position:fixed;inset:0;height:100svh;max-height:none;padding:0;border:0;border-radius:0;background:#0b1b2cee;box-shadow:none;overflow:hidden}
[data-native-kind=desktop][data-native-presentation=danmaku] .message-stage.danmaku .call-heading,
[data-native-kind=desktop][data-native-presentation=danmaku] .message-stage.danmaku .call-footer,
[data-native-kind=desktop][data-native-presentation=danmaku] .message-stage.danmaku .duration-track{display:none}
[data-native-kind=desktop][data-native-presentation=danmaku] .message-stage.danmaku .call-body{height:100%;display:flex;align-items:center}
[data-native-kind=desktop][data-native-presentation=danmaku] .message-stage.danmaku .call-body p{line-height:1.35;font-size:clamp(28px,5vw,72px);padding:0 35px}
@media(max-width:400px){.native-mobile-bar{padding-inline:10px}.native-mobile-bar .native-app-name{font-size:11px}.native-mobile-bar .native-button{font-size:11px;padding:6px 9px}[data-native-kind] .native-server-dialog{padding:24px}}
