:root{color:#070707;background:#fff;font-family:Noto Sans,Noto Sans JP,Noto Sans Thai,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{touch-action:pan-y;height:100%;margin:0}body{color:#070707;background:#fff;overflow:hidden}#root{grid-template-rows:auto minmax(0,1fr) auto;min-width:320px;height:100svh;display:grid;overflow:hidden}button{color:#fff;min-height:3rem;font:inherit;letter-spacing:0;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#070707;border:2px solid #070707;border-radius:8px;padding:.25rem 0;font-size:1.05rem;font-weight:750}button:active{transform:translateY(1px)}button:focus-visible,.display-text:focus-visible,.brand-link:focus-visible{outline-offset:3px;outline:4px solid #f2c94c}button[aria-disabled=true],button:disabled{color:#5c5c5c;cursor:not-allowed;background:#d9d9d9;border-color:#8f8f8f}button[data-state=speaking]{background:#b00020;border-color:#b00020}a{color:inherit}p{margin:0}img{max-width:100%;display:block}.top-bar{z-index:10;padding:max(.35rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) .05rem max(.75rem, env(safe-area-inset-left));text-align:center;-webkit-user-select:none;user-select:none;background:0 0;position:relative}.brand-link{color:#070707;letter-spacing:0;text-align:center;touch-action:manipulation;justify-content:center;align-items:center;gap:.6rem;font-size:1rem;font-weight:850;line-height:1.2;text-decoration:none;display:inline-flex}.brand-icon-frame{background:#fff;border:2px solid #070707;border-radius:50%;flex:none;place-items:center;width:2.45rem;height:2.45rem;display:grid;overflow:hidden}.brand-icon{object-fit:cover;width:100%;height:100%}.brand-name{overflow-wrap:anywhere;min-width:0}.content-shell{min-height:0;padding:0;display:grid;overflow:hidden}.display-panel{grid-template-rows:minmax(0,1fr) auto;align-content:center;height:100%;min-height:0;display:grid;overflow:hidden}.display-text{color:#070707;letter-spacing:0;text-align:center;touch-action:pan-y;overflow-wrap:anywhere;white-space:pre-wrap;align-self:center;width:100%;min-height:0;max-height:100%;margin:0;font-weight:850;line-height:1.15;overflow:hidden}.display-text.is-scrollable{overflow-y:auto}.display-text.is-size-animated{transition:font-size .1s,line-height .1s}.message{color:#333;text-align:center;margin:.9rem 0 0;font-size:1rem;font-weight:700}.message:empty{display:none}.message[data-state=error]{color:#b00020}.bottom-controls{z-index:10;padding:.45rem max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));touch-action:manipulation;gap:.5rem;display:grid;position:relative}.toolbar{grid-template-columns:minmax(0,1fr) 4.7rem 4.7rem;gap:.65rem;display:grid}.speak-control{grid-column:auto}#bigger-button,#smaller-button{padding-inline:0}.line-add-button{color:#fff;background:#06c755;border-color:#06c755}.modal-backdrop{z-index:20;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));opacity:0;pointer-events:none;visibility:hidden;background:0 0;place-items:center;transition:background-color .18s,opacity .18s,visibility .18s;display:grid;position:fixed;inset:0}.modal-backdrop.is-open{opacity:1;pointer-events:auto;visibility:visible;background:#0009}.qr-dialog{color:#070707;text-align:center;background:#fff;border:3px solid #070707;border-radius:8px;width:min(100%,21rem);padding:1.25rem;transition:transform .18s;position:relative;transform:translateY(.7rem)scale(.96)}.modal-backdrop.is-open .qr-dialog{transform:translateY(0)scale(1)}.qr-close-button{place-items:center;width:2.6rem;min-height:2.6rem;padding:0;display:grid;position:absolute;top:.6rem;right:.6rem}.qr-title{margin:0 3rem 1rem;font-size:1.25rem;font-weight:850}.qr-frame{aspect-ratio:1;background:#f7f7f7;border:2px dashed #070707;border-radius:8px;place-items:center;width:min(100%,15rem);margin:0 auto;display:grid}.qr-image{object-fit:contain;width:100%;height:100%}@media (width>=720px){.toolbar{grid-template-columns:2fr 1fr 1fr}}@media (orientation:landscape){.bottom-controls{grid-template-columns:minmax(0,1fr) minmax(9rem,.45fr);align-items:stretch}.toolbar{grid-template-columns:2fr 1fr 1fr}}@media (orientation:landscape) and (height<=540px){.top-bar{padding-top:max(.2rem, env(safe-area-inset-top))}.bottom-controls{width:100%;padding:.35rem max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) .35rem}.display-text{font-size:clamp(1.8rem,9vh,4.5rem)}}@media (prefers-reduced-motion:reduce){.display-text.is-size-animated,.modal-backdrop,.qr-dialog{transition:none}}