:root{--rpx:min(.133333vw,.7px)}*{box-sizing:border-box}html{background:#0d0d0d}body{margin:0 auto;max-width:525px;min-height:100dvh;background:#bfff00;font-family:system-ui,-apple-system,"PingFang SC",sans-serif;color:#111}button,input,textarea{font:inherit}button{cursor:pointer;white-space:normal}button:disabled{opacity:.55;cursor:wait}button:focus-visible,[role=button]:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #1650ef;outline-offset:3px}button::after{display:none}img{display:inline-block;object-fit:cover}textarea{resize:vertical}small{font-size:max(12px,1em)}#app{min-height:100dvh}.page{height:auto!important;min-height:100dvh;padding-top:48px!important;overflow:visible!important}.scroll-x{overflow-x:auto}.scroll-y{overflow-y:auto}.safe-bottom,.bottom-space{height:140px!important}#nav{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(calc(100% - 24px),501px);height:70px;display:flex;padding:5px;border-radius:22px;background:#0d0d0d;box-shadow:3px 5px #8ca4ee;z-index:99}#nav button{flex:1;color:#fff;background:none;border:0;border-radius:18px;font-weight:900;font-size:14px}#nav button span{display:block;font-size:22px}#nav button.active{background:#bfff00;color:#111}#save-status{position:fixed;top:0;left:50%;transform:translateX(-50%);width:min(100%,525px);background:#111;color:#bfff00;z-index:110;font-size:12px;padding:7px 12px;text-align:center}#save-status.error{background:#a31924;color:white}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#111;color:white;padding:14px 20px;z-index:300;max-width:90%;border-radius:16px}dialog{border:2px solid #111;border-radius:24px;background:#f6f2e8;width:min(94vw,500px);max-height:85dvh;padding:20px;color:#111;z-index:400}dialog::backdrop{background:#0009}dialog h2{margin:4px 0 14px}dialog input,dialog textarea{width:100%;border:1px solid #777;border-radius:12px;padding:12px;margin:6px 0 12px;background:white}dialog textarea{min-height:100px}dialog button,.web-action{border:2px solid #111;background:#1650ef;color:white;border-radius:14px;padding:11px 15px;margin:5px 3px;font-weight:800;font-size:14px}dialog .close{float:right;background:#111}.web-card{background:#f6f2e8;border:2px solid #111;border-radius:20px;margin:15px 0;padding:16px;overflow-wrap:anywhere}.web-card h3{margin-top:0}.web-card p{white-space:pre-wrap;line-height:1.6}.web-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.web-hint{font-size:13px;line-height:1.6;color:#444}.web-card .avatar{width:40px;height:40px;border-radius:50%}.web-list{margin-top:16px}.web-list article{border-top:1px solid #bbb;padding:14px 0}.web-list p{white-space:pre-wrap;overflow-wrap:anywhere}.own-message{text-align:right;color:#1643c0}.web-error{color:#a31924}.chat-page{padding-top:48px!important;min-height:100dvh}.chat-list{height:calc(100dvh - 260px);min-height:200px;overflow:auto}.chat-input{position:sticky;bottom:0;background:#bfff00}.reference-sticker{right:0!important;max-width:104px;white-space:normal!important}.quiz-reference-mask{z-index:200}.quiz-reference-card{max-height:90dvh;overflow:auto}.web-back{position:relative;margin-top:38px}.recipe-note{font-size:13px}.future-letter{overflow-wrap:anywhere}@media(min-width:600px){body{box-shadow:0 0 80px #0007}.page{padding-left:20px;padding-right:20px}}