@import "https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css";:root{--navy:#2f4a6f;--blue:#90afca;--mist:#eaeaea;--taupe:#c1b3a3;--cream:#eae1d8;--ink:#233149;--muted:#7c8797;--line:#e9edf1;--surface:#f7f8fa;--white:#fff;--danger:#c65c62}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#fff;margin:0}body,button,input,textarea{font-family:Paperlogy,sans-serif}button,input,textarea{font-size:inherit}button{cursor:pointer}.app-shell{background:linear-gradient(#fff 0 70%,#fbfaf8 100%);min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fffffff5;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(20px,5vw,72px);display:flex;position:sticky;top:0}.brand{letter-spacing:-.04em;color:var(--navy);align-items:center;gap:10px;font-size:24px;font-weight:800;display:flex}.brand-mark{align-items:flex-end;gap:3px;height:22px;display:flex}.brand-mark i{border-radius:4px;width:6px;display:block}.brand-mark i:first-child{background:var(--blue);height:14px}.brand-mark i:nth-child(2){background:var(--navy);height:21px}.brand-mark i:nth-child(3){background:var(--taupe);height:10px}.top-actions{align-items:center;gap:10px;display:flex}.team-stack{align-items:center;gap:8px;margin-right:4px;display:flex}.member-avatar{color:var(--muted);background:0 0;border:0;grid-template-columns:30px;justify-items:center;gap:2px;padding:0;display:grid}.member-avatar span{background:color-mix(in srgb,var(--member-color),white 20%);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;display:grid;box-shadow:0 0 0 1px #e6eaf0}.member-avatar small{text-overflow:ellipsis;max-width:42px;font-size:9px;overflow:hidden}.member-avatar.active span{box-shadow:0 0 0 2px var(--navy)}.share-button,.logout-button,.icon-button{border:1px solid var(--line);height:38px;color:var(--navy);background:#fff;border-radius:12px;padding:0 14px;font-weight:650}.share-button{background:var(--navy);color:#fff;border-color:var(--navy)}.icon-button{width:38px;padding:0;font-size:20px}.menu-wrap{position:relative}.dropdown{border:1px solid var(--line);z-index:25;background:#fff;border-radius:16px;width:235px;padding:8px;position:absolute;top:48px;right:0;box-shadow:0 18px 50px #2f4a6f26}.dropdown button{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-radius:11px;flex-direction:column;gap:3px;padding:12px;display:flex}.dropdown button:hover{background:#f5f7fa}.dropdown small{color:var(--muted);font-size:11px}.hero-row{justify-content:space-between;align-items:end;max-width:1240px;margin:0 auto;padding:46px 26px 30px;display:flex}.eyebrow{letter-spacing:.13em;color:var(--blue);margin:0 0 9px;font-size:11px;font-weight:800}.hero-row h1{letter-spacing:-.04em;margin:0;font-size:clamp(30px,4vw,48px);line-height:1.12}.hero-row h1 span{color:var(--blue)}.subcopy{color:var(--muted);margin:13px 0 0}.subcopy strong{color:var(--navy)}.completion-card{background:var(--surface);border-radius:18px;align-items:center;gap:13px;padding:12px 16px;display:flex}.completion-card strong,.completion-card small{display:block}.completion-card small{color:var(--muted);margin-top:3px}.progress-ring{--progress:0;background:conic-gradient(var(--navy) calc(var(--progress)*1%),#dfe5eb 0);border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:relative}.progress-ring:before{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:5px}.progress-ring span{font-size:11px;font-weight:800;position:relative}.calendar-card{border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:1240px;margin:0 auto;padding:20px 26px 24px}.calendar-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.month-title{align-items:center;gap:12px;display:flex}.month-title button{width:32px;height:32px;color:var(--navy);background:#f5f7f9;border:0;border-radius:10px}.month-title div{text-align:center;min-width:62px}.month-title span,.month-title strong{display:block}.month-title span{color:var(--muted);letter-spacing:.1em;font-size:10px}.month-title strong{font-size:19px}.segmented,.layout-switch,.pills{background:#f1f3f6;border-radius:12px;padding:3px;display:flex}.segmented button,.layout-switch button,.pills button{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:7px 14px}.segmented .active,.layout-switch .active,.pills .active{color:var(--navy);background:#fff;font-weight:700;box-shadow:0 2px 8px #2f4a6f14}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.day-cell{min-width:0;color:var(--ink);background:0 0;border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;transition:all .2s;display:flex}.week-view .day-cell{padding:14px 8px}.month-view .day-cell{min-height:54px;padding:13px 7px}.day-cell:hover{background:#f5f7f9}.day-cell.selected{background:var(--navy);color:#fff}.day-cell.outside{opacity:.3}.dow{color:var(--muted);font-size:11px;font-weight:700}.selected .dow{color:#d8e3ee}.date{font-size:14px;font-weight:700}.count-badge,.sparkle{background:var(--cream);width:25px;height:25px;color:var(--navy);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.selected .count-badge{background:#fff}.sparkle{color:var(--blue);background:#eff3f7;font-size:15px}.selected .sparkle{background:#fff}.weekday-row{grid-template-columns:repeat(7,1fr);gap:8px;padding:7px 0 10px;display:grid}.weekday-row span{text-align:center;color:var(--muted);font-size:11px;font-weight:700}.month-calendar .calendar-head{margin-bottom:8px}.board-section{max-width:1240px;margin:0 auto;padding:38px 26px 72px}.board-heading{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.board-heading h2{letter-spacing:-.03em;margin:0;font-size:28px}.board-heading p:last-child{color:var(--muted);margin:7px 0 0}.board-controls{gap:10px;display:flex}.task-board{gap:16px;display:grid}.layout-wide{grid-template-columns:repeat(3,minmax(0,1fr))}.layout-vertical{grid-template-columns:1fr}.layout-vertical .category-card{width:100%;max-width:820px}.category-card{border:1px solid var(--line);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 28px #2f4a6f0b}.category-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 17px;display:flex}.category-title{align-items:center;gap:10px;display:flex}.category-title i,.manage-item i{border-radius:50%;flex:none;width:10px;height:10px}.category-title h3{margin:0;font-size:15px}.category-title small{color:var(--muted);font-weight:500}.category-tools{align-items:center;gap:9px;display:flex}.category-tools>span{color:var(--muted);font-size:10px}.add-task{width:28px;height:28px;color:var(--navy);background:#eff3f7;border:0;border-radius:9px;place-items:center;font-size:18px;display:grid}.task-list{padding:8px}.empty-tasks,.empty-board{text-align:center;color:#a2aab4;padding:30px 12px;font-size:12px}.task-swipe-shell{background:#eef1f4;border-radius:13px;margin-bottom:5px;position:relative;overflow:hidden}.swipe-actions{display:flex;position:absolute;inset:0 0 0 auto}.swipe-actions button{color:#fff;background:#a9b9c8;border:0;flex-direction:column;justify-content:center;align-items:center;width:64px;font-size:18px;display:flex}.swipe-actions button:nth-child(2){background:#8d9cac}.swipe-actions button.danger{background:var(--danger)}.swipe-actions small{margin-top:2px;font-size:9px}.task-row{z-index:1;touch-action:pan-y;background:#fff;align-items:center;gap:11px;padding:13px 12px;transition:transform .22s;display:flex;position:relative}.task-row.revealed{transform:translate(-192px)}.task-check{color:#fff;background:#fff;border:1.5px solid #c9d1da;border-radius:9px;flex:0 0 24px;place-items:center;width:24px;height:24px;padding:0;display:grid}.task-check svg{width:17px;height:17px;display:block;overflow:visible}.task-check path{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.task-row.done .task-check{background:var(--blue);border-color:var(--blue)}.task-row.cancelled .task-check{background:var(--taupe);border-color:var(--taupe);font-size:19px;line-height:1}.task-row.done .task-text,.task-row.cancelled .task-text{color:#9ca4ae;text-decoration:line-through}.task-main{flex:1;min-width:0}.task-text{font-size:13px;line-height:1.35}.task-meta{color:#a0a7b0;gap:8px;margin-top:4px;font-size:9px;display:flex}.task-entry{background:#f7f9fb;border-radius:13px;align-items:center;gap:8px;padding:10px;display:flex}.empty-check{border:1.5px dashed #c3ccd6;border-radius:8px;flex:none;width:22px;height:22px}.task-entry input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.task-entry button{background:var(--navy);color:#fff;border:0;border-radius:8px;padding:6px 9px;font-size:11px}.task-entry .entry-cancel{color:var(--muted);background:0 0;padding:3px;font-size:18px}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;background:#1a263766;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:#fff;border-radius:24px;width:min(480px,100%);max-height:88vh;padding:24px;overflow:auto;box-shadow:0 26px 80px #14233733}.modal-head{justify-content:space-between;align-items:start;margin-bottom:22px;display:flex}.modal-head h2{margin:0;font-size:23px}.modal-head>button{width:34px;height:34px;color:var(--muted);background:#f2f4f6;border:0;border-radius:11px;font-size:20px}.modal>label,.modal fieldset{color:var(--ink);border:0;margin:0 0 18px;padding:0;font-size:12px;font-weight:700;display:block}.modal input,.modal textarea,.auth-card input{width:100%;color:var(--ink);background:#fff;border:1px solid #dfe4ea;border-radius:12px;outline:none;margin-top:7px;padding:12px 13px}.modal input:focus,.modal textarea:focus,.auth-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #90afca2e}.modal textarea{resize:vertical}.color-options{gap:10px;margin-top:10px;display:flex}.color-options button{border:3px solid #fff;border-radius:50%;width:34px;height:34px;box-shadow:0 0 0 1px #dde2e7}.color-options button.selected{box-shadow:0 0 0 2px var(--navy)}.switch-row{background:#f7f8fa;border-radius:14px;justify-content:space-between;align-items:center;padding:14px!important;display:flex!important}.switch-row span b,.switch-row span small{display:block}.switch-row span small{color:var(--muted);margin-top:3px;font-weight:400}.switch-row input{width:20px;margin:0}.primary-button,.secondary-button{background:var(--navy);color:#fff;border:0;border-radius:13px;width:100%;padding:13px;font-weight:700}.secondary-button{color:var(--navy);background:#edf1f4;margin-top:14px}.modal-copy{color:var(--muted);font-size:13px;line-height:1.55}.manage-modal{width:min(650px,100%)}.manage-list{flex-direction:column;gap:8px;display:flex}.manage-item{background:#f7f8fa;border-radius:13px;grid-template-columns:24px 12px 1fr auto 30px;align-items:center;gap:9px;padding:9px;display:grid}.manage-item input{background:#fff;margin:0;padding:9px}.drag-handle{color:#a6aeb8;cursor:grab}.mini-switch{color:var(--muted);align-items:center;gap:4px;font-size:10px;display:flex}.mini-switch input{width:auto;margin:0}.manage-item>button{color:var(--danger);background:0 0;border:0;font-size:20px}.memo-task{background:#f7f8fa;border-radius:13px;margin-bottom:12px;padding:13px;font-size:13px}.share-symbol{background:var(--cream);width:58px;height:58px;color:var(--navy);border-radius:18px;place-items:center;font-size:28px;display:grid}.modal h3{margin:16px 0 6px}.auth-screen{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.auth-intro{background:linear-gradient(140deg,var(--navy),#3e5d83);color:#fff;flex-direction:column;justify-content:space-between;padding:50px clamp(30px,7vw,100px);display:flex;position:relative;overflow:hidden}.brand.light{color:#fff}.auth-intro h1{letter-spacing:-.055em;margin:0 0 20px;font-size:clamp(38px,5vw,64px);line-height:1.15}.auth-intro>div>p:last-child{color:#dbe5ef;line-height:1.7}.auth-art{opacity:.95;align-items:end;gap:18px;height:150px;display:flex}.auth-art span{border-radius:70px 70px 16px 16px;width:25%;display:block}.auth-art span:first-child{background:var(--blue);height:70px}.auth-art span:nth-child(2){background:var(--cream);height:145px}.auth-art span:nth-child(3){background:var(--taupe);height:105px}.auth-panel{background:#fbfaf8;place-items:center;padding:30px;display:grid}.auth-card{border:1px solid var(--line);background:#fff;border-radius:25px;width:min(410px,100%);padding:38px;box-shadow:0 22px 70px #2f4a6f17}.auth-card h2{margin:0 0 7px;font-size:32px}.auth-card>p:nth-of-type(2){color:var(--muted);margin:0 0 26px}.auth-card>label{margin:0 0 16px;font-size:12px;font-weight:700;display:block}.remember{color:var(--muted);align-items:center;gap:9px;display:flex!important}.remember input{opacity:0;width:1px;position:absolute}.cute-checkbox{border:1.5px solid #c6cfda;border-radius:8px;place-items:center;width:21px;height:21px;display:grid}.remember input:checked+.cute-checkbox{background:var(--blue);border-color:var(--blue)}.remember input:checked+.cute-checkbox:after{content:"✓";color:#fff;font-size:14px;line-height:1;transform:translateY(-1px)}.auth-toggle{color:var(--navy);text-underline-offset:3px;background:0 0;border:0;margin:14px auto 0;font-size:12px;text-decoration:underline;display:block}.auth-error{background:#fff2f2;border-radius:10px;font-size:12px;color:var(--danger)!important;margin:-4px 0 13px!important;padding:10px!important}.loading-screen{place-content:center;justify-items:center;gap:26px;min-height:100vh;display:grid}.loading-dot{border:3px solid #dce3ea;border-top-color:var(--navy);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}.toast{z-index:80;color:#fff;background:#243954;border-radius:13px;padding:11px 16px;font-size:12px;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #14233738}.busy{border:3px solid #dbe2e9;border-top-color:var(--navy);z-index:90;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin;position:fixed;bottom:20px;right:20px}@keyframes spin{to{transform:rotate(360deg)}}.switch-row{margin-bottom:18px}.visibility-toggle{border:1px solid #0000;border-radius:999px;min-width:72px;padding:8px 13px;font-size:11px;font-weight:750;transition:all .18s}.visibility-toggle.public{color:var(--navy);background:#e8f0f7;border-color:#d6e2ed}.visibility-toggle.private{color:#827568;background:#f0ede9;border-color:#e5ddd5}.custom-color,.category-color-picker{cursor:pointer;place-items:center;display:grid;position:relative}.custom-color{width:34px;height:34px}.custom-color input,.category-color-picker input{opacity:0;cursor:pointer;inset:0;width:100%!important;height:100%!important;margin:0!important;padding:0!important;position:absolute!important}.custom-color span{color:#fff;border:3px solid #fff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid;box-shadow:0 0 0 1px #cfd6de}.category-color-picker{width:30px;height:30px}.category-color-picker span{border:3px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 1px #cbd3dc}.manage-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.manage-toolbar .modal-copy{margin:0}.manage-toolbar>button{background:var(--navy);color:#fff;border:0;border-radius:11px;flex:none;padding:9px 12px;font-size:11px;font-weight:700}.manage-add{background:#eef3f7;border:1px solid #dbe4ec;border-radius:14px;grid-template-columns:minmax(0,1fr) 34px 72px 48px;align-items:center;gap:8px;margin-bottom:12px;padding:10px;display:grid}.manage-add>input{background:#fff;margin:0;padding:10px 11px}.manage-add .add-confirm{background:var(--navy);color:#fff;border:0;border-radius:9px;height:36px;font-size:11px;font-weight:700}.manage-item{grid-template-columns:24px 34px minmax(0,1fr) 72px 30px}.manage-item>.visibility-toggle{color:var(--navy);background:#e8f0f7;border:1px solid #d6e2ed;padding:7px 10px;font-size:10px}.manage-item>.visibility-toggle.private{color:#827568;background:#f0ede9;border-color:#e5ddd5}.manage-item>.manage-delete{color:var(--danger);background:0 0;border:0;padding:0;font-size:20px}.manage-item>input{min-width:0}@media (max-width:900px){.layout-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-row{padding-top:32px}.auth-screen{grid-template-columns:1fr}.auth-intro{display:none}}@media (max-width:650px){.topbar{align-items:flex-start;height:auto;min-height:66px;padding:10px 16px}.top-actions{flex-wrap:wrap;justify-content:flex-end}.team-stack{order:3;justify-content:flex-end;width:100%}.member-avatar small,.share-button{display:none}.hero-row{align-items:flex-start;padding:28px 18px 22px}.completion-card{display:none}.calendar-card{padding:16px 12px 20px}.calendar-grid{gap:2px}.week-view .day-cell{flex-direction:column;gap:5px;padding:13px 2px}.month-view .day-cell{flex-direction:column;gap:4px;min-height:70px;padding:11px 2px}.weekday-row{gap:2px}.board-section{padding:30px 14px 60px}.board-heading{flex-direction:column;align-items:flex-start;gap:18px}.board-controls{justify-content:space-between;width:100%}.layout-wide{grid-template-columns:1fr}.auth-panel{padding:18px}.auth-card{padding:27px 22px}.logout-button{padding:0 10px}.manage-toolbar{align-items:flex-start}.manage-toolbar .modal-copy{display:none}.manage-add{grid-template-columns:minmax(0,1fr) 34px 70px}.manage-add .add-confirm{grid-column:1/-1}.manage-item{grid-template-columns:22px 30px minmax(0,1fr) 65px 24px;gap:6px}}