html,body,#root{height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}.container{max-width:1024px;margin:0 auto;padding:24px}.page-center{min-height:100%;display:grid;place-items:center}.card{width:100%;max-width:420px;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d;background:#fff}.title{margin:0 0 16px;font-size:22px}.grid{display:grid;gap:12px}.grid-8{display:grid;gap:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.input{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;outline:none}.input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.btn{display:inline-block;padding:10px 14px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#111827;text-decoration:none;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{border-color:#2563eb;background:#3b82f6;color:#fff}.btn-outline{border-color:#d1d5db;background:#fff;color:#111827}.fullwidth{width:100%}.muted{color:#6b7280;font-size:14px}*,*:before,*:after{box-sizing:border-box}html{width:100%;max-width:100vw;overflow-x:auto}body{width:100%;max-width:100vw;min-width:0;position:relative;overflow-x:auto;margin:0;padding:0}#root{width:100%;max-width:100vw;min-width:0;overflow-x:auto}body.overflow-fixed,body.overflow-fixed #root{overflow-x:hidden}img,svg,video,canvas,audio,iframe,embed,object{max-width:100%;height:auto}table{max-width:100%}pre{overflow-x:auto;max-width:100%}body.debug-overflow *{outline:1px solid rgba(255,0,0,.1)}body.debug-overflow *:hover{outline:2px solid rgba(255,0,0,.5)}.overflow-x-hidden{overflow-x:hidden!important}.max-w-full{max-width:100%!important}.word-break-all{word-break:break-all!important}.word-break-word{word-break:break-word!important}@media (max-width: 768px){body{font-size:14px}.chakra-container{padding-left:8px!important;padding-right:8px!important}}body.show-grid:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,rgba(255,0,0,.1) 0px,rgba(255,0,0,.1) 1px,transparent 1px,transparent 20px),repeating-linear-gradient(90deg,rgba(0,0,255,.1) 0px,rgba(0,0,255,.1) 1px,transparent 1px,transparent 20px);pointer-events:none;z-index:9999}body.show-breakpoint:after{content:"xs";position:fixed;bottom:10px;right:10px;background:#000c;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;font-weight:700;z-index:9999;font-family:monospace}@media (min-width: 480px){body.show-breakpoint:after{content:"sm (≥480px)"}}@media (min-width: 768px){body.show-breakpoint:after{content:"md (≥768px)"}}@media (min-width: 1024px){body.show-breakpoint:after{content:"lg (≥1024px)"}}@media (min-width: 1280px){body.show-breakpoint:after{content:"xl (≥1280px)"}}@media (min-width: 1536px){body.show-breakpoint:after{content:"2xl (≥1536px)"}}