:root{--color-white:#fff;--color-black:#202020;--color-blue:#5840f5;--color-black-1:#202020;--color-black-2:#393939;--color-black-3:#525252;--color-black-4:#6a6a6a;--color-black-5:#838383;--color-black-6:#9c9c9c;--color-black-7:#b5b5b5;--color-black-8:#cdcdcd;--color-black-9:#e6e6e6;--color-blue-1:#5840f5;--color-blue-2:#cae0fc;--color-gray-1:#f4f4f4;--color-red-1:#ff296d;--color-red-2:#e63946;--bg-layout:#edebe7;--bg-main:#fff;--bg-panel:#f4f4f4;--bg-panel-darker:#e0e0e0;--bg-inverse:#202020;--bg-hover:#e6e6e6;--text-main:#202020;--text-sub:#6a6a6a;--text-inverse:#fff;--border-main:#e6e6e6;--overlay-white:#ffffffb3;--overlay-black:#20202099;--color-discord:#5865f2;--shadow-sm:0 1px 2px #2020200f;--shadow-md:0 6px 18px #20202014;--shadow-pop:4px 4px 0 0 var(--text-main);--ease-out:ease-out;--ease-bounce:cubic-bezier(0, 1.3, .49, 1.06);--transition-bounce:transform .64s cubic-bezier(0, 1.3, .49, 1.06), background-color .2s ease-out, color .2s ease-out, border-color .2s ease-out;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px}[data-theme=dark]{--bg-layout:#111;--bg-main:#202020;--bg-panel:#393939;--bg-panel-darker:#252525;--bg-inverse:#fff;--bg-hover:#525252;--text-main:#f4f4f4;--text-sub:#b5b5b5;--text-inverse:#202020;--border-main:#525252}*{box-sizing:border-box}html{height:100%}body{background:var(--bg-layout);min-height:100%;color:var(--text-main);font-family:var(--font-mplus-rounded-1c), sans-serif;letter-spacing:.02em;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;font-weight:500;line-height:1.8}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-family:inherit}input,textarea,select{font-family:var(--font-mplus-rounded-1c), sans-serif;color:var(--text-main)}.font-display{font-family:var(--font-line-seed-jp), sans-serif}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.kk-ghost-link{font-family:var(--font-line-seed-jp), sans-serif;letter-spacing:.04em;color:var(--text-main);cursor:pointer;align-items:center;font-weight:800;text-decoration:none;display:inline-flex;position:relative}.kk-ghost-link:after{content:"";transform-origin:0;opacity:0;background:currentColor;width:100%;height:1px;transition:transform .32s ease-out,opacity .32s ease-out;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.kk-ghost-link:hover:after{opacity:1;transform:scaleX(1)}.hv-panel{transition:background-color .15s ease-out}.hv-panel:hover{background:var(--bg-panel)}.hv-hover{transition:background-color .15s ease-out}.hv-hover:hover{background:var(--bg-hover)}.hv-danger:hover{color:var(--color-red-2)!important}.icon-btn{color:var(--text-main);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background-color .15s ease-out;display:inline-flex}.icon-btn:hover{background:var(--bg-panel)}.kbtn{border-radius:var(--radius-pill);font-family:var(--font-line-seed-jp), sans-serif;letter-spacing:.04em;cursor:pointer;transition:var(--transition-bounce);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:700;display:inline-flex}.kbtn-primary{background:var(--bg-inverse);color:var(--text-inverse);border:2px solid var(--bg-inverse)}.kbtn-primary:hover{background:var(--bg-main);color:var(--text-main);transform:scale(1.08)}.kbtn-outline{background:var(--bg-main);color:var(--text-main);border:2px solid var(--text-main)}.kbtn-outline:hover{background:var(--bg-inverse);color:var(--text-inverse);transform:scale(1.08)}.kbtn-blue-outline{background:var(--bg-main);color:var(--color-blue-1);border:2px solid var(--color-blue-1)}.kbtn-blue-outline:hover{background:var(--color-blue-1);color:#fff;transform:scale(1.08)}.kbtn-discord{background:var(--color-discord);color:#fff;border:2px solid var(--color-discord);padding:14px 36px;font-size:15px}.kbtn-discord:hover{color:var(--color-discord);background:#fff;transform:scale(1.08)}.kbtn:disabled{opacity:.5;pointer-events:none}.card{background:var(--bg-main);border:3px solid var(--text-main);border-radius:var(--radius-xl)}.search-bar{border:2px solid var(--text-main);border-radius:var(--radius-pill);background:var(--bg-main);align-items:center;gap:8px;height:40px;padding:0 16px;display:flex}.search-bar input{min-width:0;color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-size:13px}.toggle{border-radius:var(--radius-pill);background:var(--color-black-8);cursor:pointer;border:none;flex:none;width:34px;height:19px;padding:0;transition:background-color .2s ease-out;display:inline-block;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;transition:transform .2s ease-out;position:absolute;top:2px;left:2px}.toggle[data-on=true]{background:var(--color-blue-1)}.toggle[data-on=true]:after{transform:translate(15px)}.group-pill{background:var(--bg-inverse);color:var(--text-inverse);font-family:var(--font-line-seed-jp), sans-serif;letter-spacing:.06em;border-radius:var(--radius-md);padding:4px 16px;font-size:13px;font-weight:800;display:inline-block}.group-pill[data-muted=true]{background:var(--color-black-5);color:#fff}.count-badge{font-family:var(--font-line-seed-jp), sans-serif;border-radius:var(--radius-pill);background:var(--bg-main);border:2px solid var(--text-main);padding:2px 9px;font-size:11px;font-weight:800}.count-badge[data-muted=true]{border-color:var(--color-black-7);color:var(--color-black-4)}.checkbox{border:1.5px solid var(--color-black-6);cursor:pointer;background:0 0;border-radius:4px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:background-color .15s ease-out,border-color .15s ease-out;display:inline-flex}.checkbox[data-checked=true]{background:var(--color-blue-1);border-color:var(--color-blue-1)}.checkbox:hover{border-color:var(--color-blue-1)}.chip-btn{border-radius:var(--radius-pill);border:1px solid var(--text-main);font-family:var(--font-line-seed-jp), sans-serif;cursor:pointer;background:var(--bg-main);color:var(--text-main);transition:var(--transition-bounce);white-space:nowrap;flex:none;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.chip-btn:hover,.chip-btn[data-active=true]{background:var(--bg-inverse);color:var(--text-inverse)}.menu-pop{background:var(--bg-main);border:2px solid var(--text-main);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:30;min-width:200px;padding:6px;position:absolute}.menu-item{border-radius:var(--radius-md);cursor:pointer;text-align:left;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:12.5px;transition:background-color .15s ease-out;display:flex}.menu-item:hover{background:var(--bg-panel)}.note-card{background:var(--bg-panel);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;gap:8px;padding:16px;transition:transform .32s ease-out,box-shadow .32s ease-out;display:flex}.note-card:hover{box-shadow:var(--shadow-pop);transform:translate(-3px,-3px)}@keyframes ddr-spin{to{transform:rotate(360deg)}}@keyframes ddr-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes ddr-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ddr-modal-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ddr-sheet-in{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.spin{animation:.8s linear infinite ddr-spin}.skeleton-line{background:var(--color-black-9);border-radius:4px;height:12px;animation:1.6s ease-in-out infinite ddr-pulse}[data-theme=dark] .skeleton-line{background:var(--color-black-2)}.app-shell{min-height:100dvh;display:flex}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar{z-index:40;background:#202020;flex-direction:column;flex:none;align-items:center;width:72px;height:100dvh;padding:14px 0 16px;display:flex;position:sticky;top:0}.sidebar-logo{width:40px;height:40px;font-family:var(--font-line-seed-jp), sans-serif;color:#202020;background:#fff;border-radius:10px;justify-content:center;align-items:center;font-size:19px;font-weight:800;display:flex}.sidebar-nav{flex-direction:column;align-items:center;gap:26px;margin-top:38px;display:flex}.sidebar-item{color:#fff;opacity:.75;flex-direction:column;align-items:center;gap:7px;transition:opacity .15s ease-out;display:flex}.sidebar-item:hover{opacity:1}.sidebar-item span{font-size:10px;line-height:1;font-family:var(--font-line-seed-jp), sans-serif}.sidebar-item[data-active=true]{opacity:1}.sidebar-item[data-active=true] span{font-weight:800}.sidebar-bottom{flex-direction:column;align-items:center;gap:14px;margin-top:auto;display:flex;position:relative}.theme-toggle{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff9;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .15s ease-out;display:flex}.theme-toggle:hover{background:#ffffff26}[data-theme=dark] img[src*="/assets/mascot/"]{filter:invert(.92)}.home-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:900px){.home-grid{grid-template-columns:1fr}}.note-content .ne-p{margin:0 0 8px}.note-content .ne-h1{font-family:var(--font-line-seed-jp), sans-serif;letter-spacing:.04em;margin:10px 0 6px;font-size:19px;font-weight:800;line-height:1.6}.note-content .ne-h2{font-family:var(--font-line-seed-jp), sans-serif;letter-spacing:.02em;margin:6px 0 4px;font-size:16px;font-weight:800;line-height:1.6}.note-content .ne-h3{font-family:var(--font-line-seed-jp), sans-serif;margin:6px 0 4px;font-size:14px;font-weight:800;line-height:1.6}.note-content .ne-ul{margin:0 0 12px;padding-left:22px;list-style:outside}.note-content .ne-ol{margin:0 0 12px;padding-left:22px;list-style:decimal}.note-content .ne-li{margin:0}.note-content .ne-link{color:var(--color-blue-1);text-underline-offset:2px;cursor:pointer;text-decoration:underline}.note-content .ne-bold{font-weight:800}.note-content .ne-italic{font-style:italic}.note-content .ne-underline{text-decoration:underline}.note-content .ne-strike{text-decoration:line-through}.tasks-layout{flex:1;align-items:flex-start;gap:20px;min-width:0;padding:20px 24px;display:flex}.filter-sidebar{flex-direction:column;flex:none;align-self:flex-start;gap:20px;width:232px;padding:18px 14px;display:flex;position:sticky;top:20px}.tasks-toolbar{align-items:center;gap:14px;display:flex}.tasks-toolbar-spacer{flex:1}.new-task-btn{flex:none;padding:9px 26px}.filter-sheet-btn,.filter-sheet-backdrop,.filter-sheet{display:none}.task-row-created{border-left:1px solid var(--border-main);flex:none;align-items:center;gap:6px;padding-left:12px;display:inline-flex}.task-row-avatars{flex:none;align-items:center;width:72px;display:inline-flex}.task-row-category{display:inline-flex}.calendar-layout{flex:1;align-items:flex-start;gap:20px;min-width:0;padding:22px 24px;display:flex}.calendar-header{align-items:center;gap:12px;display:flex}.calendar-title{font-family:var(--font-line-seed-jp), sans-serif;letter-spacing:.04em;margin:0;font-size:22px;font-weight:800}.calendar-grid{background:var(--border-main);grid-template-columns:repeat(7,1fr);grid-auto-rows:128px;gap:1px;display:grid}.cal-chip{font-family:var(--font-line-seed-jp), sans-serif;white-space:nowrap;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.day-panel{flex-direction:column;flex:none;align-self:flex-start;width:340px;display:flex;position:sticky;top:22px;overflow:hidden}.day-panel-backdrop,.mobile-tabbar{display:none}@media (max-width:768px){.sidebar{display:none}.app-shell{flex-direction:column}.mobile-tabbar{padding:10px 8px calc(14px + env(safe-area-inset-bottom));z-index:40;background:#202020;display:flex;position:sticky;bottom:0}.mobile-tabbar a{color:#fff;opacity:.65;flex-direction:column;flex:1;align-items:center;gap:5px;display:flex}.mobile-tabbar a[data-active=true]{opacity:1}.mobile-tabbar a span{font-size:9px;font-family:var(--font-line-seed-jp), sans-serif}.mobile-tabbar a[data-active=true] span{font-weight:800}.tasks-layout{gap:14px;padding:14px}.tasks-toolbar{gap:10px}.tasks-toolbar-spacer{display:none}.new-task-btn{padding:9px 14px}.filter-sidebar{display:none}.filter-sheet-btn{flex:none;justify-content:center;align-items:center;gap:6px;display:inline-flex;position:relative}.filter-sheet-backdrop{background:var(--overlay-black);z-index:59;animation:.2s ease-out ddr-fade-in;display:block;position:fixed;inset:0}.filter-sheet{z-index:60;background:var(--bg-main);border:3px solid var(--text-main);max-height:75dvh;padding-bottom:env(safe-area-inset-bottom);border-bottom:none;border-radius:16px 16px 0 0;animation:.25s ease-out ddr-sheet-in;display:block;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.filter-sheet .filter-sidebar{border:none;border-radius:0;width:100%;display:flex;position:static}.task-row-created,.task-row-category{display:none}.task-row-avatars{width:auto}.calendar-layout{flex-direction:column;align-items:stretch;gap:14px;padding:14px}.calendar-header{flex-wrap:wrap;row-gap:8px}.calendar-title{font-size:18px}.calendar-grid{grid-auto-rows:84px}.cal-chip{pointer-events:none;border-radius:3px;height:5px;padding:0}.cal-chip>*{display:none}.day-panel{z-index:60;width:auto;max-height:70dvh;padding-bottom:env(safe-area-inset-bottom);border-bottom:none;border-radius:16px 16px 0 0;animation:.25s ease-out ddr-sheet-in;position:fixed;inset:auto 0 0;overflow-y:auto}.day-panel-backdrop{background:var(--overlay-black);z-index:59;animation:.2s ease-out ddr-fade-in;display:block;position:fixed;inset:0}}