html,body{margin:0;padding:0;box-sizing:border-box;overflow-x:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%;margin:0;padding:2rem;text-align:left;box-sizing:border-box;overflow-x:hidden}.button,#problem-select,#puzzle-set-select,#chapter-select{padding:8px;margin:3px;border:1px solid #ddd;border-radius:4px;cursor:pointer;background-color:#fff;box-shadow:0 2px 10px #0000001a;font-size:10px;flex-grow:1;flex-shrink:1;min-width:0}#problem-select{min-width:70px;max-width:100px}#puzzle-set-select{min-width:120px;max-width:260px}#chapter-select{min-width:120px;max-width:320px}.button:hover,#problem-select:hover,#puzzle-set-select:hover,#chapter-select:hover{background-color:#f0f0f0}#login-container{display:flex;align-items:center;margin-bottom:10px}#login-status{margin-left:10px;font-size:16px;color:#333;display:inline-block;vertical-align:middle}#problem-select-container,#chapter-select-container,#puzzle-set-select-container{display:flex;align-items:center;justify-content:flex-start;margin-bottom:10px;width:100%;flex-grow:0}#problem-select-container label,#problem-select-container button,#problem-select-container select,#chapter-select-container label,#chapter-select-container button,#chapter-select-container select,#puzzle-set-select-container label,#puzzle-set-select-container button,#puzzle-set-select-container select{flex-grow:0;flex-shrink:1;margin:3px;min-width:0}#problem-select-container label,#chapter-select-container label,#puzzle-set-select-container label{flex-grow:0;margin-right:10px;font-size:16px}#select-problem-text,#select-chapter-text,#select-puzzle-set-text{margin-left:10px;font-size:16px;color:#333;display:inline-block;vertical-align:middle}#main-header{flex:0 1 auto;text-align:left}#puzzle-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;box-sizing:border-box}#ChessBoardContainer{width:100%;max-width:400px;box-sizing:border-box}#FEN-container{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:400px;overflow:hidden}#FEN-Label{font-weight:700;margin-bottom:2px}#FEN-Text{word-break:break-all;overflow-wrap:break-word;width:100%;font-size:13px;margin-bottom:4px}#FEN-Copy-Button-container{align-self:flex-start}@media (max-width: 400px){#ChessBoardContainer{width:100%;max-width:100%}}@media (max-width: 600px){#problem-select,#go-button,.navigation-button{font-size:2.5vw}}@media (max-width: 400px){#problem-select,#go-button,.navigation-button{font-size:2vw}}.profile-link{background:none;border:none;padding:0;color:#0070f3;cursor:pointer;font-size:inherit;text-decoration:underline}.profile-link:hover{color:#0051a8}#puzzle-metadata{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;font-size:13px;color:#555}#puzzle-metadata .metadata-item{white-space:nowrap}#puzzle-metadata a.metadata-item{color:#0070f3;text-decoration:none}#puzzle-metadata a.metadata-item:hover{text-decoration:underline}.profile-container{padding:2rem;box-sizing:border-box;max-width:900px}.profile-header{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:1.5rem}.profile-header h1{margin:0}.profile-selectors{display:flex;flex-direction:column;gap:10px;margin-bottom:1rem}.profile-selector-row{display:flex;align-items:center;gap:10px}.profile-selector-row label{font-size:16px;min-width:100px}#profile-set-select,#profile-chapter-select{padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:200px;max-width:400px;background-color:#fff;cursor:pointer}.profile-summary{font-size:15px;color:#555;margin-bottom:1rem}.progress-grid{display:flex;flex-wrap:wrap;gap:4px}.progress-box{width:36px;height:36px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;cursor:pointer;box-sizing:border-box;overflow:hidden}.progress-box:hover{opacity:.8;outline:2px solid #333}.progress-box.solved{background-color:#4caf50}.progress-box.unsolved{background-color:#e53935}.progress-box-label{text-overflow:clip;white-space:nowrap;overflow:hidden;max-width:100%;text-align:center}@media (max-width: 600px){.progress-box{width:28px;height:28px;font-size:7px}}