*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#0E8C6A;--primary-light:#D4F0E0;--bg:#F8F7F4;--card:#fff;--text:#1C1C1E;--text-secondary:#8E8E93;--text-body:#48484A;--text-hint:#AEAEB2;--danger:#FF3B30;--danger-bg:#FFEBEE;--amber:#F5A623;--input-bg:#F2F1EE;--ghost-bg:#F2F2F7;--radius-card:20px;--radius-btn:16px;--radius-chip:99px;--radius-tab:28px;--shadow-card:0 2px 12px rgba(0,0,0,.04);--shadow-card-lg:0 6px 16px rgba(0,0,0,.12);--shadow-tab:0 -2px 20px rgba(0,0,0,.08);--safe-bottom:env(safe-area-inset-bottom,0px);--tab-height:72px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;color:var(--text);background:var(--bg)}html,body,#root{height:100%;overflow:hidden;-webkit-tap-highlight-color:transparent}button{font:inherit;border:none;cursor:pointer;background:none;color:inherit}input,textarea{font:inherit;border:none;outline:none;color:var(--text)}input::placeholder,textarea::placeholder{color:var(--text-hint)}a{color:var(--primary);text-decoration:none}.app-shell{display:flex;flex-direction:column;height:100%}.tab-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 20px calc(var(--tab-height) + var(--safe-bottom) + 24px);padding-top:calc(env(safe-area-inset-top,20px) + 20px)}.tab-bar{position:fixed;left:12px;right:12px;bottom:calc(12px + var(--safe-bottom));height:var(--tab-height);border-radius:var(--radius-tab);background:var(--card);display:flex;align-items:center;justify-content:space-around;box-shadow:var(--shadow-tab);z-index:100}.tab-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0;min-width:64px;color:var(--text-hint);font-size:11px;font-weight:700;transition:color .2s}.tab-btn.active{color:var(--primary)}.tab-btn svg{font-size:22px}.auth-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:var(--bg)}.auth-card{background:var(--card);border-radius:28px;padding:28px;display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px;box-shadow:0 4px 20px #0000000f}.brand-text{font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--primary);font-weight:800}.hero-title{font-size:28px;line-height:34px;color:var(--text);font-weight:700}.hero-sub{font-size:15px;line-height:22px;color:var(--text-secondary)}.content-gap{display:flex;flex-direction:column;gap:12px}.screen-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-top:20px;margin-bottom:4px}.page-title{font-size:28px;line-height:34px;font-weight:700}.page-title-row{display:flex;align-items:center;gap:10px}.page-title-icon{width:28px;display:flex;justify-content:center}.subtitle{font-size:14px;line-height:20px;color:var(--text-secondary);margin-top:2px}.section-title{font-size:18px;font-weight:700}.section-title-row{display:flex;align-items:center;gap:8px}.label-text{font-size:14px;color:var(--text-secondary);font-weight:600}.group-label-row{display:flex;align-items:center;gap:6px;margin-top:18px;margin-bottom:8px}.group-label{font-size:14px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:1px}.inline-capture{display:flex;gap:8px;margin-bottom:4px}.inline-capture input{flex:1;min-height:48px;border-radius:var(--radius-btn);background:var(--card);padding:0 16px;font-size:15px;box-shadow:var(--shadow-card)}.capture-hint{font-size:12px;color:var(--text-hint);margin-bottom:8px}.card{background:var(--card);border-radius:var(--radius-card);padding:16px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-card)}.card.selected{outline:1.5px solid var(--primary)}.card.dragging{outline:1.5px solid var(--primary);box-shadow:var(--shadow-card-lg)}.card-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.card-title{font-size:16px;font-weight:600}.card-meta{font-size:13px;color:var(--text-secondary)}.card-body{font-size:14px;line-height:20px;color:var(--text-body)}.text-done{text-decoration:line-through;color:var(--text-hint)}.detail-card{background:var(--card);border-radius:var(--radius-card);padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-card)}.profile-card{background:var(--card);border-radius:var(--radius-card);padding:16px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-card)}.avatar{width:48px;height:48px;border-radius:24px;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700;flex-shrink:0}.task-card{background:var(--card);border-radius:var(--radius-card);padding:16px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-card);position:relative;transition:transform .2s}.empty-card{background:var(--card);border-radius:var(--radius-card);padding:20px;display:flex;flex-direction:column;gap:6px;align-items:center;box-shadow:var(--shadow-card)}.task-row{position:relative;overflow:hidden;border-radius:var(--radius-card);margin-bottom:0}.task-actions{display:flex;gap:4px;margin-top:6px}.task-action-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:12px;font-size:13px;font-weight:600;color:#fff}.task-action-btn.done{background:var(--primary)}.task-action-btn.postpone{background:var(--amber)}.task-action-btn.edit{background:var(--ghost-bg);color:var(--text-body)}.task-action-btn.delete{background:var(--danger-bg);color:var(--danger)}.swipe-row{position:relative;overflow:hidden;border-radius:var(--radius-card)}.swipe-bg-left,.swipe-bg-right{position:absolute;top:0;bottom:0;width:100%;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:#fff;padding:0 20px}.swipe-bg-left{left:0;justify-content:flex-start;background:#d7c59d}.swipe-bg-right{right:0;justify-content:flex-end;background:#1f4a3e}.swipe-content{position:relative;z-index:1;background:var(--bg);touch-action:pan-y}@media(hover:hover)and (pointer:fine){.swipe-content .task-actions{opacity:0;transition:opacity .2s}.swipe-content:hover .task-actions{opacity:1}}.search-bar{display:flex;gap:8px}.search-bar input{flex:1;min-height:48px;border-radius:var(--radius-btn);background:var(--card);padding:0 16px;font-size:15px;box-shadow:var(--shadow-card)}.search-btn{min-height:48px;border-radius:var(--radius-btn);background:var(--primary);display:flex;align-items:center;justify-content:center;padding:0 16px;color:#fff}.input{min-height:48px;border-radius:var(--radius-btn);background:var(--input-bg);padding:0 16px;font-size:15px;width:100%}.input-date{min-height:48px;border-radius:var(--radius-btn);background:var(--input-bg);padding:0 16px;font-size:15px;width:100%;color:var(--text)}.multiline{min-height:100px;padding:14px 16px;resize:vertical}.btn-primary{flex:1;min-height:48px;border-radius:var(--radius-btn);background:var(--primary);display:flex;align-items:center;justify-content:center;padding:0 16px;color:#fff;font-size:15px;font-weight:700}.btn-ghost{min-height:40px;border-radius:14px;background:var(--ghost-bg);display:flex;align-items:center;justify-content:center;padding:0 14px;font-size:14px;font-weight:600;color:var(--text-body)}.btn-danger{min-height:40px;border-radius:14px;background:var(--danger-bg);display:flex;align-items:center;justify-content:center;padding:0 14px;font-size:14px;font-weight:600;color:var(--danger)}.btn-link{display:flex;align-items:center;justify-content:center;padding:8px 0;color:var(--primary);font-size:14px;font-weight:600}.btn-logout{min-height:48px;border-radius:var(--radius-btn);background:var(--danger-bg);display:flex;align-items:center;justify-content:center;margin-top:24px;font-size:16px;font-weight:700;color:var(--danger)}.btn-fab{min-height:36px;border-radius:12px;background:var(--primary);display:flex;align-items:center;justify-content:center;padding:0 14px;gap:4px;color:#fff;font-size:13px;font-weight:700}.chip{padding:8px 14px;border-radius:var(--radius-chip);background:var(--ghost-bg);font-size:13px;font-weight:700;color:var(--text-body);cursor:pointer}.chip.active{background:var(--primary);color:#fff}.tag{background:#e8e5df;padding:5px 10px;border-radius:var(--radius-chip);font-size:12px;font-weight:600;color:var(--text-body)}.pill{padding:4px 10px;border-radius:var(--radius-chip);font-size:11px;font-weight:700;color:var(--primary)}.pill.green{background:var(--primary-light)}.pill.yellow{background:#ebe1cf}.row{display:flex;flex-wrap:wrap;gap:8px}.option-row{display:flex;gap:8px;overflow-x:auto;padding:4px 0;-webkit-overflow-scrolling:touch}.option-card{min-width:160px;border-radius:16px;background:var(--input-bg);padding:12px 14px;font-size:14px;font-weight:600;color:var(--text-body);cursor:pointer;flex-shrink:0}.option-card.active{background:var(--primary-light);color:var(--primary)}.drag-handle{cursor:grab;color:var(--text-hint);padding:4px;display:flex;align-items:center}.drag-handle:active{cursor:grabbing}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;flex-direction:column;justify-content:flex-end;z-index:200;animation:fadeIn .2s}.modal-dismiss{flex:1;cursor:pointer}.modal-card{background:var(--card);border-radius:24px 24px 0 0;padding:24px 24px calc(24px + var(--safe-bottom));display:flex;flex-direction:column;gap:14px;max-height:85vh;overflow-y:auto;animation:slideUp .25s ease-out}.modal-actions{display:flex;gap:12px;margin-top:4px}.spinner{display:flex;justify-content:center;padding:16px}.spinner:after{content:"";width:28px;height:28px;border:3px solid var(--ghost-bg);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}.error-text{color:var(--danger);font-size:14px}.install-banner{display:flex;align-items:center;justify-content:space-between;background:var(--primary-light);padding:12px 16px;border-radius:var(--radius-btn);font-size:14px;font-weight:600;color:var(--primary)}.install-banner button{background:var(--primary);color:#fff;border-radius:10px;padding:6px 14px;font-weight:700;font-size:13px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40%)}to{transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:600px){.tab-content{max-width:480px;margin:0 auto;padding-left:24px;padding-right:24px}.auth-card{padding:36px}.modal-card{max-width:480px;margin:0 auto 24px;border-radius:24px}}.project-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px}.project-list-section{display:flex;flex-direction:column;gap:10px}.project-card{border-left:4px solid var(--primary);transition:opacity .2s}.project-card.project-archived{border-left-color:var(--text-hint);opacity:.7}.project-card.project-archived .card-title{color:var(--text-secondary)}.archived-pill{background:var(--danger-bg);color:var(--danger)}.btn-archive{min-height:32px;border-radius:10px;background:#fff3e0;display:flex;align-items:center;justify-content:center;padding:0 12px;font-size:13px;font-weight:600;color:#e65100}.project-detail-section{display:flex;flex-direction:column;gap:10px}.project-detail-divider{height:3px;border-radius:2px;background:linear-gradient(90deg,var(--primary),var(--primary-light));margin:16px 0 8px}.project-item-card{border-left:3px solid var(--primary-light)}