:root{color-scheme:light;--bg: #f4efe8;--paper: #faf7f1;--paper-strong: #fffdf9;--panel: #e4d8ca;--panel-strong: #dccdbd;--line: rgba(38, 31, 25, .12);--line-strong: rgba(38, 31, 25, .24);--text: #2e2722;--muted: #7f7469;--accent: #b98d63;--accent-strong: #8f6745;--shadow: 0 22px 50px rgba(48, 36, 25, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:Poppins,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(185,141,99,.12),transparent 22%),linear-gradient(180deg,#f8f3ec 0%,var(--bg) 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.06;background-image:linear-gradient(rgba(44,36,29,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(44,36,29,.12) 1px,transparent 1px);background-size:4px 4px}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 18%)}#root{min-height:100vh}.shell{max-width:1600px;margin:0 auto;padding:42px 24px 64px}.authShell{display:grid;min-height:100vh;place-items:center}.authCard{width:min(100%,460px);display:grid;gap:22px;padding:32px 28px;border:1px solid var(--line);background:linear-gradient(180deg,#fffdf9f5,#f5eee5f0);box-shadow:0 28px 60px #3024191f}.authLogo{width:min(168px,48%);min-width:132px}.authCopy{display:grid;gap:10px}.authEyebrow{font:700 .72rem/1 Poppins,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-strong)}.authText{color:var(--muted);line-height:1.6}.authForm{display:grid;gap:14px}.authField{display:grid;gap:8px;font:600 .82rem/1.2 Poppins,sans-serif;color:var(--text)}.authInput{appearance:none;width:100%;border:1px solid rgba(38,31,25,.14);background:#fffdf9f5;color:var(--text);padding:13px 14px;font:500 .96rem/1.2 Poppins,sans-serif;outline:none}.authInput:focus{border-color:#8f674566;box-shadow:0 0 0 3px #b98d631f}.authError{color:#9a4f35;font-size:.88rem;line-height:1.5}.authButton,.logoutButton{appearance:none;border:1px solid rgba(143,103,69,.2);background:#f2ebe2;color:var(--accent-strong);padding:11px 14px;font:700 .76rem/1 Poppins,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease}.authButton:hover:not(:disabled),.logoutButton:hover{background:#eadfce;color:var(--text);border-color:#8f674547}.authButton:disabled{cursor:wait;opacity:.7}.status{display:grid;min-height:100vh;place-items:center;font-size:1.1rem}.status.error{color:var(--accent-strong)}.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:stretch;margin-bottom:24px}.heroCopy{display:flex;align-items:center;gap:22px;padding:18px 24px;border:1px solid var(--line);background:linear-gradient(180deg,#fffdf9eb,#faf7f1e0);box-shadow:var(--shadow);min-height:96px}.brandLogo{width:min(180px,16vw);min-width:128px;flex:0 0 auto;opacity:.96}.heroMain{display:flex;align-items:center;min-height:0;flex:1 1 auto}.logoutButton{flex:0 0 auto}h1,h2,p{margin:0}h1{font-family:Poppins,sans-serif;font-size:clamp(1.35rem,2.2vw,2rem);font-weight:600;line-height:1;letter-spacing:-.04em;color:var(--text)}.ignoredItem small{color:var(--muted)}.boardFrame{position:relative}.board{display:flex;gap:18px;align-items:flex-start;overflow-x:auto;overflow-y:visible;padding:0 4px 12px;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.board::-webkit-scrollbar{height:0}.boardScrollbar{overflow-x:auto;overflow-y:hidden;height:16px;margin:2px 4px 0;opacity:1;scrollbar-width:thin;scrollbar-color:rgba(143,103,69,.5) rgba(143,103,69,.08)}.boardScrollbar::-webkit-scrollbar{height:12px}.boardScrollbar::-webkit-scrollbar-track{background:#8f674514;border-radius:999px}.boardScrollbar::-webkit-scrollbar-thumb{background:#8f674580;border-radius:999px}.boardScrollbarInner{height:1px}.boardScrollbar:not(.isActive){visibility:hidden}.boardHover{position:absolute;top:0;bottom:12px;z-index:5;width:76px;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .18s ease}.boardHover.isVisible{opacity:1;pointer-events:auto}.boardHoverLeft{left:0;background:linear-gradient(90deg,#f4efe8f5,#f4efe800)}.boardHoverRight{right:0;background:linear-gradient(270deg,#f4efe8f5,#f4efe800)}.boardHoverIcon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(38,31,25,.1);border-radius:999px;background:#fffdf9d6;color:var(--accent-strong);font-size:1.8rem;line-height:1;box-shadow:0 10px 24px #30241914}.column{position:relative;flex:0 0 340px;border:1px solid rgba(143,103,69,.16);background:linear-gradient(180deg,var(--panel) 0%,var(--panel-strong) 100%);box-shadow:0 20px 44px #3024191c}.column:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent),rgba(185,141,99,.2))}.columnHeader{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:22px 20px 16px;border-bottom:1px solid rgba(38,31,25,.12)}.columnDate{margin-bottom:7px;font:700 .68rem/1 Poppins,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-strong)}.columnHeader h2{font-family:Poppins,sans-serif;font-size:1.34rem;font-weight:700;line-height:1.08;letter-spacing:-.04em;color:var(--text);max-width:9ch;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.badge,.pill{display:inline-flex;align-items:center;justify-content:center;font:700 .7rem/1 Poppins,sans-serif;letter-spacing:.14em;text-transform:uppercase}.badge{min-width:44px;padding:9px 12px;border:1px solid rgba(38,31,25,.14);background:#fffaf4b8;color:var(--accent-strong)}.pill{width:fit-content;padding:7px 10px;border-bottom:1px solid rgba(185,141,99,.4);background:transparent;color:var(--accent-strong)}.columnBody{display:grid;gap:10px;padding:0 14px 14px}.card,.emptyCard{border:1px solid rgba(38,31,25,.1);background:var(--paper-strong)}.card{padding:16px 14px 18px;box-shadow:0 10px 22px #30241914;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.card:hover{transform:translateY(-2px);border-color:#8f674547;box-shadow:0 18px 34px #3024191f}.emptyCard{padding:24px 18px;color:#4e433ad1;text-align:center;background:#fffbf69e}.cardTop{display:grid;gap:14px}.cardMeta{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;justify-content:space-between}.cardHeadline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cardActions{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;padding-top:12px;border-top:1px solid rgba(38,31,25,.08)}.cardBoard{display:grid;min-width:0;max-width:100%;padding:10px 12px;border:1px solid rgba(143,103,69,.16);background:linear-gradient(180deg,#fffbf5f0,#f4ebe0b8)}.cardBoardName{display:block;min-width:0;font-size:.88rem;font-weight:600;line-height:1.3;color:var(--accent-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cardTitle{font-size:.94rem;font-weight:500;line-height:1.42;letter-spacing:-.015em;color:var(--text)}.cardStatus{display:inline-flex;align-items:center;padding:7px 10px;background:#4578511f;border:1px solid rgba(69,120,81,.24);color:#3f6e4b;font:700 .68rem/1 Poppins,sans-serif;letter-spacing:.12em;text-transform:uppercase}.cardDriveLink{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:28px;height:28px;color:var(--accent-strong);text-decoration:none;border:1px solid rgba(38,31,25,.08);background:#f2ebe2b3;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.cardDriveLink svg{width:16px;height:16px;display:block}.cardDriveLink:hover{transform:translateY(-1px);border-color:#8f67453d;background:#efe5d8}.cardButton{appearance:none;border:1px solid rgba(143,103,69,.18);background:#f2ebe2;color:var(--accent-strong);padding:8px 11px;font:700 .7rem/1 Poppins,sans-serif;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease}.cardButton:hover:not(:disabled){background:#eadfce;color:var(--text);border-color:#8f674547}.cardButton:disabled{cursor:wait;opacity:.7}.cardPosted{border-color:#4578513d;background:linear-gradient(180deg,#f7fcf7,#edf7ef)}.cardPosted .cardBoard{border-color:#45785133;background:linear-gradient(180deg,#f6fdf6f5,#e4f4e8d6)}.cardPosted .cardBoardName{color:#3f6e4b}.cardPosted .cardDriveLink{border-color:#4578512e;background:#45785114}.cardPosted .cardActions{border-top-color:#45785124}.modalBackdrop{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:#241e195c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:30}.modalCard{width:min(100%,460px);padding:28px;border:1px solid rgba(38,31,25,.1);background:#fffdf9fa;box-shadow:0 28px 60px #1f17112e}.modalEyebrow{margin-bottom:10px;font:700 .72rem/1 Poppins,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-strong)}.modalCard h2{font-size:1.5rem;font-weight:700;line-height:1.08;letter-spacing:-.04em}.modalText{margin-top:14px;color:var(--muted);line-height:1.6}.modalActions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.modalButton{appearance:none;border:1px solid rgba(143,103,69,.2);background:#f2ebe2;color:var(--accent-strong);padding:11px 14px;font:700 .76rem/1 Poppins,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.modalButtonGhost{background:transparent;color:var(--text)}.modalButton:disabled{cursor:wait;opacity:.7}.ignored{margin-top:24px;padding:20px;border:1px solid var(--line);background:#faf7f1d6;box-shadow:var(--shadow)}.ignoredHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.ignoredList{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.ignoredItem{padding:14px;border:1px solid rgba(38,31,25,.08);background:#fffdf9cc}.ignoredItem p{margin-top:8px;color:var(--muted)}.ignoredItem small{display:block;margin-top:8px}@media(max-width:720px){.shell{padding:24px 16px 40px}.hero{grid-template-columns:1fr}.heroCopy{flex-direction:column;align-items:flex-start;min-height:0;gap:14px;padding:16px 16px 14px}.brandLogo{width:min(148px,42%);min-width:0}.heroMain{min-height:0}.board{padding:0 0 12px}.columnHeader h2{max-width:none;display:block;-webkit-line-clamp:unset;overflow:visible;font-size:1.18rem;line-height:1.02}.column{flex:0 0 min(340px,calc(100vw - 32px))}.boardHover{display:none}}
