@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{--bg:#e8f0ec;--bg-accent:#d4e5db;--surface:#f7fbf8;--ink:#1a2e24;--ink-muted:#5a7264;--brand:#0f6b4c;--brand-deep:#0a4d37;--line:#c5d6cc;--danger:#b42318;--ok:#0f6b4c;--prio-low:#6b7c72;--prio-medium:#2f6fed;--prio-high:#c45c16;--prio-urgent:#b42318;--radius:12px;--shadow:0 8px 24px #1a2e2414;--font:"DM Sans", "Noto Sans SC", system-ui, sans-serif;--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%, #cfe8d8 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #b9d4c8 0%, transparent 50%), linear-gradient(180deg, var(--bg) 0%, var(--bg-accent) 100%);-webkit-font-smoothing:antialiased;background-attachment:fixed}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-shell{max-width:480px;min-height:100vh;padding-bottom:calc(24px + var(--safe-bottom));flex-direction:column;margin:0 auto;display:flex}.app-header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e8f0ece0;border-bottom:1px solid #c5d6ccb3;padding:14px 16px 10px;position:sticky;top:0}.brand-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{letter-spacing:.02em;color:var(--brand-deep);font-size:1.45rem;font-weight:700}.role-switch{border:1px solid var(--line);background:#ffffffb3;border-radius:999px;gap:2px;padding:3px;display:inline-flex}.role-switch button{color:var(--ink-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 12px;font-weight:500}.role-switch button.active{background:var(--brand);color:#fff}.header-actions{margin-top:10px}.pin-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:12px;padding:12px;animation:.25s rise}.pin-hint{color:var(--ink-muted);margin:0 0 8px;font-size:.9rem}.pin-panel input{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;padding:10px 12px}.pin-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.app-main{flex:1;padding:12px 16px 0}.page-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.page-title{margin:4px 0 12px;font-size:1.25rem;font-weight:650}.filter-bar{-webkit-overflow-scrolling:touch;gap:8px;margin-bottom:8px;padding-bottom:8px;display:flex;overflow-x:auto}.chip{border:1px solid var(--line);color:var(--ink-muted);cursor:pointer;background:#ffffffa6;border-radius:999px;flex:none;padding:6px 12px}.chip.active{background:var(--brand-deep);border-color:var(--brand-deep);color:#fff}.task-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.task-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);border-left:4px solid var(--prio-medium);padding:14px 14px 14px 16px;transition:transform .15s,box-shadow .15s;display:block}.task-item:active{transform:scale(.99)}.task-item.priority-low{border-left-color:var(--prio-low)}.task-item.priority-medium{border-left-color:var(--prio-medium)}.task-item.priority-high{border-left-color:var(--prio-high)}.task-item.priority-urgent{border-left-color:var(--prio-urgent)}.task-item-top{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.badge{color:var(--ink-muted);background:#e6eee9;border-radius:6px;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge.priority-low{color:var(--prio-low);background:#e7ebe9}.badge.priority-medium{color:var(--prio-medium);background:#e8effc}.badge.priority-high{color:var(--prio-high);background:#fcecde}.badge.priority-urgent{color:var(--prio-urgent);background:#fde8e6}.badge.status-pending{background:#eef1ef}.badge.status-read{color:#2f6fed;background:#e8effc}.badge.status-in_progress{color:#c45c16;background:#fff4e5}.badge.status-done{color:var(--ok);background:#e3f5ec}.task-title{margin:0 0 6px;font-size:1.05rem;font-weight:650;line-height:1.35}.task-meta,.deadline-line{color:var(--ink-muted);margin:0;font-size:.82rem}.state-msg{text-align:center;color:var(--ink-muted);margin:24px 0}.state-msg.error,.form-error{color:var(--danger)}.state-msg.success{color:var(--ok)}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-sm{padding:7px 12px;font-size:.9rem}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-deep)}.btn-ghost{border-color:var(--line);color:var(--ink);background:#ffffffb3}.btn-danger{color:var(--danger);background:#fff;border-color:#f0b4ae}.publish-form{flex-direction:column;gap:14px;padding-bottom:88px;display:flex}.field{border:0;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.field>span,.field>legend{color:var(--ink-muted);font-size:.9rem;font-weight:600}.field input,.field textarea{border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;background:#fff;border-radius:10px;padding:11px 12px}.priority-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.priority-option{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;display:flex}.priority-option.priority-urgent{border-color:#f0b4ae}.publish-footer{width:min(480px,100%);padding:12px 16px calc(12px + var(--safe-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#e8f0ecf2;gap:10px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.publish-footer .btn{flex:1}.back-link{color:var(--brand);margin-bottom:10px;font-weight:500;display:inline-block}.detail-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);border-left:4px solid var(--prio-medium);padding:16px;animation:.28s rise}.detail-card.priority-low{border-left-color:var(--prio-low)}.detail-card.priority-medium{border-left-color:var(--prio-medium)}.detail-card.priority-high{border-left-color:var(--prio-high)}.detail-card.priority-urgent{border-left-color:var(--prio-urgent)}.detail-title{margin:4px 0 8px;font-size:1.35rem;line-height:1.3}.detail-content{white-space:pre-wrap;margin-top:14px;font-size:.98rem;line-height:1.65}.detail-actions{flex-direction:column;gap:10px;margin-top:16px;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width>=640px){.app-shell{box-shadow:var(--shadow);background:#f7fbf859;border-radius:16px;margin-top:12px;margin-bottom:12px;overflow:clip}}