.add-screen{max-width:720px;margin:0 auto;padding:3rem 2rem 4rem}.add-hero{margin-bottom:2.5rem}.add-hero-label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent2);margin-bottom:12px}.add-hero-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;color:var(--text);margin-bottom:12px}.add-hero-sub{font-size:15px;color:var(--text2);font-weight:300;line-height:1.6}.add-input-wrap{margin-bottom:1.5rem}.add-input{width:100%;background:var(--bg3);border:1px solid var(--border2);border-radius:12px;padding:16px 20px;font-size:16px;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.add-input::placeholder{color:var(--text3)}.add-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c6fef26}.quadrant-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:1.5rem}.quadrant-card{background:var(--bg3);border:1px solid var(--border);border-radius:14px;padding:16px;text-align:left;transition:all .15s;cursor:pointer}.quadrant-card:hover{border-color:var(--border2);background:var(--bg4)}.quadrant-card.selected.q-red{border-color:var(--red);background:var(--red-bg)}.quadrant-card.selected.q-green{border-color:var(--green);background:var(--green-bg)}.quadrant-card.selected.q-amber{border-color:var(--amber);background:var(--amber-bg)}.quadrant-card.selected.q-gray{border-color:var(--gray);background:var(--gray-bg)}.qc-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.qc-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.qc-label{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--text);flex:1}.qc-check{font-size:13px;color:var(--accent2)}.qc-desc{font-size:13px;font-weight:500;color:var(--text2);margin-bottom:4px}.qc-hint{font-size:11px;color:var(--text3);line-height:1.4}.add-actions{display:flex;gap:10px;margin-bottom:3rem;align-items:center}.add-btn{flex:1;padding:14px;border-radius:12px;border:1px solid var(--border2);background:var(--bg4);color:var(--text3);font-size:14px;font-weight:500;transition:all .15s;cursor:not-allowed}.add-btn.ready{background:var(--accent);border-color:var(--accent);color:#fff;cursor:pointer}.add-btn.ready:hover{background:var(--accent2);border-color:var(--accent2)}.add-btn.ready:active{transform:scale(.98)}.add-btn.success{background:var(--green);border-color:var(--green);color:#0a0a0f}.view-btn{padding:14px 18px;border-radius:12px;border:1px solid var(--border2);background:transparent;color:var(--text2);font-size:13px;font-weight:500;transition:all .15s;white-space:nowrap}.view-btn:hover{color:var(--text);border-color:var(--border2);background:var(--bg3)}.matrix-hint{background:var(--bg3);border:1px solid var(--border);border-radius:16px;padding:20px}.matrix-hint-title{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-bottom:16px}.matrix-hint-grid{position:relative}.mh-cell{margin-bottom:8px}.mh-axis{font-size:10px;color:var(--text3);font-weight:600;letter-spacing:.08em;display:block;margin-bottom:4px}.mh-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mh-q{padding:8px 12px;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:.06em;text-align:center}.red-box{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.green-box{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.amber-box{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-border)}.gray-box{background:var(--gray-bg);color:var(--gray);border:1px solid var(--gray-border)}.mh-labels{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:4px}.mh-labels span{font-size:10px;color:var(--text3);text-align:center;letter-spacing:.06em}.settings-screen{max-width:920px;margin:0 auto;padding:3rem 2rem 4rem}.settings-hero{margin-bottom:2rem}.settings-hero-label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent2);margin-bottom:12px}.settings-hero-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;color:var(--text);margin-bottom:12px}.settings-hero-sub{max-width:620px;font-size:15px;color:var(--text2);font-weight:300;line-height:1.6}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:1.4rem;box-shadow:var(--shadow-soft)}.settings-card-head{margin-bottom:1rem}.settings-card-head h2{font-family:var(--font-display);font-size:1.2rem;color:var(--text);margin-bottom:8px}.settings-card-head p{color:var(--text2);line-height:1.5}.settings-language-list,.settings-theme-list{display:grid;gap:12px}.settings-option,.settings-theme{width:100%;padding:16px;border-radius:16px;border:1px solid var(--border);background:var(--bg3);text-align:left;transition:transform .15s ease,border-color .15s ease,background .15s ease}.settings-option:hover,.settings-theme:hover{transform:translateY(-1px);background:var(--bg4);border-color:var(--border2)}.settings-option.active,.settings-theme.active{background:var(--accent-soft);border-color:var(--accent)}.settings-option-title{display:block;font-weight:700;color:var(--text);margin-bottom:6px}.settings-option-meta,.settings-option-description{display:block;color:var(--text2);line-height:1.45}.settings-theme-preview{display:block;width:100%;height:90px;border-radius:12px;margin-bottom:14px;border:1px solid var(--border);background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 60%),linear-gradient(180deg,#7c6fef59,#7c6fef0d),var(--bg)}.settings-theme:nth-child(2) .settings-theme-preview{background:linear-gradient(135deg,rgba(124,111,239,.22),transparent 60%),linear-gradient(180deg,#ffffffd9,#f0f2f8f2),#f7f9ff}@media (max-width: 820px){.settings-screen{padding:2.5rem 1rem 3rem}.settings-grid{grid-template-columns:1fr}}.list-screen{max-width:720px;margin:0 auto;padding:2.5rem 2rem 4rem}.list-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.list-header-label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent2);margin-bottom:8px}.list-header-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;letter-spacing:-.03em;color:var(--text)}.stats-row{display:flex;gap:8px}.stat{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:10px 14px;text-align:center;min-width:56px}.stat.accent{border-color:#7c6fef4d;background:#7c6fef14}.stat.red{border-color:var(--red-border);background:var(--red-bg)}.stat.green{border-color:var(--green-border);background:var(--green-bg)}.stat-n{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text);line-height:1;margin-bottom:3px}.stat-l{font-size:10px;color:var(--text3);font-weight:500;letter-spacing:.05em}.list-tabs{display:flex;gap:4px;background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:4px;margin-bottom:1.5rem;width:fit-content}.list-tab{padding:7px 18px;border-radius:7px;border:none;background:transparent;color:var(--text2);font-size:13px;font-weight:500;transition:all .15s}.list-tab:hover{color:var(--text);background:var(--bg4)}.list-tab.active{background:var(--bg);color:var(--text);border:1px solid var(--border2)}.list-body{display:flex;flex-direction:column;gap:10px}.section{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--bg2)}.section-header{width:100%;display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--bg3);border:none;cursor:pointer;transition:background .15s;text-align:left}.section-header:hover{background:var(--bg4)}.section-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-red{background:var(--red)}.dot-green{background:var(--green)}.dot-amber{background:var(--amber)}.dot-gray{background:var(--gray)}.section-label{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--text)}.section-desc{font-size:12px;color:var(--text3);flex:1}.section-count{font-size:12px;font-weight:600;color:var(--text2);background:var(--bg4);padding:2px 8px;border-radius:10px}.section-chevron{font-size:9px;color:var(--text3)}.section-tasks{padding:8px;display:flex;flex-direction:column;gap:4px}.task-row{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;background:var(--bg3);border:1px solid transparent;transition:all .15s}.task-row:hover{border-color:var(--border);background:var(--bg4)}.task-row.done{opacity:.45}.task-checkbox{width:20px;height:20px;border-radius:6px;border:1.5px solid;background:transparent;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0;transition:all .15s}.task-checkbox.color-red{border-color:var(--red);color:var(--red)}.task-checkbox.color-green{border-color:var(--green);color:var(--green)}.task-checkbox.color-amber{border-color:var(--amber);color:var(--amber)}.task-checkbox.color-gray{border-color:var(--gray);color:var(--gray)}.task-checkbox.checked.color-red{background:var(--red-bg)}.task-checkbox.checked.color-green{background:var(--green-bg)}.task-checkbox.checked.color-amber{background:var(--amber-bg)}.task-checkbox.checked.color-gray{background:var(--gray-bg)}.task-row-body{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.task-row-text{font-size:14px;color:var(--text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-row.done .task-row-text{text-decoration:line-through}.task-row-badge{font-size:10px;font-weight:700;letter-spacing:.06em;padding:2px 8px;border-radius:6px;white-space:nowrap}.badge-red{background:var(--red-bg);color:var(--red)}.badge-green{background:var(--green-bg);color:var(--green)}.badge-amber{background:var(--amber-bg);color:var(--amber)}.badge-gray{background:var(--gray-bg);color:var(--gray)}.task-delete{width:24px;height:24px;border-radius:6px;border:none;background:transparent;color:var(--text3);font-size:12px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .1s;flex-shrink:0}.task-row:hover .task-delete{opacity:1}.task-delete:hover{background:#ff4d6d26;color:var(--red)}.empty-section,.empty-all{padding:16px;font-size:13px;color:var(--text3);font-style:italic;text-align:center}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.nav{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:64px;border-bottom:1px solid var(--border);background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}.nav-logo{display:flex;align-items:center;gap:10px}.nav-logo-icon{font-size:20px;color:var(--accent2);line-height:1}.nav-logo-text{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--text)}.nav-actions{display:flex;align-items:center;gap:10px}.nav-tabs{display:flex;gap:4px;background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:4px}.nav-tab{display:flex;align-items:center;gap:7px;padding:7px 16px;border-radius:7px;border:none;background:transparent;color:var(--text2);font-size:13px;font-weight:500;transition:all .15s;position:relative}.nav-tab:hover{color:var(--text);background:var(--bg4)}.nav-tab.active{background:var(--bg);color:var(--text);border:1px solid var(--border2)}.nav-tab-icon{font-size:14px}.nav-badge{background:var(--accent);color:#fff;font-size:11px;font-weight:600;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}.main{flex:1;overflow:auto}@media (max-width: 820px){.nav{height:auto;align-items:flex-start;gap:14px;padding:1rem}.nav-actions{width:100%;flex-direction:column;align-items:stretch}.nav-tabs{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.nav-tab{min-width:0;justify-content:center;padding:10px 8px;gap:6px}}@media (max-width: 560px){.nav{gap:10px;padding:.85rem}.nav-logo-text{font-size:16px}.nav-tabs{gap:3px;padding:3px}.nav-tab{flex-direction:column;gap:4px;padding:10px 4px 8px;font-size:11px;line-height:1.1;text-align:center}.nav-tab-icon{font-size:16px}.nav-badge{position:absolute;top:4px;right:4px;min-width:16px;padding:1px 5px;font-size:10px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0f;--bg2: #111118;--bg3: #1a1a24;--bg4: #22222f;--surface: #14141d;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.12);--text: #f0f0f5;--text2: #9090a8;--text3: #55556a;--red: #ff4d6d;--red-bg: rgba(255,77,109,.1);--red-border: rgba(255,77,109,.25);--green: #00e5a0;--green-bg: rgba(0,229,160,.08);--green-border: rgba(0,229,160,.2);--amber: #ffab40;--amber-bg: rgba(255,171,64,.08);--amber-border: rgba(255,171,64,.2);--gray: #5a5a72;--gray-bg: rgba(90,90,114,.12);--gray-border: rgba(90,90,114,.25);--accent: #7c6fef;--accent2: #a593ff;--accent-soft: rgba(124,111,239,.1);--nav-bg: rgba(10,10,15,.9);--shadow-soft: 0 18px 50px rgba(0,0,0,.18);--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;color-scheme:dark}:root[data-theme=light]{--bg: #f3f5fb;--bg2: #ffffff;--bg3: #eef2fa;--bg4: #e4eaf6;--surface: #ffffff;--border: rgba(27,39,76,.09);--border2: rgba(27,39,76,.18);--text: #1a2240;--text2: #58627f;--text3: #7d86a3;--red-bg: rgba(255,77,109,.12);--red-border: rgba(255,77,109,.24);--green-bg: rgba(0,229,160,.14);--green-border: rgba(0,229,160,.24);--amber-bg: rgba(255,171,64,.16);--amber-border: rgba(255,171,64,.25);--gray-bg: rgba(90,90,114,.12);--gray-border: rgba(90,90,114,.18);--accent-soft: rgba(124,111,239,.12);--nav-bg: rgba(255,255,255,.8);--shadow-soft: 0 18px 45px rgba(54,76,130,.12);color-scheme:light}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body)}#root{height:100%}::selection{background:#7c6fef4d}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:2px}button{cursor:pointer;font-family:var(--font-body)}input,textarea,select{font-family:var(--font-body)}