:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{margin:0;padding:0;min-width:320px;height:100%}body{display:flex;flex-direction:column}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;max-width:100%;margin:0;padding:0;flex:1;display:flex;flex-direction:column;min-height:0}.landing-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;padding:2rem}.landing-page h1{font-size:4rem;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-page .tagline{font-size:1.5rem;color:#888;margin-bottom:.5rem}.landing-page .description{font-size:1rem;color:#666;margin-bottom:1.5rem}.github-link-landing{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;margin-bottom:2rem;border-radius:6px;color:#888;font-size:.875rem;text-decoration:none;transition:color .2s,background .2s}.github-link-landing:hover{color:#fff;background:#ffffff1a}@media(prefers-color-scheme:light){.github-link-landing:hover{color:#000;background:#0000001a}}.landing-card{width:100%;max-width:400px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);overflow:hidden}.landing-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.1)}.landing-tab{flex:1;padding:1rem;background:transparent;border:none;color:#888;font-size:1rem;font-weight:500;cursor:pointer;transition:color .2s,background .2s}.landing-tab:hover{color:#ddd;background:#ffffff08}.landing-tab.active{color:#667eea;background:#667eea1a;border-bottom:2px solid #667eea;margin-bottom:-1px}.landing-tab-content{padding:2rem}.landing-tab-content form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem;text-align:left}.form-group label{font-size:.875rem;color:#999}.form-group input{padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:inherit;font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#667eea}.form-group input::placeholder{color:#666}.error-message{color:#ef4444;font-size:.875rem;text-align:left}.submit-btn{padding:.75rem 1.5rem;border-radius:8px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.back-btn{padding:.75rem 1.5rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#888;font-size:1rem;font-weight:600;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.back-btn:hover{color:#fff;border-color:#fff6;background:#ffffff0d}@media(prefers-color-scheme:light){.back-btn{border-color:#0003;color:#666}.back-btn:hover{color:#000;border-color:#0006;background:#0000000d}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal{background:#1a1a1a;border-radius:12px;padding:2rem;max-width:500px;width:100%;border:1px solid rgba(255,255,255,.1)}.modal h2{margin-top:0;margin-bottom:1rem;color:#4ade80}.modal p{color:#888;margin-bottom:1.5rem}.owner-key-display{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.owner-key-display label{font-size:.875rem;color:#999;text-align:left}.owner-key-value{display:flex;gap:.5rem}.owner-key-value code{flex:1;padding:.75rem;background:#ffffff0d;border-radius:6px;font-family:monospace;font-size:.875rem;word-break:break-all;text-align:left}.copy-btn{padding:.5rem 1rem;border-radius:6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:inherit;cursor:pointer;font-size:.875rem;white-space:nowrap}.copy-btn:hover{background:#ffffff26}.warning{background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem;text-align:left}.warning p{margin:0;color:#eab308;font-size:.875rem}.modal-actions{display:flex;justify-content:flex-end}.room-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.room-page main{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.room-loading,.room-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.room-error{color:#ef4444}.room-error a{color:#667eea}.room-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.room-header-left{display:flex;align-items:center;gap:1.5rem}.room-header h1{font-size:1.5rem;margin:0}.room-mode-badge{padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;background:#667eea33;color:#667eea;line-height:1;display:inline-flex;align-items:center}.yart-logo{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;transition:opacity .2s}.yart-logo:hover{opacity:.8}.header-divider{color:#fff3;margin:0 .5rem}.role-badge{padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;line-height:1;display:inline-flex;align-items:center}.role-badge.owner{background:#667eea33;color:#667eea}.role-badge.participant{background:#8883;color:#888}.github-link{display:flex;align-items:center;padding:.375rem;border-radius:6px;color:#888;transition:color .2s,background .2s}.github-link:hover{color:#fff;background:#ffffff1a}@media(prefers-color-scheme:light){.github-link:hover{color:#000;background:#0000001a}}.share-room-container{display:flex;align-items:center;gap:.5rem}.share-room-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:6px;font-size:.8125rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#888;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.share-room-btn:hover{color:#667eea;border-color:#667eea4d;background:#667eea1a}.share-icon{font-size:.875rem}.share-info-icon{font-size:.875rem;color:#666;cursor:help;transition:color .2s}.share-info-icon:hover{color:#888}.room-header-right{display:flex;align-items:center;gap:1rem}.user-count{font-size:.875rem;color:#888}.user-count-btn{font-size:.875rem;color:#888;background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:color .2s,background .2s}.user-count-btn:hover{color:#667eea;background:#667eea1a}.participants-modal{background:#1a1a1a;border-radius:12px;max-width:400px;width:100%;border:1px solid rgba(255,255,255,.1);max-height:80vh;display:flex;flex-direction:column}.participants-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.participants-modal-header h2{margin:0;font-size:1.125rem}.modal-close-btn{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1;border-radius:4px;transition:color .2s,background .2s}.modal-close-btn:hover{color:#fff;background:#ffffff1a}.participants-list{list-style:none;padding:0;margin:0;overflow-y:auto}.participant-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.participant-item:last-child{border-bottom:none}.participant-name{font-size:.9375rem}.participant-badge{padding:.125rem .5rem;border-radius:999px;font-size:.6875rem;font-weight:600;text-transform:uppercase}.participant-badge.owner{background:#667eea33;color:#667eea}.participant-item.current-user{background:#667eea1a}.participant-name.editable{cursor:pointer}.participant-name.editable:hover{text-decoration:underline}.participant-name-input{flex:1;padding:.25rem .5rem;border:1px solid #667eea;border-radius:4px;background:#ffffff1a;color:inherit;font-size:.9375rem;font-family:inherit;min-width:0}.participant-name-input:focus{outline:none}.edit-name-btn{margin-left:.5rem;padding:.25rem;border:none;background:transparent;color:#888;cursor:pointer;font-size:.875rem;transition:color .2s}.edit-name-btn:hover{color:#667eea}.you-badge{margin-left:.5rem;font-size:.75rem;color:#667eea;font-weight:600}@media(prefers-color-scheme:light){.participants-modal{background:#fff;border-color:#0000001a}.participants-modal-header{border-color:#0000001a}.modal-close-btn:hover{color:#000;background:#0000001a}.participant-item{border-color:#0000000d}}.owner-controls{display:flex;gap:.5rem}.settings-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#888;font-size:1rem;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.settings-btn:hover{color:#667eea;border-color:#667eea4d;background:#667eea1a}@media(prefers-color-scheme:light){.settings-btn{background:#00000005;border-color:#0000001a}.settings-btn:hover{background:#667eea1a}}.vote-settings-modal{background:#1a1a1a;border-radius:12px;max-width:400px;width:100%;border:1px solid rgba(255,255,255,.1)}.vote-settings-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.vote-settings-header h2{margin:0;font-size:1.125rem}.vote-settings-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.vote-settings-content .form-group label{display:flex;flex-direction:column;gap:.25rem}.vote-settings-content .form-hint{font-size:.75rem;color:#666;font-weight:400}.vote-settings-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);background:#ffffff05}@media(prefers-color-scheme:light){.vote-settings-modal{background:#fff;border-color:#0000001a}.vote-settings-header{border-color:#0000001a}.vote-settings-actions{border-color:#0000001a;background:#00000005}}.edit-mode{flex:1;padding:2rem}.edit-mode-content{max-width:800px;margin:0 auto}.edit-mode h2{font-size:1.25rem;margin-bottom:1.5rem}.columns-editor{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.column-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.column-item .drag-handle{cursor:grab;color:#666;padding:.25rem}.column-item .drag-handle:active{cursor:grabbing}.column-item.dragging{box-shadow:0 8px 24px #0000004d;border-color:#667eea;background:#667eea1a}.column-item input{flex:1;padding:.5rem .75rem;border-radius:6px;border:1px solid transparent;background:transparent;color:inherit;font-size:1rem}.column-item input:hover{background:#ffffff0d}.column-item input:focus{outline:none;border-color:#667eea;background:#ffffff0d}.column-item .delete-btn{padding:.5rem;border-radius:6px;background:transparent;border:none;color:#666;cursor:pointer;transition:color .2s,background .2s}.column-item .delete-btn:hover{color:#ef4444;background:#ef44441a}.column-item-fields{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.column-description-input{font-size:.8125rem!important;padding:.375rem .75rem!important;color:#888!important}.add-description-btn{align-self:flex-start;font-size:.75rem;color:#666;background:none;border:none;cursor:pointer;padding:.25rem 0;transition:color .2s}.add-description-btn:hover{color:#667eea}.add-column-form{display:flex;gap:.75rem}.add-column-form input{flex:1;padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:inherit;font-size:1rem}.add-column-form input:focus{outline:none;border-color:#667eea}.add-column-form button{padding:.75rem 1.5rem;border-radius:8px;border:none;background:#667eea33;color:#667eea;font-size:1rem;cursor:pointer;transition:background .2s}.add-column-form button:hover:not(:disabled){background:#667eea4d}.add-column-form button:disabled{opacity:.5;cursor:not-allowed}.waiting-message{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:1rem;text-align:center}.waiting-message h2{font-size:1.5rem;margin:0}.waiting-message p{color:#888;max-width:400px}.publish-mode,.group-mode{flex:1;padding:1rem 1.5rem .5rem;overflow:hidden;display:flex;flex-direction:column;min-height:0;max-height:100%}.publish-mode-header,.group-mode-header{margin-bottom:.75rem;flex-shrink:0}.publish-mode-header p,.group-mode-header p{color:#888;text-align:center}.columns-container{display:flex;gap:1.5rem;flex:1 1 0;min-height:0;max-height:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:.5rem;align-items:stretch}@media(min-width:1400px){.columns-container .column{flex:0 0 calc(25% - 1.125rem);max-width:calc(25% - 1.125rem)}}@media(min-width:1024px)and (max-width:1399px){.columns-container .column{flex:0 0 calc(33.333% - 1rem);max-width:calc(33.333% - 1rem)}}@media(min-width:768px)and (max-width:1023px){.columns-container .column{flex:0 0 calc(50% - .75rem);max-width:calc(50% - .75rem)}}@media(max-width:767px){.columns-container{flex-direction:column}.columns-container .column{flex:0 0 100%;max-width:100%;min-width:unset}}.no-columns{display:flex;align-items:center;justify-content:center;flex:1;color:#888}.add-column-card{min-width:200px;max-width:250px;display:flex;flex-direction:column;justify-content:center;padding:1rem;background:#ffffff05;border:2px dashed rgba(255,255,255,.1);border-radius:12px}.add-column-card form{display:flex;flex-direction:column;gap:.75rem}.add-column-card input{padding:.75rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:inherit;font-size:.875rem}.add-column-card input:focus{outline:none;border-color:#667eea}.add-column-card button{padding:.75rem;border:none;border-radius:8px;background:#667eea33;color:#667eea;font-weight:600;cursor:pointer;transition:background .2s}.add-column-card button:hover:not(:disabled){background:#667eea4d}.add-column-card button:disabled{opacity:.5;cursor:not-allowed}@media(prefers-color-scheme:light){.add-column-card{background:#00000005;border-color:#0000001a}.add-column-card input{border-color:#0003;background:#00000005}}.column{flex:1;min-width:280px;display:flex;flex-direction:column;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;min-height:0;max-height:100%}.column-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.column-title-container{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.column-header h3,.column-title{margin:0;font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.column-info-icon{font-size:.875rem;color:#666;cursor:help;flex-shrink:0;transition:color .2s}.column-info-icon:hover{color:#888}.card-count{font-size:.75rem;color:#888;flex-shrink:0;margin-left:.5rem}.column-cards{flex:1;padding:1rem;overflow-y:auto;column-count:1;column-gap:.75rem;min-height:100px}@media(min-width:900px){.column-cards{column-count:2}}@media(min-width:1400px){.column-cards{column-count:3}}.no-cards{color:#666;font-size:.875rem;text-align:center;padding:1rem}.card-item{padding:.875rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:border-color .2s;break-inside:avoid;margin-bottom:.75rem;overflow:hidden}.card-item.own-card{border-left:3px solid #667eea}.card-item:hover{border-color:#fff3}.card-content{margin:0 0 .5rem;font-size:.875rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.card-footer{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.card-author{color:#888}.card-content.editable{cursor:pointer}.card-content.editable:hover{background:#667eea0d;border-radius:4px;margin:-2px;padding:2px}.card-edit-textarea{width:100%;padding:.5rem;border:1px solid #667eea;border-radius:6px;background:#ffffff0d;color:inherit;font-size:.875rem;font-family:inherit;line-height:1.5;resize:vertical;min-height:60px;box-sizing:border-box;margin-bottom:.5rem}.card-edit-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.card-edit-btn{padding:.25rem .5rem;border:none;background:transparent;color:#666;cursor:pointer;border-radius:4px;transition:color .2s,background .2s}.card-edit-btn:hover{color:#667eea;background:#667eea1a}.card-delete-btn{margin-left:auto;padding:.25rem .5rem;border:none;background:transparent;color:#666;cursor:pointer;border-radius:4px;transition:color .2s,background .2s}.card-delete-btn:hover{color:#ef4444;background:#ef44441a}.card-votes{padding:.125rem .5rem;background:#667eea33;color:#667eea;border-radius:999px;font-weight:600}.draft-area{border-top:1px solid rgba(255,255,255,.1);padding:1rem;background:#0000001a;max-height:200px;display:flex;flex-direction:column;overflow:hidden;flex-shrink:1}.draft-area-header{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;flex-shrink:0}.publish-all-btn{padding:.25rem .5rem;font-size:.7rem;font-weight:600;text-transform:none;letter-spacing:normal;border:none;border-radius:4px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;transition:opacity .2s}.publish-all-btn:hover:not(:disabled){opacity:.9}.publish-all-btn:disabled{opacity:.5;cursor:not-allowed}.draft-cards-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}.draft-card-item{display:flex;flex-direction:column;gap:.5rem}.draft-card-item textarea{width:100%;padding:.5rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff0d;color:inherit;font-size:.875rem;font-family:inherit;resize:vertical;min-height:60px;box-sizing:border-box;word-break:break-word}.draft-card-item textarea:focus{outline:none;border-color:#667eea}.draft-card-actions{display:flex;gap:.5rem}.draft-publish-btn{flex:1;padding:.375rem .75rem;border:none;border-radius:6px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;transition:opacity .2s}.draft-publish-btn:disabled{opacity:.5;cursor:not-allowed}.draft-delete-btn{padding:.375rem .75rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:transparent;color:#888;font-size:.75rem;cursor:pointer;transition:color .2s,border-color .2s}.draft-delete-btn:hover{color:#ef4444;border-color:#ef4444}.add-draft-form{display:flex;flex-direction:column;gap:.5rem}.add-draft-form textarea{width:100%;padding:.5rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff0d;color:inherit;font-size:.875rem;font-family:inherit;resize:vertical;min-height:60px;box-sizing:border-box;word-break:break-word}.add-draft-form textarea:focus{outline:none;border-color:#667eea}.add-draft-form button{align-self:flex-end;padding:.5rem 1rem;border:none;border-radius:6px;background:#667eea33;color:#667eea;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.add-draft-form button:hover:not(:disabled){background:#667eea4d}.add-draft-form button:disabled{opacity:.5;cursor:not-allowed}.vote-mode.direct-vote{flex:1;display:flex;flex-direction:column;padding:1rem 1.5rem;overflow:hidden;min-height:0}.vote-mode-header{text-align:center;margin-bottom:1rem;flex-shrink:0}.vote-mode-header p{color:#888;margin:0 0 .5rem}.vote-limits-info{display:flex;gap:1.5rem;justify-content:center;font-size:.875rem;color:#667eea;font-weight:500}.vote-card{padding:1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:border-color .2s,background .2s,transform .1s;break-inside:avoid;margin-bottom:.75rem}.vote-card:hover{border-color:#667eea80;background:#667eea0d}.vote-card:active{transform:scale(.98)}.vote-card:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea4d}.vote-card.voted{border-color:#667eea;background:#667eea26}.vote-card-content p{margin:0 0 .5rem;line-height:1.4;font-size:.875rem;word-break:break-word}.vote-card-author{font-size:.75rem;color:#888}.vote-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.vote-count{font-size:.75rem;color:#888}.vote-count.voted{color:#667eea;font-weight:600}.vote-indicator{font-size:.75rem;padding:.25rem .75rem;border-radius:999px;background:#667eea33;color:#667eea}.vote-card.voted .vote-indicator{background:#667eea;color:#fff}.vote-group{background:#667eea0d}.vote-group-content{display:flex;flex-direction:column;gap:.5rem}.vote-group-header{margin-bottom:.25rem}.vote-group-count{font-size:.75rem;font-weight:600;color:#667eea}.vote-card-preview{font-size:.8rem;color:#aaa;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vote-card-more{font-size:.75rem;color:#666;font-style:italic;margin:0}.column-votes{font-size:.7rem;color:#667eea}.empty-column{color:#666;font-size:.875rem;text-align:center;padding:1rem;font-style:italic}@media(prefers-color-scheme:light){.vote-card{background:#00000005;border-color:#0000001a}.vote-card:hover{background:#667eea0d}.vote-card.voted{background:#667eea1a}.vote-card-footer{border-color:#0000001a}}.focus-mode{flex:1;padding:1rem 2rem;overflow-x:auto;display:flex;flex-direction:column;min-height:0}.focus-mode.focus-column-view{max-width:none;margin:0}.focus-mode-header{margin-bottom:1.5rem}.focus-mode-header p{color:#888;text-align:center}.focus-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;color:#888}.focus-item{padding:.875rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;position:relative;transition:border-color .2s,background .2s;break-inside:avoid;margin-bottom:.75rem;overflow:hidden}.focus-item.clickable{cursor:pointer}.focus-item.clickable:hover{border-color:#667eea;background:#667eea0d}.focus-item.clickable:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea4d}.focus-item-single .focus-item-content{font-size:.875rem;line-height:1.5;margin-bottom:.5rem;white-space:pre-wrap;word-break:break-word}.focus-item-single .focus-item-author{font-size:.75rem;color:#888}.focus-item-group{display:flex;flex-direction:column;gap:.5rem}.focus-item-group-header{display:flex;justify-content:space-between;align-items:center}.focus-item-group-count{font-size:.75rem;font-weight:600;color:#667eea}.focus-item-group-preview{display:flex;flex-direction:column;gap:.25rem}.focus-item-preview-text{font-size:.8rem;color:#aaa;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.focus-item-more{font-size:.75rem;color:#666;font-style:italic;margin:0}.focus-item-votes{position:absolute;top:.5rem;right:.5rem;padding:.125rem .5rem;background:#667eea33;color:#667eea;border-radius:999px;font-size:.75rem;font-weight:600}.focus-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:200;padding:2rem}.focus-modal{background:#1a1a1a;border-radius:16px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(255,255,255,.1)}.focus-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.1)}.focus-modal-column{font-size:.75rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.05em}.focus-modal-close{padding:.5rem 1rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:transparent;color:inherit;font-size:.875rem;cursor:pointer;transition:background .2s,border-color .2s}.focus-modal-close:hover{background:#ffffff1a;border-color:#ffffff4d}.focus-modal-content{padding:1.5rem}.focus-modal-single .focus-modal-card-text{font-size:1.25rem;line-height:1.5;margin:0 0 1rem;word-break:break-word;overflow-wrap:break-word}.focus-modal-meta{display:flex;justify-content:space-between;align-items:center}.focus-modal-card-author{font-size:.875rem;color:#888;font-style:italic}.focus-modal-votes{font-weight:600;color:#667eea;font-size:.875rem}.focus-modal-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.focus-modal-group-count{font-size:.875rem;font-weight:600;color:#667eea}.focus-modal-group-cards{display:flex;flex-direction:column;gap:.75rem}.focus-modal-group-card{padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px}.focus-modal-group-card .focus-modal-card-text{font-size:1rem;line-height:1.4;margin:0 0 .5rem;word-break:break-word;overflow-wrap:break-word}.focus-modal-group-card .focus-modal-card-author{font-size:.75rem}.focus-modal-actions{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1);background:#ffffff05}.focus-modal-actions h3{margin:0 0 1rem;font-size:1rem}.no-actions{color:#666;font-style:italic}.action-items-list{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.5rem}.action-items-list li{padding:.75rem 1rem;background:#667eea1a;border-radius:8px;border-left:3px solid #667eea}.action-item-form{display:flex;gap:.75rem}.action-item-form input{flex:1;padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:inherit;font-size:1rem}.action-item-form input:focus{outline:none;border-color:#667eea}.action-item-form button{padding:.75rem 1.5rem;border-radius:8px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;cursor:pointer;transition:opacity .2s}.action-item-form button:disabled{opacity:.5;cursor:not-allowed}@media(prefers-color-scheme:light){.focus-modal{background:#fff;border-color:#0000001a}.focus-modal-header{background:#00000005;border-color:#0000001a}.focus-modal-close{border-color:#0003}.focus-modal-close:hover{background:#0000000d}.focus-modal-group-card{background:#00000005;border-color:#0000001a}.focus-modal-actions{border-color:#0000001a;background:#00000005}.focus-item{background:#00000005;border-color:#0000001a}.focus-item.clickable:hover{background:#667eea0d}}.overview-mode{flex:1;padding:2rem;overflow-x:auto}.overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.overview-header h2{margin:0}.export-btn{padding:.75rem 1.5rem;border-radius:8px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;cursor:pointer;transition:opacity .2s}.export-btn:hover{opacity:.9}.overview-columns{display:flex;gap:1.5rem;min-height:400px}.overview-column{flex:1;min-width:280px;max-width:400px;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.overview-column-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.1)}.overview-column-header h3{margin:0;font-size:1rem}.overview-column-count{font-size:.75rem;color:#888}.overview-column-cards{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.overview-column-cards .no-cards{color:#666;font-style:italic;text-align:center;padding:2rem}.overview-card{padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.overview-card.discussed{border-color:#667eea;background:#667eea0d}.overview-card-content{margin-bottom:.75rem;line-height:1.4;word-break:break-word;overflow-wrap:break-word}.overview-card-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.75rem;color:#888}.overview-card-votes{font-weight:600;color:#667eea}.overview-card-actions-badge{padding:.125rem .5rem;background:#667eea33;color:#667eea;border-radius:999px}.overview-card-actions{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1);list-style:none;padding-left:0}.overview-card-actions li{font-size:.875rem;color:#888;padding:.25rem 0 .25rem 1rem;position:relative}.overview-card-actions li:before{content:"→";position:absolute;left:0;color:#667eea}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-color-scheme:light){.landing-card{background:#00000008;border-color:#0000001a}.landing-tabs{border-color:#0000001a}.landing-tab{color:#666}.landing-tab:hover{color:#333;background:#00000008}.landing-tab.active{background:#667eea1a}.form-group label{color:#666}.form-group input{border-color:#0003;background:#00000008}.form-group input::placeholder{color:#999}.modal{background:#fff;border-color:#0000001a}.owner-key-value code{background:#0000000d}.room-header{background:#00000005;border-color:#0000001a}.column-item{background:#00000008;border-color:#0000001a}.column-item input:hover,.column-item input:focus{background:#0000000d}.spinner{border-color:#0000001a;border-top-color:#667eea}.column{background:#00000005;border-color:#0000001a}.column-header{background:#00000008;border-color:#0000001a}.card-item{background:#00000005;border-color:#0000001a}.card-item:hover{border-color:#0003}.draft-area{background:#00000008;border-color:#0000001a}.draft-card-item textarea,.add-draft-form textarea{border-color:#0003;background:#00000005}}.groups-section{margin-bottom:1.5rem}.groups-section h3{font-size:.875rem;color:#888;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.groups-container{display:flex;flex-wrap:wrap;gap:1rem}.group-stack{background:#667eea1a;border:2px dashed rgba(102,126,234,.3);border-radius:12px;padding:.75rem;transition:border-color .2s,background .2s;break-inside:avoid;margin-bottom:.75rem}.group-stack.drop-target{border-color:#667eea;background:#667eea33}.group-stack-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.group-stack-count{font-size:.75rem;color:#667eea;font-weight:600}.group-stack-cards{display:flex;flex-direction:column;gap:.5rem}.grouped-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.5rem .75rem;position:relative}.grouped-card-column{font-size:.65rem;color:#667eea;text-transform:uppercase;margin-bottom:.25rem}.grouped-card-content{font-size:.8rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:1.5rem}.ungroup-btn{position:absolute;top:.25rem;right:.25rem;width:1.25rem;height:1.25rem;padding:0;border:none;background:#ffffff1a;color:#888;border-radius:50%;cursor:pointer;font-size:.875rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.ungroup-btn:hover{background:#ef444433;color:#ef4444}.group-card{padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:grab;transition:border-color .2s,background .2s,transform .2s;touch-action:none;break-inside:avoid;margin-bottom:.75rem;overflow:hidden}.group-card:hover{border-color:#fff3}.group-card.draggable:active{cursor:grabbing}.group-card.drop-target{border-color:#667eea;background:#667eea1a}.group-card.dragging{cursor:grabbing;box-shadow:0 8px 24px #0000004d;border-color:#667eea}.group-card-column{font-size:.65rem;color:#667eea;text-transform:uppercase;margin-bottom:.25rem}.group-card-content{font-size:.875rem;line-height:1.4;margin-bottom:.25rem;word-break:break-word;overflow-wrap:break-word}.group-card-author{font-size:.75rem;color:#888}