#root{box-sizing:border-box;width:100%;max-width:100%;margin:0 auto;padding:1rem;height:100%}.app-container{display:flex;flex-direction:column;height:100%;box-sizing:border-box;overflow:hidden;background-color:#fff;padding:.5rem;border-radius:.5rem;box-shadow:var(--shadow);width:100%;max-width:100%;margin:0 auto}h1{color:var(--primary);margin-bottom:2rem}@media (max-width: 767px){#root,.app-container{padding:0}}:root{--primary: #2563eb;--background: #f8fafc;--text: #1e293b;--border: #e2e8f0;--shadow: 0 4px 6px -1px rgb(0 0 0 / .1);font-family:Inter,system-ui,sans-serif;line-height:1.5;background-color:var(--background);color:var(--text)}body{margin:0;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;vertical-align:middle}h1{margin:0}.main-content{position:relative}.nav-menu{position:absolute;top:40px;left:0;margin-top:.5rem;background:var(--background);padding:.5rem 1rem;border-radius:.5rem;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;gap:.5rem;z-index:30;min-width:200px;border-bottom:1px solid #ccc;border:1px solid var(--border)}.nav-left,.nav-center,.nav-right{flex:1}.nav-right{text-align:right}.nav-menu a{color:var(--text);text-decoration:none;padding:.5rem 1rem;border-radius:.25rem;margin:0 .5rem}.nav-menu a:hover{background:var(--background)}.nav-menu button{margin:0 .5rem}.menu-item{background:none;border:none;padding:.5rem 1rem;color:var(--text);font-size:1rem;text-align:left;cursor:pointer;width:100%;border-radius:.25rem}.menu-item:hover{background:var(--background)}.title{font-weight:400;font-style:italic;color:#007bff}.nav-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:0 1rem;background-color:var(--background);border-bottom:1px solid #ccc}.nav-left{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.nav-center{text-align:center;font-weight:700;font-size:1.1rem}.user-info{text-align:right}.menu-button{background:none;border:none;padding:.5rem;cursor:pointer;display:flex;align-items:center}.menu-button svg{width:1.5rem;height:1.5rem;color:var(--text, #1e293b)}.menu-button:hover{background:var(--background)}.user-info{font-weight:500;color:var(--text)}.home-link{color:var(--text)}a.home-link{text-decoration:none}.crosswords-table{margin-top:1rem;overflow-x:auto;height:400px;overflow:hidden;border:1px solid var(--border);border-radius:4px}table{width:100%;border-collapse:separate;border-spacing:0}thead{position:sticky;top:0;z-index:1;background:#fff}tbody{display:block;overflow-y:auto;height:360px}tr{display:table;width:100%;table-layout:fixed}th,td{padding:.75rem;text-align:left;width:20%}th{cursor:pointer;padding:.75rem;text-align:left;background:var(--background);position:relative;border-bottom:2px solid var(--border)}th:hover{background:var(--background-hover)}th.asc:after{content:"↑";margin-left:.5rem}th.desc:after{content:"↓";margin-left:.5rem}td{padding:.75rem;border-bottom:1px solid var(--border)}.select-button{padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:.25rem;cursor:pointer}.select-button:hover{opacity:.9}.select-group{display:flex;align-items:center;margin-bottom:1rem}.select-group label{width:120px;font-weight:700;margin-right:10px}.select-group select{flex:1;padding:4px 8px;font-size:1rem}.preview-container{display:flex;flex-direction:column;gap:2rem;padding:1rem}.session-creation{background:var(--background);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.session-creation h3{margin:0 0 1rem;color:var(--primary)}.session-form{display:flex;flex-direction:column;gap:1rem}.session-form label{display:flex;align-items:center;gap:.5rem}.session-form input[type=text]{flex:1;padding:.5rem;border:1px solid var(--border);border-radius:4px}.allow-join{font-weight:500}.create-session{padding:.75rem;background:var(--primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500}.navigation{display:flex;justify-content:flex-start}.back-button{padding:.5rem 1rem;background:var(--background);border:1px solid var(--border);border-radius:4px;cursor:pointer}.back-button:hover{background:var(--border)}.button-group{display:flex;gap:1rem;margin-top:1rem}.create-session,.cancel-button{flex:1;padding:.75rem;border:none;border-radius:4px;cursor:pointer;font-weight:500}.create-session{background:var(--primary);color:#fff}.cancel-button{background:var(--background);border:1px solid var(--border);color:var(--text)}.create-session:hover{opacity:.9}.cancel-button:hover{background:var(--border)}.crossword-grid{display:grid;gap:0;border-collapse:collapse}.completion-message{position:fixed;top:50px;left:50%;transform:translate(-50%);background-color:#4caf50;color:#fff;padding:10px 20px;border-radius:4px;font-weight:700;font-size:18px;box-shadow:0 2px 5px #0003;z-index:1001;min-height:20px;min-width:150px;text-align:center}.error-message{position:fixed;top:50px;left:50%;transform:translate(-50%);background-color:red;color:#fff;padding:10px 20px;border-radius:4px;font-weight:700;font-size:18px;box-shadow:0 2px 5px #0003;z-index:1001;min-height:20px;min-width:150px;text-align:center}.crossword-grid-container{position:relative;min-height:450px}.fireworks-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.crossword-cell{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid #00000040;position:relative;box-sizing:border-box;padding:0;margin:0;transition:background-color 1s ease}.crossword-cell.black{background-color:#000}.cellerror{color:red}.selected-cell{border-color:#00f;border-width:2px}.selected-clue{background-color:#add8e6!important}.right-line{border-right:1px solid #000000}.bottom-line{border-bottom:1px solid #000000}.left-line{border-left:1px solid #000000}.top-line{border-top:1px solid #000000}.cluenum{position:absolute;top:0;left:0;margin:0;padding:0}.with-text{font-size:.55em}.no-text{font-size:.7em}.crossword-cell span{font-size:1em}.crossword-clues{display:flex;flex-direction:column;text-align:left;overflow-y:auto}.clues-section{display:flex;justify-content:space-between}.across-clues,.down-clues{width:45%}.across-clues h3,.down-clues h3{margin-bottom:1rem;padding-left:0}.across-clues ul,.down-clues ul{list-style-type:none;list-style:none;padding-left:0;margin:0;text-align:left}.across-clues li,.down-clues li{list-style-type:none;list-style:none;margin-bottom:.25rem;padding-left:0}.clue-direction{font-weight:700;margin-right:.5rem;margin-top:0}.mode-selector{display:inline-flex;gap:0;padding:.5rem 0rem;background:var(--background);border-radius:8px}.mode-button{padding:.3rem .75rem;border:none;background:transparent;color:var(--text);cursor:pointer;font-size:.9rem;transition:all .2s ease;border-radius:6px;margin:2px}.mode-button:hover{background:#0000000d}.mode-button.selected{background:#fff;color:var(--primary);box-shadow:0 2px 4px #0000001a}.mode-button:focus{outline:none;box-shadow:0 0 0 2px var(--primary)}.crossword-display{display:flex;flex-direction:column;flex-grow:1;gap:1rem;height:100%;overflow-y:hidden}.left-column{display:flex;flex-direction:column;gap:0rem;width:fit-content;overflow-y:auto;min-width:468px}.crossword-grid{width:max-content}.mode-selector{width:100%}.crossword-display.watermark{position:relative}.crossword-display.watermark:before{content:"PREVIEW";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);font-size:12rem;font-weight:700;color:#8080804d;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:20}.crossword-display>*{position:relative;z-index:2}.crossword-header{width:100%;border-radius:4px;padding:.1rem}.header-details{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;width:100%}.header-details span:first-child{justify-self:start}.header-details span:nth-child(2){justify-self:center}.header-details span:last-child{justify-self:end}.header-details span{background:#fff;border-radius:4px;font-size:.9rem}.content-area{display:flex;flex-direction:row;gap:2rem;overflow-y:hidden}.app-container,.session-page,.crossword-display,.crossword-grid-container,.mobile-content{min-width:450px;margin-left:auto;margin-right:auto;overflow-x:auto}@media (max-width: 767px){.mobile-content{display:flex;flex-direction:column;gap:1rem}.mobile-clue{padding:1rem;background:var(--background);border-radius:4px;text-align:center;font-size:1rem}.mobile-content .scratchpad{width:100%}}.scratchpad{width:100%;margin-top:1rem;display:flex;flex-direction:column}.scratchpad label{margin-bottom:.5rem;font-weight:700}.scratchpad textarea{width:100%;height:calc(3em + 1.2rem);padding:.6rem;border:1px solid #ccc;border-radius:4px;font-family:inherit;resize:vertical;box-sizing:border-box;background-color:#fff}.left-column .scratchpad{flex:1}.grid-header{width:100%;margin-bottom:0rem}.publication-info{display:flex;justify-content:space-between;align-items:flex-start;width:100%;padding:0rem 0}.setter-name{text-align:left;font-weight:700;color:#333}.publication-date{text-align:right;font-style:italic;color:#333}@media (max-width: 767px){.publication-info{padding:.25rem 0}.publication-date,.setter-name{font-size:.9rem}}.crossword-clues-container{flex-grow:1;height:100%;overflow-y:auto}.session-participants{display:flex;align-items:center;margin:0 8px;padding:0;flex-wrap:wrap}.participants-title{font-size:.9rem;font-weight:500;margin-right:10px;color:#555;white-space:nowrap}.participants-list{display:flex;flex-wrap:wrap;gap:4px;align-items:center;flex:1}.participant-circle{width:20px;height:20px;border-radius:50%;background-color:#6750a4;color:#000;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:500;-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #0003;transition:transform .2s ease}.participant-circle.updating{filter:invert(1)}.participant-circle:hover{transform:scale(1.1);cursor:default}.participant-circle.loading{background-color:#ccc;animation:pulse 1.5s infinite;font-size:.5rem}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.home-container{max-width:1200px;margin:0 auto;padding:2rem}.home-container h1{text-align:center;color:var(--primary);margin-bottom:3rem}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:1rem}.option-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;text-decoration:none;color:var(--text);transition:transform .2s,box-shadow .2s;position:relative}.option-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.option-card h2{margin:0 0 1rem;color:var(--primary)}.option-card p{margin:0;color:var(--text);opacity:.8}.arrow{position:absolute;bottom:1.5rem;right:1.5rem;font-size:1.5rem;opacity:0;transition:opacity .2s}.option-card:hover .arrow{opacity:1}.intro{text-align:center;color:var(--text);opacity:.8;margin-bottom:2rem}.auth-container{width:300px;padding:20px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9;margin:4rem auto;max-width:400px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.auth-toggle{display:flex;margin-bottom:20px;background:#f3f4f6;padding:.25rem;border-radius:8px}.auth-toggle button{flex:1;padding:10px;border:none;background-color:#ddd;color:#333;cursor:pointer;transition:background-color .3s ease;border-radius:6px;font-weight:500}.auth-toggle button.active{background-color:#bbb;color:#fff;box-shadow:0 2px 4px #0000001a}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-form h3{text-align:center;margin-bottom:20px;color:#111827;font-size:1.5rem;font-weight:600}.auth-form input{padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;font-size:16px;transition:border-color .2s ease}.auth-form input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.auth-form button{padding:10px 15px;border:none;border-radius:4px;background-color:#5cb85c;color:#fff;font-size:16px;cursor:pointer;transition:background-color .3s ease;font-weight:500}.auth-form button:hover{background-color:#4cae4c}.message{padding:10px;margin-bottom:15px;border-radius:4px;font-size:.875rem}.message.success{background-color:#dff0d8;color:#3c763d;border:1px solid #d6e9c6}.message.error{background-color:#f2dede;color:#a94442;border:1px solid #ebccd1}.remember-me{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563}.remember-me input[type=checkbox]{width:1rem;height:1rem}@media (max-width: 480px){.auth-container{margin:2rem;padding:1.5rem}}.auth-form-link{background:none;border:none;color:#2563eb;padding:5px;font-size:.875rem;cursor:pointer;text-align:center;text-decoration:underline;margin-top:10px}.auth-form-link:hover{color:#1e40af;background-color:transparent}.auth-form-form{display:flex;flex-direction:column}.auth-form-input{padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;font-size:16px;transition:border-color .2s ease}.auth-form-button{padding:10px 15px;border:none;border-radius:4px;background-color:#5cb85c;color:#fff;font-size:16px;cursor:pointer;transition:background-color .3s ease;font-weight:500}.auth-form-label{margin-bottom:15px}.forgot-password-link{background:none!important;border:none!important;padding:0!important;box-shadow:none!important;color:#2563eb!important;font-size:.85rem!important;cursor:pointer!important;text-align:left!important;text-decoration:underline!important;margin-top:5px;margin-bottom:10px;font-weight:400;display:inline-block;width:auto}.forgot-password-link:hover{color:#1e40af;background-color:transparent;text-decoration:underline}.session-chooser{display:flex;flex-direction:column;height:calc(100vh - 100px);max-width:1280px;margin:0 auto;padding:1rem}.session-header{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.session-header h1{margin-bottom:.5rem}.show-completed{display:flex;align-items:center;gap:.5rem}.sessions-table{flex:1;display:flex;flex-direction:column;min-height:200px;overflow:hidden}.sessions-table table{width:100%;border-collapse:collapse;height:100%;display:flex;flex-direction:column}.sessions-table thead{flex:0 0 auto;display:block;width:100%}.sessions-table thead tr{display:table;width:100%;table-layout:fixed}.sessions-table tbody{flex:1 1 auto;display:block;overflow-y:auto;width:100%}.sessions-table tbody tr{display:table;width:100%;table-layout:fixed}.sessions-table th,.sessions-table td{border:1px solid #ddd;padding:.5rem;text-align:left}.sessions-table th{background-color:#f2f2f2;position:sticky;top:0;z-index:10}.sessions-table tr:nth-child(2n){background-color:#f9f9f9}.sessions-table tr:hover{background-color:#f1f1f1}table{width:100%;border-collapse:collapse;background:#fff;border-radius:.5rem;box-shadow:var(--shadow)}th,td{padding:1rem;text-align:left;border-bottom:1px solid var(--border)}th{background:var(--background);font-weight:500;color:var(--text)}tr.completed{color:#777;background:#f8fafc}tr:hover{background:var(--background)}.status{padding:.25rem .5rem;border-radius:4px;font-size:.85rem;font-weight:700}.status.active{background-color:#dff0d8;color:#3c763d}.status.completed{background-color:#f2dede;color:#a94442}.join-button{padding:.25rem .5rem;border:none;border-radius:4px;background-color:#5bc0de;color:#fff;cursor:pointer}.join-button:disabled{background-color:#ccc;cursor:not-allowed}.join-button:not(:disabled):hover{opacity:.9}.filters{display:flex;gap:1rem;margin-bottom:1rem}.show-completed,.show-mine{display:flex;align-items:center;gap:.5rem}.session-page{display:flex;flex-direction:column;padding:10px;overflow-x:auto;flex-grow:1;height:100%;overflow-y:hidden}@media (max-width: 767px){.session-page{padding:.5rem}.session-page h3{font-size:1.2rem;text-align:center}.content-container{flex-direction:column;align-items:stretch;flex-grow:1;overflow-y:hidden;height:100%}.content-container>*{margin-right:0;margin-bottom:10px}.jitsi-meet{width:100%!important;order:-1}.jitsi-meet iframe{height:300px}}.content-container{display:flex;flex-grow:1;flex-direction:row;align-items:flex-start;height:100%;overflow:auto}.content-container>:not(:first-child){margin-left:20px}.jitsi-meet{width:25vw;min-width:200px;height:600px;flex-shrink:0;flex-grow:0;resize:both;overflow:auto;border-top:24px}.jitsi-meet iframe{width:100%;height:100%}.resizable-container{width:25vw;min-width:200px;height:600px;resize:both;overflow:auto;position:relative;transition:all .3s ease;padding-top:24px}.resizable-container.collapsed{height:auto;width:auto;resize:none;overflow:visible;min-width:25px}.slider-toggle{position:absolute;z-index:1000;background:#fff;border:none;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center}.h-6{height:24px}.w-6{width:24px}.resizable-container:after{content:"";position:absolute;width:15px;height:15px;right:0;bottom:0;background:url(/path/to/grab-handle-icon.png) no-repeat center center;cursor:se-resize}.resizable-container .jitsi-meet{width:100%;height:100%}.resizable-container .jitsi-meet iframe{width:100%;height:100%;display:block!important;border:0;overflow-y:auto}.resizable-container .jitsi-meet,.resizable-container .jitsi-meet iframe{width:100%!important;height:100%!important}