:root{color:#172033;--page-background:#eef2f7;background:var(--page-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--page-background);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:12px;padding:.75rem 1rem;font-weight:700}button:hover{background:#1d4ed8}button.ghost{color:#3152a3;background:#eef2ff}button.ghost:hover{background:#dfe7ff}button.danger{color:#be123c;background:#fff1f2}button.danger:hover{background:#ffe4e6}input,textarea,select{color:#172033;background:#fff;border:1px solid #d9e0ea;border-radius:12px;width:100%;padding:.8rem .9rem}textarea{resize:vertical;min-height:84px}.app-shell{width:min(1440px,100%);min-height:100vh;margin:0 auto;padding:32px}.app-shell.auth-shell{place-items:center;display:grid}.hero{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.settings-button{color:#64748b;background:#fffc;border:1px solid #d9e0ea;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:flex;box-shadow:0 10px 24px #14203714}.settings-button span{font-size:2.6rem;line-height:1;display:block;transform:translateY(-5px)}.settings-button:hover{color:#172033;background:#fff;border-color:#d97706}h1,h2,h3,p{margin:0}h1{letter-spacing:-.08em;font-size:clamp(2.5rem,7vw,5.5rem);line-height:.9}h2{font-size:1.05rem}h3{font-size:1rem}.eyebrow{color:#64748b;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:800}.app-title-label{overflow-wrap:anywhere;max-width:min(60vw,720px)}.intro{color:#526174;margin-top:12px;font-size:1.15rem}.auth-card,.user-strip{background:#fffc;border:1px solid #d9e0ea;border-radius:24px;padding:20px;box-shadow:0 18px 60px #14203714}.auth-card{gap:12px;max-width:560px;display:grid}.auth-card form{grid-template-columns:1fr auto;gap:12px;display:grid}.password-card{width:min(320px,100%);max-width:none;box-shadow:none;background:0 0;border:0;padding:0}.password-card form{grid-template-columns:1fr}.password-card .notice{text-align:center}.auth-card p:not(.eyebrow){color:#526174}.user-strip{color:#64748b;align-items:center;gap:8px;margin-bottom:16px;display:inline-flex}.user-strip strong{color:#172033}.composer{background:#fffc;border:1px solid #d9e0ea;border-radius:24px;grid-template-columns:minmax(180px,260px) 1fr;gap:24px;padding:20px;display:grid;box-shadow:0 18px 60px #14203714}.composer form{grid-template-columns:minmax(180px,1.1fr) minmax(220px,1.4fr) minmax(140px,.5fr) auto;align-items:start;gap:12px;display:grid}.notice{color:#526174;margin-top:18px}.notice.error{color:#be123c}.board{grid-template-columns:repeat(4,minmax(260px,1fr));align-items:start;gap:16px;margin-top:24px;padding-bottom:8px;display:grid;overflow-x:auto}.column{background:#f8fafceb;border:1px solid #d9e0ea;border-radius:24px;max-height:calc(100vh - 120px);padding:14px;overflow-y:auto}.column-header{justify-content:space-between;gap:12px;margin-bottom:14px;padding:4px 4px 10px;display:flex}.column-header p{color:#64748b;margin-top:2px;font-size:.86rem}.column-header span{color:#475569;background:#e2e8f0;border-radius:999px;place-items:center;min-width:32px;height:32px;font-weight:800;display:grid}.cards{gap:12px;display:grid}.card,.quick-add{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:14px;box-shadow:0 10px 24px #14203714}.card{cursor:pointer;color:inherit;text-align:left;transition:margin .12s,border-color .12s,box-shadow .12s;position:relative}.card:hover{background:#fff;border-color:#d97706;box-shadow:0 14px 30px #1420371f}.quick-add{gap:10px;display:grid}.add-card{color:#64748b;text-align:left;width:100%;box-shadow:none;background:0 0;border:1px dashed #cbd5e1}.add-card:hover{color:#3152a3;background:#f1f5f9;border-color:#93a9c5}.card.drop-before{margin-top:18px}.card.drop-after{margin-bottom:18px}.card.drop-before:before,.card.drop-after:after{content:"";border-top:2px dashed #f59e0b;position:absolute;left:10px;right:10px}.card.drop-before:before{top:-12px}.card.drop-after:after{bottom:-12px}.card.dragging{opacity:.45}.card-title-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.details-indicator{color:#64748b;background:#f1f5f9;border-radius:999px;flex:none;place-items:center;width:22px;height:22px;font-size:.95rem;font-weight:900;line-height:1;display:inline-grid}.card-actions{gap:8px;margin-top:14px;display:flex}.card-actions button{padding:.55rem .72rem}.edit-form{gap:10px;display:grid}.empty{color:#94a3b8;text-align:center;border:1px dashed #cbd5e1;border-radius:18px;padding:18px}.empty.drop-target{color:#b45309;background:#fffbeb;border-color:#f59e0b}.bottom-drop-zone{gap:12px;min-height:48px;display:grid}.end-drop-target{border-radius:999px;height:14px;transition:height .12s}.end-drop-target.drop-target{border-top:2px dashed #f59e0b;height:28px}.modal-backdrop{z-index:20;background:#0f172a6b;place-items:start center;padding:72px 20px 20px;display:grid;position:fixed;inset:0}.task-modal{background:#fff;border:1px solid #d9e0ea;border-radius:24px;width:min(560px,100%);padding:20px;box-shadow:0 24px 80px #0f172a47}.modal-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.icon-button{color:#475569;background:#f1f5f9;border-radius:999px;place-items:center;width:36px;height:36px;padding:0;font-size:1.35rem;line-height:1;display:grid}.icon-button:hover{background:#e2e8f0}.modal-form{gap:14px;display:grid}.modal-form label{gap:6px;display:grid}.modal-form label span{color:#64748b;font-size:.82rem;font-weight:800}.modal-form textarea{min-height:140px}.modal-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.push-right{margin-left:auto}@media (width<=1100px){.composer,.composer form{grid-template-columns:1fr}.board{grid-template-columns:repeat(4,280px)}}@media (width<=680px){.app-shell{padding:20px}.column{max-height:calc(100vh - 96px)}.hero{display:grid}}.more-below{z-index:5;color:#b45309;pointer-events:none;background:#fffbeb;border:1px solid #f59e0b;border-radius:999px;place-items:center;width:28px;height:28px;margin:-14px auto 0;font-weight:900;display:grid;position:sticky;bottom:0;box-shadow:0 8px 18px #b453092e}.admin-page{place-items:start center;min-height:calc(100vh - 140px);padding-top:clamp(24px,8vh,88px);display:grid}.admin-card{background:#fffc;border:1px solid #d9e0ea;border-radius:24px;gap:18px;width:min(520px,100%);padding:24px;display:grid;box-shadow:0 18px 60px #14203714}.admin-form{gap:12px;display:grid}.admin-form label{gap:8px;display:grid}.admin-form label span{color:#64748b;font-size:.82rem;font-weight:800}.settings-modal{max-width:420px}.settings-form{gap:16px;display:grid}.color-setting{gap:8px;display:grid}.color-setting span{color:#64748b;font-size:.82rem;font-weight:800}.color-inputs{grid-template-columns:64px 1fr;gap:10px;display:grid}.color-setting input[type=color]{cursor:pointer;width:64px;height:48px;padding:4px}.color-setting input[type=text]{height:48px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.task-meta{color:#94a3b8;margin-top:-4px;font-size:.82rem}.task-history{color:#64748b;gap:6px;font-size:.84rem;display:grid}.task-history p{color:#64748b;font-weight:800}.task-history ul{gap:4px;margin:0;padding-left:18px;display:grid}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.task-images-section{gap:10px;display:grid}.task-images-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.task-images-header h3{color:#64748b;font-size:.82rem;font-weight:800}.image-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;display:grid}.image-thumb{aspect-ratio:1;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:0;overflow:hidden}.image-thumb:hover{background:#f8fafc;border-color:#d97706}.image-thumb img{object-fit:cover;width:100%;height:100%;display:block}.lightbox-backdrop{z-index:40;background:#020617d1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.lightbox{place-items:center;width:min(1200px,100vw - 160px);height:min(820px,100dvh - 96px);min-height:0;display:grid;position:relative}.lightbox img{object-fit:contain;border-radius:12px;width:auto;max-width:min(1200px,100vw - 160px);height:auto;max-height:min(820px,100dvh - 96px);display:block;box-shadow:0 24px 80px #0000006b}.lightbox-close{z-index:2;position:fixed;top:22px;right:24px}.lightbox-nav{z-index:2;color:#ffffffdb;text-shadow:0 2px 18px #0000008c;background:0 0;border:0;border-radius:0;place-items:center;width:64px;height:96px;padding:0;font-size:4.8rem;font-weight:300;line-height:1;display:grid;position:fixed;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{color:#fff;background:0 0}.lightbox-nav.previous{left:18px}.lightbox-nav.next{right:18px}.lightbox-count{color:#172033;background:#ffffffdb;border-radius:999px;padding:.35rem .7rem;font-size:.85rem;font-weight:800;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.modal-right-actions{justify-items:end;gap:8px;margin-left:auto;display:grid}.camera-button{color:#475569;background:#fff;border:1px solid #d9e0ea;border-radius:999px;place-items:center;width:40px;height:40px;padding:0;font-size:1.25rem;line-height:1;display:grid}.camera-button:hover{background:#fffbeb;border-color:#d97706}.image-thumb-frame{aspect-ratio:1;position:relative}.image-thumb-frame .image-thumb{width:100%;height:100%}.image-delete{color:#0f172a;opacity:0;pointer-events:none;background:#fffffff5;border:1px solid #0f172a33;border-radius:999px;place-items:center;width:24px;height:24px;padding:0;font-size:1rem;font-weight:900;line-height:1;transition:opacity .12s,transform .12s;display:grid;position:absolute;top:-9px;right:-9px;transform:scale(.92);box-shadow:0 6px 16px #0f172a2e}.image-thumb-frame:hover .image-delete,.image-delete:focus-visible{opacity:1;pointer-events:auto;transform:scale(1)}.image-delete:hover{color:#b91c1c;background:#fef2f2;border-color:#dc2626}.image-upload-tile{aspect-ratio:1;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;place-items:center;padding:0;font-size:1.55rem;display:grid}.image-upload-tile:hover{color:#92400e;background:#fffbeb;border-color:#d97706}.top-nav{align-items:center;gap:10px;display:flex}.graveyard-board{grid-template-columns:minmax(280px,420px)}.graveyard-column{max-height:none}.deleted-card{gap:10px;display:grid}.deleted-card .card-actions{justify-content:flex-start}