:root{--font-thai: "Sarabun", -apple-system, system-ui, sans-serif;--sl-font-sans: var(--font-thai);--teal: #127c71;--teal-dark: #0d5f57;--teal-darker: #073e39;--teal-50: #e6f2f0;--teal-100: #d3e8e4;--teal-border: #cfe3df;--saffron: #e0a024;--saffron-soft: #fbeccd;--bg-page: #faf7f2;--bg-card: #ffffff;--bg-soft: #f4f1ea;--line: #ece7dd;--ink: #28302e;--ink-soft: #5d6b66;--ink-faint: #93a09a;--ok: #2e7d54;--ok-bg: #e7f3ea;--warn: #8a5a12;--warn-bg: #fbeeda;--info: #3a4a8c;--info-bg: #eef0fb;--danger: #b8432d;--danger-bg: #fbeae6;--pri-1: #9aa6a1;--pri-2: var(--saffron);--pri-3: var(--danger);--sidebar-w: 236px;--r: 14px;--r-sm: 10px;--shadow: 0 1px 2px rgba(20, 40, 35, .05), 0 4px 14px rgba(20, 40, 35, .05);--shadow-lg: 0 12px 40px rgba(20, 40, 35, .2);--sl-color-primary-600: var(--teal);--sl-color-primary-500: var(--teal);--sl-color-primary-700: var(--teal-dark)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-thai);background:var(--bg-page);color:var(--ink);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}a{color:var(--teal-dark)}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint)}.app{min-height:100vh;min-height:100dvh;padding-bottom:78px}.demo-ribbon{background:var(--saffron-soft);color:var(--warn);font-size:12.5px;font-weight:600;text-align:center;padding:5px}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:8px;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));background:var(--bg-card);border-bottom:1px solid var(--line)}.topbar .grow{flex:1}.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:17px}.brand .logo{width:28px;height:28px;border-radius:8px;overflow:hidden;display:flex}.brand .logo img{width:100%;height:100%}.topnav{display:none;gap:4px;margin-left:8px}.topnav a{color:var(--ink-soft);text-decoration:none;cursor:pointer;padding:7px 14px;border-radius:999px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:6px}.topnav a:hover{background:var(--bg-soft)}.topnav a.active{background:var(--teal-50);color:var(--teal-dark)}.topnav a .dot,.bottomnav a .dot{background:var(--saffron);color:#4a3608;font-size:10px;font-weight:700;border-radius:999px;padding:0 5px;min-width:16px;text-align:center;line-height:16px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--teal-100);color:var(--teal-darker);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.container{max-width:1240px;margin:0 auto;padding:16px 14px 24px;width:100%}.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:45;display:flex;background:var(--bg-card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.bottomnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ink-faint);text-decoration:none;cursor:pointer;padding:7px 0;font-size:11px;font-weight:600}.bottomnav a.active{color:var(--teal-dark)}.bottomnav a .ic{position:relative;display:flex}.bottomnav a .ic sl-icon{font-size:22px}.bottomnav a .ic .dot{position:absolute;top:-5px;right:-11px}.page-head{display:flex;align-items:center;gap:10px;margin:4px 2px 16px}.page-head h1{font-size:20px;margin:0;font-weight:700}.page-head .sub{color:var(--ink-soft);font-size:13px}.page-head .grow{flex:1}.page-head .input{height:42px}.page-head .filter-wrap>.btn{height:42px;padding:0 14px;font-size:14px}.btn{border:1px solid transparent;border-radius:var(--r-sm);padding:9px 14px;font-weight:600;font-size:14px;font-family:inherit;display:inline-flex;align-items:center;gap:7px;background:#fff;color:var(--ink);transition:transform .05s ease,background .15s ease}.btn:active{transform:scale(.97)}.btn--primary{background:var(--teal);color:#fff}.btn--primary:hover{background:var(--teal-dark)}.btn--accent{background:var(--saffron);color:#4a3608}.btn--ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn--danger{background:transparent;color:var(--danger);border-color:#e7c8c0}.btn--sm{padding:6px 10px;font-size:13px}.btn--block{width:100%;justify-content:center}[hidden]{display:none!important}.fab{position:fixed;right:18px;bottom:calc(88px + env(safe-area-inset-bottom));z-index:46;width:56px;height:56px;border-radius:50%;border:0;background:var(--saffron);color:#4a3608;font-size:26px;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center}.filter-wrap{position:relative}.filter-wrap .btn.on{background:var(--teal-50);border-color:var(--teal-border);color:var(--teal-dark)}.filter-badge{background:var(--teal);color:#fff;font-size:11px;font-weight:700;border-radius:999px;padding:0 6px;min-width:16px;text-align:center}.filter-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.filter-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:31;width:230px;max-height:300px;overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow-lg);padding:4px}.filter-row{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:0;background:none;padding:9px 10px;border-radius:8px;font:inherit;color:var(--ink)}.filter-row:hover{background:var(--bg-soft)}.filter-row.on{background:var(--teal-50);color:var(--teal-dark);font-weight:600}.filter-row__t{flex:1}.filter-row sl-icon{color:var(--teal)}.filter-clear{display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;padding:9px 10px;border-radius:8px;font:inherit;color:var(--danger);border-top:1px solid var(--line);margin-top:4px}.filter-clear:hover{background:var(--danger-bg)}.filter-empty{color:var(--ink-faint);font-size:13px;text-align:center;padding:14px}.filter-active{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:-6px 2px 14px;font-size:13px}.filterbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:10px 14px;margin-bottom:16px}.filterbar .grow{flex:1}.filterbar__by{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600}.filterbar__by .select{width:auto;padding:7px 10px;font-size:13.5px}.filterbar__counts{display:flex;gap:16px;flex-wrap:wrap}.cnt{display:flex;flex-direction:column;align-items:center;line-height:1.1}.cnt__k{font-size:11px;color:var(--ink-soft);white-space:nowrap}.cnt__v{font-size:19px;font-weight:700}.board{display:grid;grid-auto-flow:column;grid-auto-columns:82vw;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:10px;margin:0 -14px;padding-left:14px;padding-right:14px}.col{scroll-snap-align:start;min-width:0;display:flex;flex-direction:column}.col__head{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:2px;font-weight:700;font-size:14.5px}.col__head sl-icon{font-size:17px}.col__count{margin-left:auto;background:var(--bg-soft);color:var(--ink-soft);font-size:12px;font-weight:700;border-radius:999px;padding:1px 9px}.col__body{display:flex;flex-direction:column;gap:10px;min-height:60px;border-radius:var(--r);padding:2px;flex:1;transition:background .15s ease}.col__body.drag-over{background:var(--teal-50);outline:2px dashed var(--teal-border);outline-offset:-2px}.col__empty{color:var(--ink-faint);font-size:13px;text-align:center;padding:20px 6px;border:1px dashed var(--line);border-radius:var(--r-sm)}.card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:12px 13px;position:relative;border-left:4px solid var(--line);cursor:grab}.card:active{cursor:grabbing}.card[data-pri="3"]{border-left-color:var(--pri-3)}.card[data-pri="2"]{border-left-color:var(--pri-2)}.card[data-pri="1"]{border-left-color:var(--pri-1)}.card__top{display:flex;align-items:flex-start;gap:8px}.card__grip{color:var(--ink-faint);font-size:16px;margin-top:2px;cursor:grab;flex-shrink:0}.card__title{font-weight:600;font-size:14.5px;line-height:1.45;margin:0;flex:1}.card__meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:9px}.chip{font-size:12px;font-weight:600;border-radius:999px;padding:2px 9px;background:var(--teal-50);color:var(--teal-dark);display:inline-flex;align-items:center;gap:4px}.chip sl-icon{font-size:12px}.chip--dept{background:var(--info-bg);color:var(--info)}.chip--cat{background:var(--saffron-soft);color:var(--warn)}.chip--due{background:var(--bg-soft);color:var(--ink-soft)}.chip--due.warn{background:var(--warn-bg);color:var(--warn)}.chip--due.over{background:var(--danger-bg);color:var(--danger)}.assignees{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.who{font-size:12px;background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;padding:2px 8px;display:inline-flex;align-items:center;gap:5px}.who b{font-weight:600}.who .role{color:var(--teal);font-weight:600}.card__refs{margin-top:9px;font-size:12.5px;color:var(--ink-soft);display:flex;gap:6px;align-items:flex-start}.card__refs a,.source-text a{color:var(--teal-dark);text-decoration:underline;word-break:break-all}.card__attach{display:inline-flex;align-items:center;gap:5px;margin-top:9px;border:0;background:var(--teal-50);color:var(--teal-dark);font:inherit;font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:999px;cursor:pointer}.card__attach:hover{background:var(--teal-100)}.ref-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.ref-links a{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--teal-dark);text-decoration:none;background:var(--teal-50);padding:5px 11px;border-radius:999px}.ref-links a:hover{background:var(--teal-100)}.progress{margin-top:11px}.progress__top{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-soft);margin-bottom:4px}.progress__bar{height:6px;border-radius:999px;background:var(--bg-soft);overflow:hidden}.progress__fill{height:100%;border-radius:999px;background:var(--teal);transition:width .25s ease}.progress__fill.full{background:var(--ok)}.card__foot{display:flex;align-items:center;justify-content:space-between;margin-top:11px;gap:8px}.sortable-ghost{opacity:.4}.sortable-chosen{box-shadow:var(--shadow-lg)}.sortable-drag{transform:rotate(1.5deg);box-shadow:var(--shadow-lg);cursor:grabbing}.inbox-grid{display:grid;grid-template-columns:1fr;gap:10px;align-items:start}@media(min-width:720px){.inbox-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}}.inbox-item{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:11px 13px;border-left:4px solid var(--saffron)}.inbox-item__summary{font-weight:600;font-size:14.5px;line-height:1.4;margin:7px 0 0}.inbox-item__raw{color:var(--ink-soft);font-size:12px;margin-top:4px;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.inbox-item__actions{display:flex;gap:8px;margin-top:10px}.member{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:11px 14px;margin-bottom:9px}.member .avatar{width:42px;height:42px}.member__name{font-weight:600}.member__email{font-size:12.5px;color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-tag{font-size:11px;font-weight:700;border-radius:6px;padding:2px 9px}.role-tag.admin{background:var(--saffron-soft);color:var(--warn)}.role-tag.member{background:var(--teal-50);color:var(--teal-dark)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#141e1c73;display:flex;align-items:flex-end;justify-content:center;animation:fade .15s ease}@keyframes fade{0%{opacity:0}}.sheet{background:var(--bg-page);width:100%;max-width:560px;border-radius:20px 20px 0 0;max-height:92dvh;overflow-y:auto;padding:8px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:var(--shadow-lg);animation:rise .2s ease}@keyframes rise{0%{transform:translateY(28px)}}.sheet__grip{width:40px;height:4px;background:var(--line);border-radius:2px;margin:8px auto 12px}.sheet__head{display:flex;align-items:center;margin:2px 2px 14px}.sheet__head h2{font-size:18px;margin:0;flex:1}.sheet__head .x{border:0;background:none;font-size:20px;color:var(--ink-soft);display:flex;padding:4px;border-radius:8px}.sheet__head .x:hover{background:var(--bg-soft)}.field{margin-bottom:14px}.field>label{display:block;font-weight:600;font-size:13.5px;color:var(--teal-dark);margin-bottom:6px}.field .hint{font-weight:400;color:var(--ink-faint);font-size:12px}.input,.textarea,.select{width:100%;border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;font:inherit;background:#fff;color:var(--ink)}.select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:34px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%235d6b66' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}.input:focus,.textarea:focus,.select:focus{outline:2px solid var(--teal-50);border-color:var(--teal)}.input:disabled{background:var(--bg-soft);color:var(--ink-faint);cursor:not-allowed}.textarea{min-height:70px;resize:vertical}.source-text{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;font-size:13.5px;color:var(--ink-soft);white-space:pre-wrap;line-height:1.6;max-height:180px;overflow-y:auto}.attach{display:flex;flex-wrap:wrap;gap:10px}.attach-item{position:relative;width:78px;height:78px;border-radius:var(--r-sm);border:1px solid var(--line);overflow:hidden;background:var(--bg-soft)}.attach-item img{width:100%;height:100%;object-fit:cover}.attach-file{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;height:100%;text-decoration:none;color:var(--ink-soft);padding:6px}.attach-file sl-icon{font-size:24px;color:var(--teal)}.attach-file span{font-size:10px;line-height:1.2;max-height:24px;overflow:hidden;text-align:center;word-break:break-all}.attach-rm{position:absolute;top:3px;right:3px;width:20px;height:20px;border:0;border-radius:50%;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer}.attach-add{width:78px;height:78px;border-radius:var(--r-sm);border:1.5px dashed var(--teal-border);background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;color:var(--teal-dark);font-size:12px;font-weight:600}.attach-add:hover{background:var(--teal-50)}.attach-add sl-icon{font-size:18px}.scrim--center{align-items:center}.sheet--viewer{border-radius:18px;max-height:88dvh;margin:0 12px;width:100%;max-width:560px;padding:16px 18px calc(18px + env(safe-area-inset-bottom))}@media(min-width:760px){.sheet--viewer{max-width:880px}}.viewer{display:flex;flex-direction:column;gap:14px;padding-bottom:4px}.viewer-img{position:relative}.viewer-img img{width:100%;border-radius:var(--r-sm);display:block;border:1px solid var(--line);cursor:zoom-in}.viewer-dl{position:absolute;top:9px;right:9px;width:40px;height:40px;border-radius:50%;background:#141e1c9e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;text-decoration:none}.viewer-dl:hover{background:#141e1cd9}.viewer-loading{display:flex;justify-content:center;padding:30px;font-size:24px;color:var(--teal)}.viewer-file{display:flex;align-items:center;gap:11px;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 13px}.viewer-file>sl-icon{font-size:30px;color:var(--teal);flex-shrink:0}.viewer-file__name{flex:1;font-size:14px;word-break:break-all;min-width:0}.result-zone{border:1px solid var(--teal-border);background:var(--teal-50);border-radius:var(--r);padding:12px 13px;margin-bottom:14px}.result-zone__head{display:flex;align-items:center;gap:7px;font-weight:700;color:var(--teal-dark);margin-bottom:10px}.result-zone__head sl-icon{font-size:18px;color:var(--saffron)}.result-zone .field:last-child{margin-bottom:0}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tdate{position:relative}.tdate-field{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;background:#fff;color:var(--ink);font:inherit;cursor:pointer;text-align:left}.tdate-field:hover{border-color:var(--teal-border)}.tdate-field:focus,.tdate.open .tdate-field{outline:2px solid var(--teal-50);border-color:var(--teal)}.tdate-field .muted{color:var(--ink-faint)}.tdate-field sl-icon{color:var(--ink-faint);font-size:16px;flex-shrink:0}.tdate-pop{position:absolute;z-index:12;top:calc(100% + 6px);left:0;width:268px;max-width:90vw;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:var(--shadow-lg)}.tdate-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-weight:700;font-size:15px}.tdate-head button{border:0;background:none;cursor:pointer;color:var(--teal-dark);display:flex;padding:5px;border-radius:8px;font-size:15px}.tdate-head button:hover{background:var(--bg-soft)}.tdate-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.tdate-dow span{text-align:center;font-size:12px;color:var(--ink-faint);padding:4px 0;font-weight:600}.tdate-day{border:0;background:none;cursor:pointer;aspect-ratio:1;border-radius:9px;font:inherit;font-size:13px;color:var(--ink);display:flex;align-items:center;justify-content:center}.tdate-day:hover{background:var(--teal-50)}.tdate-day.today{color:var(--teal-dark);font-weight:700;box-shadow:inset 0 0 0 1.5px var(--teal-border)}.tdate-day.sel{background:var(--teal);color:#fff}.tdate-day.sel.today{box-shadow:none}.tdate-foot{display:flex;justify-content:space-between;margin-top:8px}.tdate-foot button{border:0;background:none;cursor:pointer;color:var(--teal-dark);font:inherit;font-weight:600;font-size:13px;padding:5px 8px;border-radius:8px}.tdate-foot button:hover{background:var(--bg-soft)}.seg{display:flex;gap:6px;flex-wrap:wrap}.seg button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:600;color:var(--ink-soft)}.seg button[aria-pressed=true]{background:var(--teal);color:#fff;border-color:var(--teal)}.seg.pri button[aria-pressed=true][data-v="2"]{background:var(--saffron);color:#4a3608;border-color:var(--saffron)}.seg.pri button[aria-pressed=true][data-v="3"]{background:var(--danger);color:#fff;border-color:var(--danger)}.assign-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:8px;align-items:center}.ac{position:relative;min-width:0}.ac-pop{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:8;background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow-lg);max-height:184px;overflow-y:auto;padding:4px}.ac-pop button{display:block;width:100%;text-align:left;border:0;background:none;padding:9px 11px;border-radius:7px;font:inherit;color:var(--ink)}.ac-pop button:hover{background:var(--bg-soft)}.tag-chip{font-size:12.5px;font-weight:600;border-radius:999px;padding:3px 6px 3px 10px;display:inline-flex;align-items:center;gap:5px}.tag-chip .rm{border:0;background:#00000014;color:inherit;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer}.taginput{position:relative}.taginput__chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.tag-suggest{position:absolute;z-index:5;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow-lg);overflow:hidden;max-height:220px;overflow-y:auto}.tag-suggest__row{display:flex;align-items:center}.tag-suggest__row:hover{background:var(--bg-soft)}.tag-suggest__pick{display:flex;align-items:center;gap:8px;flex:1;text-align:left;border:0;background:none;padding:9px 12px;font:inherit;color:var(--ink)}.tag-suggest__del{border:0;background:none;color:var(--ink-faint);cursor:pointer;display:flex;padding:8px 12px;font-size:15px}.tag-suggest__del:hover{color:var(--danger)}.tag-suggest .new{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;background:none;padding:9px 12px;font:inherit;color:var(--teal-dark);font-weight:600}.tag-suggest .new:hover{background:var(--bg-soft)}.tag-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.sub-list{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.sub-row{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 10px}.sub-row .sub-grip{color:var(--ink-faint);cursor:grab;flex-shrink:0;font-size:15px;touch-action:none}.sub-row .sub-grip:active{cursor:grabbing}.sub-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--teal);flex-shrink:0}.sub-row .t{flex:1;border:0;background:none;font:inherit;color:var(--ink);padding:0}.sub-row .t.done{text-decoration:line-through;color:var(--ink-faint)}.sub-row .rm{border:0;background:none;color:var(--ink-faint);font-size:16px;display:flex;padding:2px}.sub-add{display:flex;gap:8px}.sub-add .input{flex:1}.sheet__foot{display:flex;gap:10px;margin-top:8px;position:sticky;bottom:0;padding:12px 0 2px;background:linear-gradient(transparent,var(--bg-page) 26%)}.empty{text-align:center;color:var(--ink-faint);padding:50px 20px}.empty sl-icon{font-size:44px;display:block;margin:0 auto 10px;opacity:.6}.login{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:6px}.login img.logo{width:84px;height:84px;border-radius:22px;box-shadow:var(--shadow-lg);margin-bottom:8px}.login h1{font-size:25px;margin:6px 0 2px}.login p{color:var(--ink-soft);max-width:320px;margin:0 0 18px}.gbtn{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:11px 22px;font-weight:600;box-shadow:var(--shadow);font-size:15px}.toast-wrap{position:fixed;left:0;right:0;bottom:24px;z-index:90;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{background:var(--ink);color:#fff;padding:10px 16px;border-radius:999px;font-size:14px;box-shadow:var(--shadow-lg);animation:rise .2s ease}@media(min-width:760px){.app{padding-bottom:0}.topnav{display:flex}.bottomnav{display:none}.container{padding:20px 22px 40px}.board{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(252px,1fr));margin:0;padding:0 2px 10px}.fab{right:28px;bottom:28px}.scrim{align-items:center}.sheet{border-radius:18px;max-height:88vh;padding:18px 22px}.sheet__grip{display:none}}