html{-webkit-font-smoothing:antialiased}body{margin:0 auto;padding:0 2em 4em;max-width:1080px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14.5px;line-height:1.4em;color:#343434;background-color:#fff}#contact{font-size:14px;margin-top:auto}#nav{padding:12px 0;border-bottom-width:1px;border-bottom-style:solid;border-color:#eff0f1;justify-content:space-between;align-items:center}#pieces{margin-top:10px;margin-bottom:10px}.nav-item{margin:0 8px;padding-bottom:2px;text-decoration:none;color:#343434}.nav-selected{border-bottom-width:1px;border-bottom-style:solid;border-color:#e4e6e8}#content{font-size:larger}.line{margin-bottom:10px}.bar{border:2px solid #6b7280;border-radius:7px;width:900px;min-width:900px;height:128px;margin-left:auto;margin-right:auto;position:relative}.bar button:first-of-type{border-top-left-radius:5px;border-bottom-left-radius:5px}.bar button:last-of-type{border-top-right-radius:5px;border-bottom-right-radius:5px}.divider{border-left:1px solid #6b7280;background:#6b7280;width:1px;height:100%;position:absolute;right:50%;top:0}.selected{-webkit-box-shadow:0px 0px 8px 1px rgba(37,99,235,.8);-moz-box-shadow:0px 0px 8px 1px rgba(37,99,235,.8);box-shadow:0 0 8px 1px #2563ebcc}.piece{margin:8px;width:50px;height:50px;border:1px solid;border-radius:5px;color:#fff;z-index:1;transition:all .2s ease;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.click:hover{-webkit-box-shadow:0px 0px 4px 2px rgba(37,99,235,.7);-moz-box-shadow:0px 0px 4px 2px rgba(37,99,235,.7);box-shadow:0 0 4px 2px #2563ebb3;cursor:pointer;transform:scale(1.01);transition:all .2s ease;z-index:3}.bar .piece{border-radius:initial}.dividend{border-bottom:1px solid #fff}.one .dividend{border-bottom:none}.one{background-color:#1e40af}.two{background-color:#e11d48}.three{background-color:#059669}.four{background-color:#ea580c}.five{background-color:#be185d}.six{background-color:#0f766e}.seven{background-color:#ca8a04}.eight{background-color:#4338ca}.nine{background-color:#047857}.ten{background-color:#7c3aed}.twelve{background-color:#475569}.sixteen{background-color:#92400e}.flex{display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex}.flex-center{justify-content:center;-webkit-justify-content:center;-ms-flex-pack:center;align-items:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center}.flex-justify-center{justify-content:center;-webkit-justify-content:center;-ms-flex-pack:center}.flex-align-center{align-items:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center}.flex-column{flex-direction:column;-moz-box-direction:column;-webkit-flex-direction:column;-ms-flexbox-direction:column;-ms-flex-direction:column}.share-section{margin-left:auto;display:flex;align-items:center}.reset-button{position:relative;background:transparent;color:#666;border:1px solid #ddd;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px;margin-right:10px;overflow:hidden;z-index:1}.reset-button:hover{color:#dc3545;border-color:#dc3545}.reset-button:before{content:"";position:absolute;top:0;left:0;height:100%;width:var(--progress, 0%);background:#dc3545;transition:none;z-index:-1;border-radius:3px}.reset-button span{position:relative;z-index:2;color:inherit}.reset-button.resetting{border-color:#dc3545}.reset-button.resetting span{color:#333;text-shadow:none}.share-button{background:#28a745;color:#fff;border:1px solid #1e7e34;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px}.share-button:hover{background:#218838}.share-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.share-modal{background:#fff;padding:20px;border-radius:8px;min-width:400px;max-width:90vw;box-shadow:0 4px 12px #0000004d}.share-modal h3{margin:0 0 10px;font-size:16px}.share-modal p{margin:0 0 15px;color:#28a745;font-size:14px}.share-modal input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;margin-bottom:15px;font-family:monospace;font-size:12px;box-sizing:border-box}.share-modal button{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.share-modal button:hover{background:#545b62}