*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;height:-webkit-fill-available;margin:0;padding:0;overflow:hidden}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f5f5f5;color:#333;height:100%;width:100vw;display:flex;flex-direction:column}#sentence-container{height:15vh;min-height:80px;flex-shrink:0;background-color:#fff;border-bottom:2px solid #e0e0e0;padding:10px;display:flex;align-items:center;gap:15px}#sentence-display{flex:1;height:100%;border:2px dashed #ccc;border-radius:8px;background-color:#fafafa;display:flex;align-items:center;padding:0 15px;gap:10px;overflow-x:auto}.bar-controls{display:flex;flex-direction:column;gap:5px;height:100%}.control-btn{flex:1;padding:0 20px;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer}.speak-btn{background-color:#4caf50;color:#fff}.clear-btn{background-color:#f44336;color:#fff}#grid-board{flex:1;min-height:0;padding:15px;display:grid;grid-template-columns:repeat(var(--grid-cols, 6),minmax(0,1fr))!important;grid-template-rows:repeat(var(--grid-rows, 4),minmax(0,1fr))!important;gap:12px}.aac-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--tile-border-radius);padding:10px;font-size:var(--tile-font-size);font-weight:700;cursor:pointer;background-color:#fff;color:#000;box-shadow:0 4px 6px #0000000d;width:100%;height:100%;user-select:none;-webkit-user-select:none;transition:transform .05s ease-in-out,filter .05s ease,box-shadow .05s ease}.aac-tile:active{transform:scale(.96);filter:brightness(.92);box-shadow:inset 0 4px 10px #00000026}.aac-tile img{max-height:60%;max-width:80%;object-fit:contain;margin-bottom:5px}#footer-controls{height:8vh;min-height:60px;flex-shrink:0;background-color:#333;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-sizing:border-box}#active-board-title{font-size:1.2rem;font-weight:500}.admin-btn{background-color:#555;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:700;cursor:pointer;touch-action:none}.sidebar{position:fixed;top:0;right:-360px;width:360px;height:100vh;background-color:#fff;box-shadow:-4px 0 15px #0000001a;z-index:2000;display:flex;flex-direction:column;border-left:1px solid #e0e0e0;transition:transform .3s cubic-bezier(.25,.8,.25,1)}body.sidebar-open .sidebar{transform:translate(-360px)}.sidebar-header{padding:20px;background-color:#333;color:#fff;display:flex;justify-content:space-between;align-items:center}.sidebar-header h2{font-size:1.2rem}#btn-close-sidebar{flex:none;height:auto;padding:6px 12px;font-size:.9rem}.sidebar-content{padding:25px;display:flex;flex-direction:column;gap:15px}.grid-cell-placeholder{border:1px dashed #e0e0e0;background-color:#fafafa;border-radius:12px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:all .15s ease-in-out}.grid-cell-placeholder.placeholder-borderless{border:1px dashed transparent;background-color:transparent}body.admin-active .grid-cell-placeholder.placeholder-borderless{border:1px dashed #cccccc;background-color:#fcfcfc}.coord-indicator{font-size:.75rem;font-weight:700;color:#b0b0b0;font-family:monospace;-webkit-user-select:none;user-select:none;display:none}body.admin-active .coord-indicator{display:inline-block}.grid-cell-placeholder.drag-over{background-color:#e8f5e9!important;border:2px dashed #4caf50!important;transform:scale(1.02)}.aac-tile.drag-over-swap{outline:3px dashed #2196f3!important;box-shadow:0 0 12px #2196f34d;transform:scale(.98)}.timeline-btn:disabled{opacity:.3;cursor:not-allowed;filter:grayscale(1)}.aac-tile.scan-highlight-active{outline:6px solid #9c27b0!important;box-shadow:0 0 25px #9c27b099!important;transform:scale(1.03);z-index:10}.footer-nav-wrapper{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;max-width:65%;height:100%}.scrollable-tabs-container{display:flex;align-items:center;gap:8px;overflow-x:auto;scroll-behavior:smooth;height:100%;padding:4px 0}.scrollable-tabs-container::-webkit-scrollbar{display:none}.nav-arrow-btn{background-color:#444;color:#fff;border:1px solid #555;border-radius:6px;width:36px;height:80%;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:background-color .1s ease}.nav-arrow-btn:active{background-color:#666}.page-tab-chip{background-color:#444;color:#b0b0b0;border:1px solid #555;border-radius:8px;padding:0 16px;height:80%;font-size:.9rem;font-weight:700;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center;transition:all .15s ease-in-out}.page-tab-chip:active{transform:scale(.95)}.page-tab-chip.chip-active{background-color:#03a9f4;color:#fff;border-color:#00b0ff;box-shadow:0 0 10px #03a9f466}.aac-tile:focus-visible,.control-btn:focus-visible,.nav-arrow-btn:focus-visible,.page-tab-chip:focus-visible{outline:5px solid #FF5722!important;outline-offset:4px;box-shadow:0 0 15px #ff572280}.custom-modal{border:none;border-radius:12px;box-shadow:0 15px 35px #0000004d;max-width:90vw;width:480px;max-height:80vh;overflow:hidden;padding:0;margin:auto;background-color:#fff;z-index:3000}.custom-modal::backdrop{background-color:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-header{padding:16px 20px;color:#fff;display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:1.2rem;margin:0}.modal-header .control-btn{flex:none}.modal-body{padding:20px;overflow-y:auto;max-height:calc(80vh - 65px);color:#444}.modal-body h4{color:#222;margin-top:15px;margin-bottom:5px;font-size:1rem;border-bottom:1px solid #eee;padding-bottom:4px}.modal-body h4:first-child{margin-top:0}.modal-body p{font-size:.9rem;line-height:1.5;margin-bottom:10px}@media (orientation: landscape) and (max-height: 600px){#sentence-container{height:12vh;min-height:55px;padding:6px 12px;gap:10px}#sentence-display{padding:0 10px}.control-btn{padding:0 14px;font-size:.95rem}#footer-controls{height:10vh;min-height:45px;padding:0 12px}#grid-board{padding:8px;gap:8px;grid-template-columns:repeat(var(--grid-cols, 6),minmax(0,1fr))!important;grid-template-rows:repeat(var(--grid-rows, 4),minmax(0,1fr))!important}.aac-tile{flex-direction:row!important;justify-content:center;align-items:center;gap:8px;padding:4px 8px;border-radius:8px!important}.aac-tile img{max-height:90%!important;max-width:40%!important;height:clamp(28px,7vh,45px)!important;aspect-ratio:1 / 1!important;object-fit:cover!important;margin-bottom:0!important}.aac-tile span{font-size:clamp(.85rem,2.5vh,1.1rem)!important;line-height:1.1}.grid-cell-placeholder{min-height:0!important;border-radius:8px!important}.coord-indicator{font-size:.65rem}.page-tab-chip{padding:0 12px;font-size:.8rem;border-radius:6px}.nav-arrow-btn{width:32px;border-radius:5px}}:root{--color-pronoun-bg: #FFF9C4;--color-pronoun-border: #FBC02D;--color-verb-bg: #E8F5E9;--color-verb-border: #4CAF50;--color-noun-bg: #FFE0B2;--color-noun-border: #FB8C00;--color-social-bg: #FCE4EC;--color-social-border: #F06292;--color-modifier-bg: #E1F5FE;--color-modifier-border: #03A9F4;--color-folder-bg: #EDE7F6;--color-folder-border: #673AB7;--tile-border-radius: 16px;--tile-border-width: 5px;--tile-font-size: clamp(1.2rem, 4vw, 1.75rem)}.tile-pronoun{background-color:var(--color-pronoun-bg);border:var(--tile-border-width) solid var(--color-pronoun-border)}.tile-verb{background-color:var(--color-verb-bg);border:var(--tile-border-width) solid var(--color-verb-border)}.tile-noun{background-color:var(--color-noun-bg);border:var(--tile-border-width) solid var(--color-noun-border)}.tile-social{background-color:var(--color-social-bg);border:var(--tile-border-width) solid var(--color-social-border)}.tile-masked{opacity:0!important;pointer-events:none!important}.tile-modifier{background-color:var(--color-modifier-bg);border:var(--tile-border-width) solid var(--color-modifier-border)}.tile-folder{background-color:var(--color-folder-bg);border:var(--tile-border-width) double var(--color-folder-border);font-weight:700}body.admin-active .tile-masked{opacity:.3!important;pointer-events:auto!important;border-style:dashed}