body{font-family:Arial,sans-serif;margin:0;padding:0}#pages-container,.page-content-slot,.print-page,.tracing-area,.tracing-number,.tracing-wrapper{overflow:visible!important}#pages-container{margin:0 auto}#pages-container,.page-content-slot,.print-page,.tracing-area{width:100%;max-width:100%}.tracing-area{display:flex;flex-direction:column;gap:12px;margin:0 auto;background-color:#fff}.tracing-wrapper{position:relative;width:100%;background-color:#fff;box-sizing:border-box;padding-left:0;padding-right:0;white-space:nowrap}.line{position:absolute;left:0;right:0;height:0;border-bottom-style:solid;border-bottom-width:1px}.default .line-1,.default .line-4{border-color:#d3d3d3}.default .line-2{border-color:#a9a9a9}.default .line-3{border-color:gray}.grayblue .line-1,.grayblue .line-4{border-color:#b0c4de}.grayblue .line-2{border-color:#add8e6}.grayblue .line-3{border-color:#4682b4}.blackred .line-1,.blackred .line-4{border-color:salmon}.blackred .line-2{border-color:#ff4500}.blackred .line-3{border-color:#8b0000}.greenred .line-1,.greenred .line-4{border-color:#98fb98}.greenred .line-2{border-color:#00fa9a}.greenred .line-3{border-color:#2e8b57}.tracing-number{color:#000;position:relative;margin:0;text-align:left;white-space:nowrap;max-width:100%;font-family:Patrick Hand,cursive}#pages-container .line,#pages-container .tracing-area,#pages-container .tracing-number,#pages-container .tracing-wrapper{pointer-events:none!important}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1}.content-modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border:1px solid #ccc;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:2;width:606px;max-width:90%;max-height:min(90vh,820px);overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;padding:20px}.content-modal button{margin-top:10px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;cursor:pointer}.letter-section{margin-bottom:20px}.letter-grid{width:100%;display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:0;margin-bottom:10px}.letter-grid button{box-sizing:border-box;width:100%;min-width:0;margin:0;padding:10px 0;line-height:1.2;border:1px solid #ddd;background-color:#fff;cursor:pointer;font-size:18px;font-weight:700;text-align:center;color:#333;transition:background-color .3s,color .3s}.letter-grid button.selected,.letter-grid button:hover{background-color:#007bff;color:#fff}@media print{.content-modal,.modal-overlay{display:none!important}html.is-safari{--shell-card-padding-y:40px!important;--shell-header-height:96px!important;--shell-header-gap:20px!important}html.is-safari #pages-container .tracing-area{gap:6px!important}}