html,body{margin:0;height:100%;background:#FFFFFF;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
body{overflow:hidden;overscroll-behavior:none}
#proto-root{transform-origin:top left;margin:0 auto;touch-action:manipulation}
#proto-root .proto-scroll{overflow-y:auto!important;min-height:0!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none}
#proto-root .proto-scroll::-webkit-scrollbar{display:none}
#proto-root a,#proto-root button,#proto-root [role=radio]{cursor:pointer;transition:transform .08s ease,filter .08s ease}
#proto-root a:active,#proto-root button:active{transform:scale(.97);filter:brightness(.96)}
#proto-root .proto-on{border:2px solid #2F3FA3!important;background:#DDE1F5!important;color:#24328A!important}
#proto-root .proto-off{border:1.5px solid #8A8F9E!important;background:#FFFFFF!important;color:#1A1C23!important}
.proto-hidden{display:none!important}

/* desktop: show the phone in a frame, with a screen list beside it */
body.proto-desk{background:#E9E6DF;display:flex;align-items:center;justify-content:center;gap:32px}
body.proto-desk #proto-root{margin:0;border-radius:28px;box-shadow:0 12px 32px rgba(26,28,35,.18),0 0 0 10px #1A1C23}
.proto-panel{display:none}
body.proto-desk .proto-panel{display:flex;flex-direction:column;width:300px;max-height:86vh;font:14px/1.5 Inter,system-ui,sans-serif;color:#1A1C23}
.proto-panel h2{font-size:16px;margin:0 0 4px}
.proto-panel p{margin:0 0 12px;color:#626879}
.proto-panel ul{list-style:none;margin:0;padding:0;overflow:auto;background:#fff;border:1px solid #E4E0D8;border-radius:12px}
.proto-panel li a{display:block;padding:8px 12px;border-bottom:1px solid #ECEAE5;color:#1A1C23;text-decoration:none}
.proto-panel li a:hover{background:#EEF0FA}
.proto-panel li a.cur{background:#DDE1F5;font-weight:600}

.proto-toast{position:absolute;left:16px;right:16px;bottom:104px;z-index:50;padding:12px 16px;border-radius:12px;background:#1A1C23;color:#fff;font-size:15px;line-height:1.6;box-shadow:0 12px 32px rgba(26,28,35,.14);opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s;pointer-events:none}
.proto-toast.show{opacity:1;transform:none}

.proto-sheet{position:absolute;inset:0;z-index:60;background:rgba(20,22,28,.48);display:flex;align-items:flex-end}
.proto-sheet>div{background:#fff;width:100%;max-height:80%;overflow:auto;border-radius:16px 16px 0 0;padding:20px 16px 24px;box-sizing:border-box;font-size:15px;line-height:1.6}
.proto-sheet h3{margin:0 0 6px;font-size:18px}
.proto-sheet p{margin:0 0 12px;color:#444A59}
.proto-sheet a{display:block;padding:10px 4px;border-bottom:1px solid #ECEAE5;color:#1A1C23;text-decoration:none}
.proto-sheet .proto-btn{display:block;width:100%;height:52px;border:0;border-radius:16px;background:#F7B928;color:#1A1C23;font:600 16px Inter,'Noto Sans Bengali',sans-serif;margin-top:8px}