*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body,h1,h2,h3,p,ul,ol{margin:0}body{line-height:1.5}button,input,textarea,select{color:inherit;font:inherit}button{border:0;background:none}img,svg,video,canvas{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul,ol{padding:0;list-style:none}html.ignore-rem{font-size:4.2666667vw}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}:root{color:#202020;background:#f3f3f3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#app{min-height:100%}body{min-width:20rem;background:#f3f3f3}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{cursor:pointer}button:disabled{cursor:not-allowed}.page{width:100%;min-height:100dvh;margin:0;background:#f3f3f3;box-shadow:none}.page-content{padding:1rem}.page-content--with-bar{padding-bottom:7rem}.section{padding:1.125rem;border:.0625rem solid #dddddd;border-radius:.75rem;background:#fff}.section-heading{margin-bottom:1rem}.section-heading h2{font-size:1.1875rem;line-height:1.4}.section-heading p{margin-top:.3125rem;color:#666;font-size:.8125rem;line-height:1.55}.button{display:inline-flex;width:100%;min-height:3.125rem;padding:.625rem 1.125rem;border:.0625rem solid #969696;border-radius:.5rem;font-size:.9375rem;font-weight:700;text-align:center;align-items:center;justify-content:center}.button:disabled{border-color:#ccc;color:#8b8b8b;background:#e6e6e6}.button--primary{border-color:#242424;color:#fff;background:#242424}.button--secondary{color:#202020;background:#fff}.button--danger{border-color:#c48989;color:#a63636;background:#fff7f7}.header-link{min-height:2.625rem;padding:0 .25rem;color:#202020;font-size:.875rem}.field{display:grid;gap:.4375rem}.field>span{font-size:.875rem;font-weight:700}.field input,.field textarea,.field select{width:100%;min-height:3.125rem;padding:.75rem .875rem;border:.0625rem solid #969696;border-radius:.5rem;outline:none;background:#fff;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border:.125rem solid #202020;padding:.6875rem .8125rem}.field input::placeholder,.field textarea::placeholder,.field select::placeholder{color:#999}.form-error{color:#a63636;font-size:.875rem;line-height:1.6}.status{display:inline-flex;padding:.25rem .5rem;border-radius:62.4375rem;background:#f4f4f4;font-size:.75rem;font-weight:700}.status--warning{background:#fff4cf}.status--success{color:#27643f;background:#e7f4eb}.status--danger{color:#a63636;background:#fff0f0}.bottom-bar{position:fixed;z-index:30;right:0;bottom:0;left:0;display:grid;width:100%;min-height:5.125rem;margin:0;padding:.75rem 1rem;border-top:.0625rem solid #dddddd;background:#fffffff7;grid-template-columns:minmax(5.75rem,.6fr) 1.4fr;gap:.75rem;align-items:center;backdrop-filter:blur(.75rem)}.bottom-bar>div{display:grid}.bottom-bar>div small{color:#666;font-size:.6875rem}.bottom-bar>div strong{margin-top:.125rem;font-size:1.25rem}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}@media(min-width:768px){body{padding:0}.page{min-height:100dvh;border-radius:0}.bottom-bar{bottom:0;border-radius:0}}