:root{--cell-width:3rem}*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#1a1a1a;min-height:100dvh;margin:0;font-family:Courier New,Courier,monospace}.app{justify-content:center;align-items:center;min-height:100dvh;padding:2rem;display:flex}.input-area{width:calc(var(--cell-width) * 12);max-width:calc(100vw - 2rem);position:fixed;top:8vh;left:50%;transform:translate(-50%)}.canonical-row{color:#8ab4f8;margin-bottom:.5rem;font-size:.85rem}.canonical-label{font-weight:700}.row-entry{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.row-entry input{color:#e0e0e0;background:#222;border:1px solid #555;border-radius:4px;flex:1;min-width:0;padding:.45rem .6rem;font-family:inherit;font-size:.8rem;transition:border-color .15s}.row-entry input:focus{border-color:#8ab4f8;outline:none}.row-entry-feedback{flex-direction:column;align-items:flex-start;width:100%;min-height:3.5rem;padding-top:.25rem;display:flex}.row-entry-error{color:#f87171;width:100%;font-size:.8rem}.row-entry-warning{color:#fbbf24;width:100%;font-size:.8rem}.row-entry-remaining{color:#888;width:100%;font-size:.75rem}.row-entry-suggestion{color:#8ab4f8;cursor:pointer;width:100%;font-size:.8rem}.row-entry-starts{color:#8ab4f8;width:100%;font-size:.8rem}.row-entry-start{cursor:pointer}.row-entry-start:hover{text-decoration:underline}.row-entry-start.viable{color:#4ade80}.row-entry-sep{color:#555}.search-input{align-items:center;gap:.25rem;margin-left:auto;display:flex}.search-input input{color:#e0e0e0;background:#222;border:1px solid #555;border-radius:4px;width:10rem;padding:.3rem .5rem;font-family:inherit;font-size:.8rem;transition:border-color .15s}.search-input input:focus{border-color:#8ab4f8;outline:none}.matrix-grid{border-collapse:collapse;margin:.75rem 0}.matrix-grid th,.matrix-grid td{width:var(--cell-width);text-align:center;height:2rem;font-size:.85rem}.matrix-grid th{color:#8ab4f8;font-weight:700}.matrix-grid .grid-header,.matrix-grid .grid-footer{text-align:left;height:auto;padding:.5rem 0}.matrix-grid .retro-label{color:#f8a88a}.matrix-grid .row-valid{color:#4ade80}.matrix-grid .row-invalid{color:#f87171}.missing-notes{color:#fbbf24;white-space:nowrap;font-size:.65em}.note-cell{cursor:default;border:1px solid #333;position:relative}.note-cell:hover{background:#2a2a2a}.note-cell.draft{color:#fbbf24;background:#2a2200}.note-cell.conflict{outline-offset:-2px;outline:2px solid #f87171}.grid-focus-container:focus{outline:none}.grid-focus-container:focus .note-cell.focused{outline-offset:-2px;outline:2px solid #8ab4f8}.note-cell.highlighted{background:#8ab4f833;box-shadow:inset 0 0 0 2px #8ab4f8}.note-cell.editing input{width:100%;height:100%;font-family:inherit;font-size:inherit;text-align:center;color:#e0e0e0;background:#333;border:1px solid #8ab4f8;outline:none;padding:0}.spelling-menu{z-index:1;background:#333;border:1px solid #555;gap:1px;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)}.spelling-menu button{color:#e0e0e0;cursor:pointer;background:#2a2a2a;border:none;padding:.3rem .5rem;font-family:inherit;font-size:.8rem}.spelling-menu button:hover{background:#444}.toolbar{flex-wrap:wrap;justify-content:space-evenly;align-items:center;width:100%;display:flex}.btn{color:#ccc;cursor:pointer;white-space:nowrap;letter-spacing:.02em;background:linear-gradient(#3a3a3a,#2a2a2a);border:1px solid #555;border-radius:4px;padding:.45rem 1rem;font-family:inherit;font-size:.8rem;transition:all .15s}.btn:hover{color:#e0e0e0;background:linear-gradient(#454545,#353535);border-color:#666}.btn:active{background:#252525;border-color:#555}.btn:disabled{opacity:.35;cursor:default;pointer-events:none}.btn-icon{padding:.45rem .6rem;font-size:.9rem;line-height:1}.action-bar{align-items:center;gap:.5rem;width:100%;display:flex}.spelling-toggle{border:none;align-items:center;gap:.75rem;margin:0;padding:0;display:flex}.spelling-legend{color:#8ab4f8;font-size:.8rem;font-weight:700}.spelling-option{cursor:pointer;color:#ccc;align-items:center;gap:.3rem;font-size:.8rem;display:flex}.spelling-option input[type=radio]{accent-color:#8ab4f8}.history-panel{color:#aaa;align-items:stretch;height:100dvh;font-size:.78rem;line-height:1.5;display:flex;position:fixed;top:0;left:0}.history-drawer{opacity:1;width:calc(50vw - 22rem);min-width:10rem;max-width:18rem;transition:width .25s,opacity .2s;overflow:hidden}.history-panel-collapsed .history-drawer{opacity:0;width:0;min-width:0}.history-content{background:#222;border-right:1px solid #333;height:100%;padding:1rem .75rem 1rem .5rem;overflow-y:auto}.history-content::-webkit-scrollbar{width:4px}.history-content::-webkit-scrollbar-thumb{background:#444;border-radius:2px}.history-toggle{color:#555;cursor:pointer;background:#2a2a2a;border:1px solid #333;border-radius:0 3px 3px 0;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:1.2rem;height:33%;padding:0;font-family:inherit;font-size:1rem;transition:background .15s,color .15s;display:flex}.history-toggle:hover{color:#8ab4f8;background:#333}.history-panel h2{color:#8ab4f8;margin-bottom:.75rem;font-size:.9rem}.history-list{list-style:none}.history-list li{padding:.15rem 0}.history-list button{font-family:inherit;font-size:inherit;color:#aaa;cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:2px;width:100%;padding:.15rem .4rem;overflow:hidden}.history-list button:hover{color:#8ab4f8;background:#333}.history-current{color:#4ade80;white-space:nowrap;text-overflow:ellipsis;padding:.15rem .4rem;font-weight:700;overflow:hidden}.history-future{opacity:.5}.help-panel{color:#aaa;align-items:stretch;height:100dvh;font-size:.78rem;line-height:1.5;display:flex;position:fixed;top:0;right:0}.help-drawer{opacity:1;width:calc(50vw - 22rem);min-width:10rem;max-width:18rem;transition:width .25s,opacity .2s;overflow:hidden}.help-panel-collapsed .help-drawer{opacity:0;width:0;min-width:0}.help-content{background:#222;border-left:1px solid #333;height:100%;padding:1rem .5rem 1rem .75rem;overflow-y:auto}.help-content::-webkit-scrollbar{width:4px}.help-content::-webkit-scrollbar-thumb{background:#444;border-radius:2px}.help-toggle{color:#555;cursor:pointer;background:#2a2a2a;border:1px solid #333;border-radius:3px 0 0 3px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:1.2rem;height:33%;padding:0;font-family:inherit;font-size:1rem;transition:background .15s,color .15s;display:flex}.help-toggle:hover{color:#8ab4f8;background:#333}.help-panel h2{color:#8ab4f8;margin-bottom:.75rem;font-size:.9rem}.help-panel h3{color:#ccc;margin-top:.75rem;margin-bottom:.25rem;font-size:.82rem}.help-panel p{margin-bottom:.4rem}.help-panel code{background:#2a2a2a;border-radius:2px;padding:.1rem .3rem;font-size:.75rem}.help-panel kbd{background:#333;border:1px solid #555;border-radius:3px;padding:.05rem .35rem;font-family:inherit;font-size:.72rem}.help-viable{color:#4ade80}.page-footer{justify-content:center;gap:1rem;padding:1rem 0;display:flex;position:fixed;bottom:0;left:0;right:0}.github-link{color:#555;align-items:center;transition:color .15s;display:flex}.github-link:hover{color:#e0e0e0}.zen .help-panel,.zen .history-panel,.zen .page-footer,.zen .row-entry .btn{display:none}.zen .toolbar,.zen .action-bar{visibility:hidden}.zen .action-bar .search-input{visibility:visible}@media (height<=600px){.input-area{margin-bottom:1rem;position:static;transform:none}.app{flex-direction:column;justify-content:flex-start;padding-top:1rem}}@media (width<=700px){.app{padding:1rem .5rem}.help-panel,.history-panel{display:none}.matrix-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}:root{--cell-width:2.2rem}.matrix-grid th,.matrix-grid td{width:var(--cell-width);height:1.6rem;font-size:.7rem}.btn{padding:.35rem .7rem;font-size:.7rem}.row-entry input{padding:.35rem .5rem;font-size:.7rem}.canonical-row,.spelling-legend,.spelling-option{font-size:.7rem}.spelling-menu button{padding:.2rem .4rem;font-size:.7rem}.page-footer{position:static}}