:root{--color-bg: #faf9f7;--color-bg-card: #ffffff;--color-text: #2c2c2c;--color-text-muted: #6b6b6b;--color-text-light: #9a9a9a;--color-border: #e8e6e3;--color-border-light: #f0efed;--color-accent: #4a7c6f;--color-accent-hover: #3d6a5e;--color-accent-light: #e8f0ed;--color-error: #c45d4a;--color-error-light: #fdf0ee;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--transition-fast: .15s ease;--transition-base: .2s ease}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);min-height:100vh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--color-text)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}button{font-family:inherit;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);transition:all var(--transition-fast)}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background-color:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-bg);border-color:var(--color-text-light)}.btn-ghost{background-color:transparent;color:var(--color-text-muted)}.btn-ghost:hover{background-color:var(--color-border-light);color:var(--color-text)}input,textarea{font-family:inherit;font-size:var(--font-size-base);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-card);color:var(--color-text);width:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}input::placeholder,textarea::placeholder{color:var(--color-text-light)}label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--space-2)}.card{background-color:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.text-muted{color:var(--color-text-muted)}.text-light{color:var(--color-text-light)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-center{text-align:center}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.auth-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6)}.splash{text-align:center;max-width:420px}.splash-content{margin-bottom:var(--space-10)}.splash-title{font-size:var(--font-size-3xl);font-weight:600;margin-bottom:var(--space-3);letter-spacing:-.02em}.splash-tagline{font-size:var(--font-size-lg);color:var(--color-text-muted);margin-bottom:var(--space-6)}.splash-description{font-size:var(--font-size-base);line-height:1.7}.splash-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-12)}.splash-btn.btn-primary{padding:var(--space-5) var(--space-6);font-size:var(--font-size-lg);font-weight:600}.splash-btn.btn-secondary{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.splash-features{display:flex;flex-direction:column;gap:var(--space-4);text-align:left}.splash-feature{display:flex;align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.splash-feature-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--color-accent-light);color:var(--color-accent);border-radius:var(--radius-md);font-size:var(--font-size-base)}.auth-card{width:100%;max-width:400px}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-header h1{font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--space-2)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-group{display:flex;flex-direction:column}.auth-error{background-color:var(--color-error-light);color:var(--color-error);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.auth-submit{width:100%;padding:var(--space-4);margin-top:var(--space-2)}.auth-footer{margin-top:var(--space-6);text-align:center;padding-top:var(--space-6);border-top:1px solid var(--color-border-light)}.auth-switch{background:none;border:none;padding:0;color:var(--color-accent);font-size:var(--font-size-sm);font-weight:500;cursor:pointer}.auth-switch:hover{color:var(--color-accent-hover)}.auth-back{display:block;margin:var(--space-4) auto 0;background:none;border:none;padding:var(--space-2);color:var(--color-text-light);font-size:var(--font-size-sm);cursor:pointer}.auth-back:hover{color:var(--color-text-muted)}.check-email-icon{font-size:3rem;margin-bottom:var(--space-4)}.check-email-address{font-weight:500;color:var(--color-text);margin-top:var(--space-2)}.check-email-actions{display:flex;justify-content:center;margin-top:var(--space-4)}.resend-btn{font-size:var(--font-size-sm)}.auth-success{background-color:var(--color-accent-light);color:var(--color-accent);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center;margin-top:var(--space-4)}.oauth-buttons{display:flex;flex-direction:column;gap:var(--space-3)}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-bg-card);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.oauth-btn:hover{background-color:var(--color-bg);border-color:var(--color-text-light)}.oauth-icon{width:18px;height:18px;flex-shrink:0}.auth-divider{display:flex;align-items:center;margin:var(--space-6) 0;color:var(--color-text-light);font-size:var(--font-size-sm)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background-color:var(--color-border-light)}.auth-divider span{padding:0 var(--space-4)}.priority-card{cursor:grab;transition:box-shadow var(--transition-fast),transform var(--transition-fast);position:relative;display:flex;flex-direction:column;min-height:200px;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.priority-card-no-image{background:linear-gradient(135deg,#4a7c6f,#2d5a52)}.priority-card:hover{box-shadow:var(--shadow-md)}.priority-card-dragging{box-shadow:var(--shadow-lg);transform:rotate(2deg);cursor:grabbing}.priority-card-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#00000059,#0000008c);z-index:1}.priority-card-content{position:relative;z-index:2;padding:var(--space-4);display:flex;flex-direction:column;height:100%}.priority-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.priority-card-title{font-size:var(--font-size-base);font-weight:600;color:#fff;line-height:1.4;flex:1}.priority-card-no-image .priority-card-title{text-shadow:none}.priority-card:not(.priority-card-no-image) .priority-card-title{text-shadow:0 2px 4px rgba(0,0,0,.3)}.priority-card-actions{display:flex;gap:var(--space-1);flex-shrink:0}.priority-edit-btn,.priority-delete-btn{flex-shrink:0;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);line-height:1;transition:all var(--transition-fast);cursor:pointer}.priority-card:not(.priority-card-no-image) .priority-edit-btn,.priority-card:not(.priority-card-no-image) .priority-delete-btn{background-color:#0006}.priority-card-no-image .priority-edit-btn,.priority-card-no-image .priority-delete-btn{background-color:#fff3}.priority-delete-btn{font-size:var(--font-size-lg)}@media(hover:hover){.priority-edit-btn,.priority-delete-btn{opacity:0}.priority-card:hover .priority-edit-btn,.priority-card:hover .priority-delete-btn{opacity:1}}.priority-edit-btn:hover{background-color:var(--color-accent);color:#fff}.priority-delete-btn:hover{background-color:var(--color-error);color:#fff}.priority-delete-confirm{opacity:1;background-color:var(--color-error);color:#fff}.priority-delete-confirm:hover{background-color:var(--color-error);color:#fff}.priority-card-details{margin-top:auto;padding-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.priority-card-field{display:flex;flex-direction:column;gap:var(--space-1)}.priority-card-label{font-size:var(--font-size-xs);font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.03em}.priority-card:not(.priority-card-no-image) .priority-card-label{text-shadow:0 1px 3px rgba(0,0,0,.3)}.priority-card-field p{font-size:var(--font-size-sm);color:#ffffffe6;line-height:1.5}.priority-card:not(.priority-card-no-image) .priority-card-field p{text-shadow:0 1px 3px rgba(0,0,0,.3)}.column{display:flex;flex-direction:column;background-color:var(--color-bg);border-radius:var(--radius-lg);min-height:400px}.column-header{padding:var(--space-4) var(--space-4) var(--space-3)}.column-title-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.column-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.02em}.column-count{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-light);background-color:var(--color-border-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);min-width:20px;text-align:center}.column-description{font-size:var(--font-size-xs);color:var(--color-text-light)}.column-content{flex:1;padding:0 var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);min-height:100px;transition:background-color var(--transition-fast);border-radius:var(--radius-md);margin:0 var(--space-1)}.column-dragging-over{background-color:var(--color-accent-light)}.column-empty{display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);text-align:center}.column-empty p{font-size:var(--font-size-sm);color:var(--color-text-light)}.column-add-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin:var(--space-3);padding:var(--space-3);background-color:transparent;color:var(--color-text-muted);border:1px dashed var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.column-add-btn:hover{background-color:var(--color-bg-card);border-color:var(--color-text-light);color:var(--color-text)}.column-add-icon{font-size:var(--font-size-lg);font-weight:300;line-height:1}.image-cropper{position:fixed;inset:0;background-color:var(--color-bg);z-index:1100;display:flex;flex-direction:column;overflow:hidden}.image-cropper-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-card)}.image-cropper-header h2{margin:0 0 var(--space-1) 0;font-size:var(--font-size-lg);font-weight:600}.image-cropper-header p{margin:0;font-size:var(--font-size-sm)}.image-cropper-mode-toggle{display:flex;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background-color:var(--color-bg-card);border-bottom:1px solid var(--color-border)}.mode-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:all .15s ease}.mode-btn:hover{border-color:var(--color-accent);color:var(--color-text)}.mode-btn.active{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}.mode-btn svg{flex-shrink:0}.image-cropper-canvas-container{flex:1;overflow:hidden;background-color:#1a1a1a;display:flex;align-items:flex-start;justify-content:flex-start}.image-cropper-canvas-container canvas{border-radius:var(--radius-sm);box-shadow:0 4px 20px #0000004d}.image-cropper-toolbar{display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background-color:var(--color-bg-card)}.image-cropper-toolbar-left,.image-cropper-toolbar-right{display:flex;gap:var(--space-2)}@media(max-width:640px){.image-cropper-header{padding:var(--space-3) var(--space-4)}.image-cropper-header h2{font-size:var(--font-size-base)}.image-cropper-toolbar{padding:var(--space-3) var(--space-4);flex-wrap:wrap;gap:var(--space-2)}.image-cropper-toolbar-left,.image-cropper-toolbar-right{flex:1}.image-cropper-toolbar-right{justify-content:flex-end}}.image-input{display:flex;flex-direction:column;gap:var(--space-3)}.image-input-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.image-search-section{display:flex;flex-direction:column;gap:var(--space-2)}.image-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.image-search-input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--color-bg)}.image-search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-light)}.image-sources-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.image-source-link{font-size:var(--font-size-xs);color:var(--color-primary);text-decoration:none;padding:var(--space-1) var(--space-2);background-color:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-full);transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;text-align:center}.image-source-link:hover{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.source-search-icon{flex-shrink:0}.image-source-open-all{font-weight:500;background-color:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-accent)}.image-source-open-all:hover{background-color:var(--color-accent);color:#fff}.image-sources-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-3)}.pagination-counter{white-space:nowrap}.image-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);border:2px dashed var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg);cursor:pointer;transition:all .15s ease}.image-drop-zone:hover{border-color:var(--color-accent);background-color:var(--color-accent-light)}.image-drop-zone.dragging{border-color:var(--color-accent);background-color:var(--color-accent-light);border-style:solid}.image-drop-zone.uploading{cursor:wait;pointer-events:none;opacity:.8}.hidden-file-input{display:none}.drop-zone-icon{color:var(--color-text-light)}.drop-zone-text{font-size:var(--font-size-sm);color:var(--color-text);font-weight:500}.drop-zone-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.upload-progress{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm)}.upload-spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.url-input-section{display:flex;flex-direction:column;gap:var(--space-2)}.url-input-row{display:flex;gap:var(--space-2)}.url-input{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--color-bg)}.url-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-light)}.url-input.url-input-error{border-color:var(--color-error)}.url-input.url-input-error:focus{box-shadow:0 0 0 2px #dc354533}.url-error{font-size:var(--font-size-xs);color:var(--color-error);line-height:1.4}.url-submit-btn{padding:var(--space-2) var(--space-3);background-color:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background-color .15s ease;white-space:nowrap;min-width:80px}.url-submit-btn:hover:not(:disabled){background-color:var(--color-accent-hover)}.url-submit-btn:disabled{opacity:.5;cursor:not-allowed}.upload-error{font-size:var(--font-size-sm);color:var(--color-danger);padding:var(--space-2) var(--space-3);background-color:#ef44441a;border-radius:var(--radius-md)}.image-preview-container{position:relative;display:inline-block;max-width:100%}.image-preview{max-width:100%;max-height:200px;border-radius:var(--radius-md);object-fit:contain;background-color:var(--color-bg);border:1px solid var(--color-border-light)}.image-preview-actions{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;gap:var(--space-1)}.image-edit-btn,.image-clear-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:#0009;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:background-color .15s ease;font-size:16px;line-height:28px;padding:0;text-align:center}.image-edit-btn:hover{background-color:var(--color-accent)}.image-clear-btn:hover{background-color:var(--color-error)}@media(max-width:640px){.image-drop-zone{padding:var(--space-4) var(--space-3)}.drop-zone-hint{display:none}.image-sources-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-1)}.image-source-link{font-size:11px;padding:var(--space-1) 6px;min-height:36px;display:flex;align-items:center;justify-content:center}.image-sources-pagination{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap}.pagination-counter{font-size:var(--font-size-xs)}}.modal-backdrop{position:fixed;inset:0;background-color:#0000004d;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:100;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.modal-header h2{font-size:var(--font-size-xl);font-weight:600}.modal-close{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--color-text-muted);border-radius:var(--radius-md);font-size:var(--font-size-2xl);line-height:1}.modal-close:hover{background-color:var(--color-border-light);color:var(--color-text)}.modal-form{display:flex;flex-direction:column;gap:var(--space-5)}.modal-form textarea{resize:vertical;min-height:60px}.modal-form select{font-family:inherit;font-size:var(--font-size-base);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-card);color:var(--color-text);width:100%;cursor:pointer}.modal-form select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--color-border-light)}.modal-actions button{padding:var(--space-3) var(--space-6)}.image-group{border-top:1px solid var(--color-border-light);padding-top:var(--space-5);margin-top:var(--space-2)}.image-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-3);line-height:1.5}.image-search-input{margin-bottom:var(--space-3)}.image-sources{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-3);max-width:300px;margin-left:auto;margin-right:auto}.image-source-link{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);text-decoration:none;transition:all var(--transition-fast)}.image-source-link:hover{background-color:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-accent)}.image-preview{margin-top:var(--space-3);border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-bg);border:1px solid var(--color-border-light)}.image-preview img{display:block;width:100%;max-height:200px;object-fit:contain}@media(max-width:640px){.modal-backdrop{padding:var(--space-3);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom));align-items:flex-end}.modal{max-height:85vh;border-bottom-left-radius:0;border-bottom-right-radius:0}.modal-actions{flex-direction:column-reverse;gap:var(--space-2)}.modal-actions button{width:100%}}.settings-modal{max-width:440px}.settings-content{display:flex;flex-direction:column;gap:var(--space-6)}.settings-section h3{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-2)}.settings-description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);line-height:1.5}.share-toggle{margin-bottom:var(--space-4)}.toggle-label{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.toggle-label input{display:none}.toggle-switch{position:relative;width:44px;height:24px;background-color:var(--color-border);border-radius:var(--radius-full);transition:background-color var(--transition-fast)}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm)}.toggle-label input:checked+.toggle-switch{background-color:var(--color-accent)}.toggle-label input:checked+.toggle-switch:after{transform:translate(20px)}.toggle-label input:disabled+.toggle-switch{opacity:.6}.toggle-text{font-size:var(--font-size-sm);color:var(--color-text)}.name-display-container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);background-color:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.name-display{font-size:var(--font-size-sm);color:var(--color-text);flex:1}.name-edit-container{display:flex;flex-direction:column;gap:var(--space-3)}.name-input{font-size:var(--font-size-sm);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg)}.name-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.name-edit-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.share-link-input{flex:1;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);background-color:var(--color-bg);color:var(--color-text-muted)}.copy-btn{flex-shrink:0;padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.settings-signout{border-top:1px solid var(--color-border-light);padding-top:var(--space-6);margin-top:var(--space-2)}.signout-btn{width:100%;color:var(--color-text-muted);justify-content:center}.signout-btn:hover{color:var(--color-error);background-color:var(--color-error-light)}.start-fresh-modal{max-width:400px;text-align:center;position:relative}.start-fresh-modal h2{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-4)}.start-fresh-warning{color:var(--color-error);font-size:var(--font-size-sm);font-weight:500;margin-top:var(--space-4)}.start-fresh-actions{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-6)}@media(max-width:640px){.share-link-container{flex-direction:column}.copy-btn{width:100%}}.share-gallery-modal{max-width:500px;width:90%}.share-gallery-content{display:flex;flex-direction:column;gap:var(--space-6)}.share-gallery-empty{padding:var(--space-8);text-align:center}.share-gallery-tabs{display:flex;gap:var(--space-2);padding:var(--space-1);background-color:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border)}.share-gallery-tab{flex:1;padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.share-gallery-tab:hover{color:var(--color-text);background-color:var(--color-bg-hover)}.share-gallery-tab.active{color:#fff;background-color:var(--color-accent)}.share-gallery-preview{background-color:var(--color-bg);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--color-border-light);max-height:600px}.share-gallery-preview img{width:100%;height:auto;max-height:600px;object-fit:contain}@media(max-width:640px){.share-gallery-preview,.share-gallery-preview img{max-height:70vh}}.share-gallery-download{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-weight:600}.share-gallery-link{padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.share-gallery-link h4{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--color-text-muted);margin-bottom:var(--space-3)}.share-link-container{display:flex;gap:var(--space-2)}.share-link-input{flex:1;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);background-color:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-md)}@media(max-width:640px){.share-gallery-modal{max-width:100%;width:100%;max-height:100vh}.share-link-container{flex-direction:column}.share-gallery-tab{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3)}}.collage-editor{position:fixed;inset:0;background-color:var(--color-bg);z-index:1000;display:flex;flex-direction:column;overflow:hidden}.collage-editor-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-card)}.collage-editor-header-left{display:flex;align-items:center;gap:var(--space-4)}.collage-editor-header h2{font-size:var(--font-size-lg);font-weight:600;margin:0}.collage-format-selector{display:flex;gap:var(--space-1);background-color:var(--color-bg);padding:var(--space-1);border-radius:var(--radius-md);border:1px solid var(--color-border)}.format-btn{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.format-btn:hover{color:var(--color-text);background-color:var(--color-bg-hover)}.format-btn.active{color:#fff;background-color:var(--color-accent)}.format-btn-label{font-size:var(--font-size-xs);white-space:nowrap}.format-btn-dims{font-size:10px;opacity:.7;white-space:nowrap}.collage-editor-actions{display:flex;gap:var(--space-2)}.collage-editor-body{flex:1;display:flex;overflow:hidden}.collage-image-panel{width:280px;border-right:1px solid var(--color-border);background-color:var(--color-bg-card);display:flex;flex-direction:column;overflow:hidden}.collage-panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--color-border-light)}.collage-panel-header h3{font-size:var(--font-size-sm);font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.02em;color:var(--color-text-muted)}.collage-image-grid{flex:1;overflow-y:auto;padding:var(--space-3);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);align-content:start}.collage-image-thumb{aspect-ratio:1;border:2px solid transparent;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;background:var(--color-bg);padding:0;transition:all .15s ease}.collage-image-thumb:hover{border-color:var(--color-accent);transform:scale(1.02)}.collage-image-thumb img{width:100%;height:100%;object-fit:cover}.collage-no-images{grid-column:1 / -1;text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-6) var(--space-4)}.collage-canvas-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);background-color:var(--color-bg);overflow:auto}.collage-canvas-wrapper{box-shadow:var(--shadow-lg);border-radius:var(--radius-md);overflow:hidden;background-color:#faf9f7}.collage-canvas-wrapper canvas{display:block}.collage-toolbar{display:flex;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3);background-color:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.btn-danger{color:var(--color-error)}.btn-danger:hover{background-color:var(--color-error-light)}.collage-confirm-modal{max-width:400px;padding:var(--space-6)}.collage-confirm-modal h3{margin:0 0 var(--space-2) 0;font-size:var(--font-size-lg)}.collage-confirm-actions{display:flex;gap:var(--space-2);margin-top:var(--space-6);justify-content:flex-end}.btn-primary{background-color:var(--color-accent);color:#fff;border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer}.btn-primary:hover{background-color:var(--color-accent-hover)}@media(max-width:768px){.collage-editor-body{flex-direction:column}.collage-image-panel{width:100%;max-height:200px;border-right:none;border-bottom:1px solid var(--color-border)}.collage-image-grid{grid-template-columns:repeat(4,1fr)}.collage-canvas-area{padding:var(--space-4)}.collage-canvas-wrapper{max-width:100%;max-height:50vh}.collage-canvas-wrapper canvas{max-width:100%;max-height:50vh;width:auto;height:auto}.collage-editor-header{padding:var(--space-3) var(--space-4);flex-direction:column;align-items:flex-start;gap:var(--space-3)}.collage-editor-header-left{flex-direction:column;align-items:flex-start;gap:var(--space-2);width:100%}.collage-editor-header h2{font-size:var(--font-size-base)}.collage-format-selector{width:100%}.format-btn{flex:1;font-size:10px;padding:var(--space-1) var(--space-2)}.collage-editor-actions{width:100%;justify-content:flex-end}}@media(max-width:480px){.collage-canvas-wrapper{max-height:45vh}.collage-canvas-wrapper canvas{max-height:45vh}.collage-image-grid{grid-template-columns:repeat(3,1fr)}.collage-toolbar{flex-wrap:wrap}}.board-container{min-height:100vh;display:flex;flex-direction:column}.board-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-border-light);background-color:var(--color-bg-card)}.board-title h1{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-1)}.board-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);padding:var(--space-6) var(--space-8);flex:1;overflow-x:auto}.board-loading{display:flex;align-items:center;justify-content:center;min-height:100vh}@media(max-width:1024px){.board-columns{grid-template-columns:repeat(4,minmax(280px,1fr));padding:var(--space-4);gap:var(--space-3)}.board-header{padding:var(--space-4) var(--space-4)}}@media(max-width:640px){.board-header{flex-direction:column;gap:var(--space-3);align-items:flex-start}.board-title{width:100%}.board-title h1{font-size:var(--font-size-lg)}.board-title .text-muted{font-size:var(--font-size-xs);word-break:break-all}.board-header-actions{width:100%;justify-content:flex-end}.board-columns{grid-template-columns:repeat(4,minmax(260px,1fr))}}.board-header-actions{display:flex;align-items:center;gap:var(--space-2)}.settings-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-2);color:var(--color-text-light)}.settings-btn:hover{color:var(--color-text)}.btn-danger{background-color:var(--color-error);color:#fff;border:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-danger:hover{background-color:#c0392b}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.vision-board-prompt-modal{max-width:520px}.vision-board-prompt-description{margin-top:var(--space-4);margin-bottom:var(--space-4);line-height:1.5}.vision-board-prompt-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6);max-height:400px;overflow-y:auto}.vision-board-prompt-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.vision-board-prompt-item:hover{background-color:var(--color-accent-light);border-color:var(--color-accent);transform:translate(2px)}.vision-board-prompt-item.has-image{background-color:var(--color-success-light, #d4edda);border-color:var(--color-success, #28a745)}.vision-board-prompt-item.has-image:hover{background-color:var(--color-success-light, #c3e6cb)}.vision-board-prompt-item-content{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.vision-board-prompt-item-title{font-weight:500;color:var(--color-text)}.vision-board-prompt-item-column{font-size:var(--font-size-xs)}.vision-board-prompt-item-check{color:var(--color-success, #28a745);flex-shrink:0}.vision-board-prompt-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.onboarding{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);background-color:var(--color-bg);position:relative}.onboarding-skip{position:absolute;top:var(--space-6);right:var(--space-6);background:none;border:none;color:var(--color-text-light);font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-2) var(--space-3);transition:color var(--transition-fast)}.onboarding-skip:hover{color:var(--color-text-muted)}.onboarding-skip:disabled{opacity:.5;cursor:not-allowed}.onboarding-container{width:100%;max-width:520px}.onboarding-step{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.onboarding-content{margin-bottom:var(--space-10)}.onboarding-content h1{font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--space-4);letter-spacing:-.01em}.onboarding-label{display:inline-block;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);margin-bottom:var(--space-3)}.onboarding-lead{font-size:var(--font-size-lg);line-height:1.6;color:var(--color-text-muted);margin-bottom:var(--space-4)}.onboarding-inputs{margin-top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-3)}.onboarding-input-row{display:flex;gap:var(--space-2)}.onboarding-input-row input{flex:1}.onboarding-remove{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--color-text-light);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xl);line-height:1;cursor:pointer;transition:all var(--transition-fast)}.onboarding-remove:hover{background-color:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}.onboarding-add{align-self:flex-start;padding:var(--space-2) var(--space-3);background:none;border:none;color:var(--color-accent);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:color var(--transition-fast)}.onboarding-add:hover{color:var(--color-accent-hover)}.onboarding-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.onboarding-actions .btn-ghost{padding:var(--space-3) var(--space-4)}.onboarding-btn{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base)}.onboarding-review{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.onboarding-review-section{background-color:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-5)}.onboarding-review-section h3{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--color-text-muted);margin-bottom:var(--space-3)}.onboarding-review-section ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.onboarding-review-section li{font-size:var(--font-size-base);color:var(--color-text);border-bottom:1px solid var(--color-border-light)}.onboarding-review-section li:last-child{border-bottom:none}.review-item{padding:0}.review-item-static{padding:var(--space-2) 0}.review-item-expandable{padding:0}.review-item-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-2);background:none;border:none;color:var(--color-text);font-size:var(--font-size-base);text-align:left;cursor:pointer;transition:background-color var(--transition-fast);margin:0 calc(-1 * var(--space-2));width:calc(100% + var(--space-4));border-radius:var(--radius-sm)}.review-item-header:hover{background-color:var(--color-bg)}.review-item-toggle{color:var(--color-text-light);font-size:var(--font-size-lg);font-weight:300;width:24px;text-align:center}.review-item.has-details .review-item-header span:first-child:after{content:"";display:inline-block;width:6px;height:6px;background-color:var(--color-accent);border-radius:50%;margin-left:var(--space-2);vertical-align:middle}.review-item-details{padding:var(--space-3) var(--space-2);padding-top:0;display:flex;flex-direction:column;gap:var(--space-4);animation:fadeIn .15s ease}.review-item-field{display:flex;flex-direction:column;gap:var(--space-2)}.review-item-field label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.review-item-field textarea{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text);resize:none;font-family:inherit;line-height:1.5}.review-item-field textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.review-item-field textarea::placeholder{color:var(--color-text-light)}.onboarding-progress{display:flex;gap:var(--space-2);margin-top:var(--space-12)}.onboarding-progress-dot{width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--color-border);transition:all var(--transition-fast)}.onboarding-progress-dot.active{background-color:var(--color-accent);transform:scale(1.25)}.onboarding-progress-dot.completed{background-color:var(--color-accent);opacity:.5}@media(max-width:640px){.onboarding-content h1{font-size:var(--font-size-xl)}.onboarding-lead{font-size:var(--font-size-base)}.onboarding-btn{padding:var(--space-3) var(--space-6)}}.shared-board-container{min-height:100vh;display:flex;flex-direction:column}.shared-board-loading,.shared-board-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:var(--space-6);gap:var(--space-4)}.shared-board-error h1{font-size:var(--font-size-2xl);margin-top:var(--space-2)}.shared-board-error-icon{color:var(--color-text-light)}.shared-board-error-actions{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:280px}.shared-board-error-actions .btn-primary,.shared-board-error-actions .btn-secondary{width:100%;text-align:center}.shared-board-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-border-light);background-color:var(--color-bg-card)}.shared-board-title h1{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-1)}.shared-board-header-actions{display:flex;gap:var(--space-3);align-items:center}.shared-board-header-actions button,.shared-board-header-actions a{display:inline-flex;align-items:center;gap:var(--space-2)}.shared-collage-fullscreen-backdrop{position:fixed;inset:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.shared-collage-fullscreen-container{position:relative;display:flex;align-items:center;justify-content:center;max-height:90vh;max-width:90vw;overflow:auto}.shared-collage-fullscreen-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:32px;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.shared-collage-fullscreen-close:hover{opacity:.7}.shared-collage-empty{background-color:#fff;border-radius:var(--radius-md);padding:var(--space-8);text-align:center;min-width:300px}.shared-collage-empty p{font-size:var(--font-size-base)}.shared-board-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);padding:var(--space-6) var(--space-8);flex:1;overflow-x:auto}.shared-column{display:flex;flex-direction:column;background-color:var(--color-bg);border-radius:var(--radius-lg);min-height:400px}.shared-column-header{padding:var(--space-4) var(--space-4) var(--space-3)}.shared-column-title-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.shared-column-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.02em}.shared-column-count{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-light);background-color:var(--color-border-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);min-width:20px;text-align:center}.shared-column-description{font-size:var(--font-size-xs);color:var(--color-text-light)}.shared-column-content{flex:1;padding:0 var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.shared-column-empty{display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);text-align:center}.shared-column-empty p{font-size:var(--font-size-sm);color:var(--color-text-light)}.shared-priority-card{position:relative;display:flex;flex-direction:column;min-height:200px;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.shared-priority-card-no-image{background:linear-gradient(135deg,#4a7c6f,#2d5a52)}.shared-priority-card-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#00000059,#0000008c);z-index:1}.shared-priority-card-content{position:relative;z-index:2;padding:var(--space-4);display:flex;flex-direction:column;height:100%}.shared-priority-title{font-size:var(--font-size-base);font-weight:600;color:#fff;line-height:1.4}.shared-priority-card-no-image .shared-priority-title{text-shadow:none}.shared-priority-card:not(.shared-priority-card-no-image) .shared-priority-title{text-shadow:0 2px 4px rgba(0,0,0,.3)}.shared-priority-details{margin-top:auto;padding-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.shared-priority-field{display:flex;flex-direction:column;gap:var(--space-1)}.shared-priority-label{font-size:var(--font-size-xs);font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.03em}.shared-priority-card:not(.shared-priority-card-no-image) .shared-priority-label{text-shadow:0 1px 3px rgba(0,0,0,.3)}.shared-priority-field p{font-size:var(--font-size-sm);color:#ffffffe6;line-height:1.5}.shared-priority-card:not(.shared-priority-card-no-image) .shared-priority-field p{text-shadow:0 1px 3px rgba(0,0,0,.3)}@media(max-width:1024px){.shared-board-columns{grid-template-columns:repeat(4,minmax(280px,1fr));padding:var(--space-4);gap:var(--space-3)}.shared-board-header{padding:var(--space-4)}}@media(max-width:640px){.shared-board-header{flex-direction:column;gap:var(--space-3);align-items:flex-start}.shared-board-title h1{font-size:var(--font-size-lg)}.shared-board-columns{grid-template-columns:repeat(4,minmax(260px,1fr))}}.shared-board-header .btn-secondary,.shared-board-error .btn-primary,.shared-board-error .btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-md);text-decoration:none;cursor:pointer;transition:all .15s ease}.shared-board-header .btn-secondary{background-color:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.shared-board-header .btn-secondary:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-dark)}.shared-board-error .btn-primary{background-color:var(--color-accent);color:#fff;border:none}.shared-board-error .btn-primary:hover{background-color:var(--color-accent-hover)}.shared-board-error .btn-secondary{background-color:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.shared-board-error .btn-secondary:hover{background-color:var(--color-bg-card);border-color:var(--color-border)}