*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:oklch(98% .004 240);--surface:oklch(100% 0 0);--fg:oklch(20% .02 240);--muted:oklch(50% .018 240);--border:oklch(90% .006 240);--accent:oklch(56% .14 195);--accent-hover:oklch(50% .16 195);--accent-soft:oklch(56% .14 195/.1);--radius:14px;--radius-sm:8px;--font-display:"Söhne", "Avenir Next", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif}html,body{height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased}#app{width:100%;min-height:100vh}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.login-page[data-v-06082e8e]{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card[data-v-06082e8e]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:400px;padding:40px 32px 32px;box-shadow:0 1px 3px oklch(0% 0 0/.04),0 4px 16px oklch(0% 0 0/.06)}.brand[data-v-06082e8e]{align-items:center;gap:10px;margin-bottom:32px;display:flex}.brand-icon[data-v-06082e8e]{background:var(--accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:700;display:flex}.brand-name[data-v-06082e8e]{font-family:var(--font-display);color:var(--fg);letter-spacing:-.01em;font-size:20px;font-weight:600}.login-card h1[data-v-06082e8e]{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:4px;font-size:24px;font-weight:700}.login-card .sub[data-v-06082e8e]{color:var(--muted);margin-bottom:28px;font-size:15px;line-height:1.4}.field-group[data-v-06082e8e]{margin-bottom:18px}.field-group label[data-v-06082e8e]{color:var(--muted);letter-spacing:.01em;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field-group input[data-v-06082e8e]{width:100%;font-size:16px;font-family:var(--font-body);border:1.5px solid var(--border);background:var(--bg);color:var(--fg);border-radius:10px;outline:none;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.field-group input[data-v-06082e8e]:focus{border-color:var(--accent);box-shadow:0 0 0 3px oklch(56% .14 195/.15)}.field-group input[data-v-06082e8e]::placeholder{color:var(--muted);opacity:.6}.password-wrap[data-v-06082e8e]{position:relative}.password-wrap input[data-v-06082e8e]{padding-right:44px}.password-toggle[data-v-06082e8e]{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.password-toggle[data-v-06082e8e]:hover{background:var(--border);color:var(--fg)}.password-toggle svg[data-v-06082e8e]{width:18px;height:18px}.forgot-row[data-v-06082e8e]{justify-content:flex-end;margin:-10px 0 22px;display:flex}.forgot-row a[data-v-06082e8e]{color:var(--accent);font-size:13px;font-weight:500;text-decoration:none}.forgot-row a[data-v-06082e8e]:hover{text-decoration:underline}.btn-primary[data-v-06082e8e]{width:100%;font-size:16px;font-weight:600;font-family:var(--font-body);background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:14px;transition:background .2s,transform .1s}.btn-primary[data-v-06082e8e]:hover{background:var(--accent-hover)}.btn-primary[data-v-06082e8e]:active{transform:scale(.98)}.divider[data-v-06082e8e]{color:var(--border);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:16px;margin:24px 0;font-size:12px;display:flex}.divider[data-v-06082e8e]:before,.divider[data-v-06082e8e]:after{content:"";background:var(--border);flex:1;height:1px}.social-row[data-v-06082e8e]{gap:12px;margin-bottom:24px;display:flex}.social-btn[data-v-06082e8e]{border:1.5px solid var(--border);background:var(--surface);font-size:14px;font-weight:500;font-family:var(--font-body);color:var(--fg);cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;transition:background .2s;display:flex}.social-btn[data-v-06082e8e]:hover{background:var(--bg)}.social-btn svg[data-v-06082e8e]{flex-shrink:0;width:18px;height:18px}.signup-row[data-v-06082e8e]{text-align:center;color:var(--muted);font-size:14px}.signup-row a[data-v-06082e8e]{color:var(--accent);font-weight:600;text-decoration:none}.signup-row a[data-v-06082e8e]:hover{text-decoration:underline}.error-msg[data-v-06082e8e]{color:oklch(40% .06 30);background:oklch(90% .04 30/.5);border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:none}.error-msg.show[data-v-06082e8e]{display:block}@media (width<=440px){.login-page[data-v-06082e8e]{padding:16px}.login-card[data-v-06082e8e]{border-radius:12px;padding:28px 20px 24px}.social-row[data-v-06082e8e]{flex-direction:column}}.register-page[data-v-e55c9aee]{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.register-card[data-v-e55c9aee]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:400px;padding:40px 32px 32px;box-shadow:0 1px 3px oklch(0% 0 0/.04),0 4px 16px oklch(0% 0 0/.06)}.brand[data-v-e55c9aee]{align-items:center;gap:10px;margin-bottom:32px;display:flex}.brand-icon[data-v-e55c9aee]{background:var(--accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:700;display:flex}.brand-name[data-v-e55c9aee]{font-family:var(--font-display);color:var(--fg);letter-spacing:-.01em;font-size:20px;font-weight:600}.register-card h1[data-v-e55c9aee]{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:4px;font-size:24px;font-weight:700}.register-card .sub[data-v-e55c9aee]{color:var(--muted);margin-bottom:28px;font-size:15px;line-height:1.4}.field-group[data-v-e55c9aee]{margin-bottom:18px}.field-group label[data-v-e55c9aee]{color:var(--muted);letter-spacing:.01em;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field-group input[data-v-e55c9aee]{width:100%;font-size:16px;font-family:var(--font-body);border:1.5px solid var(--border);background:var(--bg);color:var(--fg);border-radius:10px;outline:none;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.field-group input[data-v-e55c9aee]:focus{border-color:var(--accent);box-shadow:0 0 0 3px oklch(56% .14 195/.15)}.field-group input[data-v-e55c9aee]::placeholder{color:var(--muted);opacity:.6}.field-group input.error[data-v-e55c9aee]{border-color:oklch(65% .1 30)}.field-group input.error[data-v-e55c9aee]:focus{box-shadow:0 0 0 3px oklch(65% .1 30/.15)}.field-group .input-error[data-v-e55c9aee]{color:oklch(50% .08 30);margin-top:4px;font-size:12px;display:none}.field-group .input-error.show[data-v-e55c9aee]{display:block}.strength-bar[data-v-e55c9aee]{gap:4px;margin-top:8px;display:flex}.strength-bar span[data-v-e55c9aee]{background:var(--border);border-radius:2px;flex:1;height:3px;transition:background .3s}.strength-bar span.active.weak[data-v-e55c9aee]{background:oklch(65% .1 30)}.strength-bar span.active.medium[data-v-e55c9aee]{background:oklch(65% .12 75)}.strength-bar span.active.strong[data-v-e55c9aee]{background:var(--accent)}.strength-label[data-v-e55c9aee]{color:var(--muted);margin-top:4px;font-size:11px;display:none}.strength-label.show[data-v-e55c9aee]{display:block}.terms-row[data-v-e55c9aee]{align-items:flex-start;gap:10px;margin-top:-2px;margin-bottom:22px;display:flex}.terms-row input[type=checkbox][data-v-e55c9aee]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin-top:2px}.terms-row label[data-v-e55c9aee]{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;line-height:1.5}.terms-row label a[data-v-e55c9aee]{color:var(--accent);font-weight:500;text-decoration:none}.terms-row label a[data-v-e55c9aee]:hover{text-decoration:underline}.terms-row .checkbox-error[data-v-e55c9aee]{color:oklch(50% .08 30);margin-top:2px;font-size:12px;display:none}.terms-row .checkbox-error.show[data-v-e55c9aee]{display:block}.btn-primary[data-v-e55c9aee]{width:100%;font-size:16px;font-weight:600;font-family:var(--font-body);background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:14px;transition:background .2s,transform .1s}.btn-primary[data-v-e55c9aee]:hover{background:var(--accent-hover)}.btn-primary[data-v-e55c9aee]:active{transform:scale(.98)}.btn-primary[data-v-e55c9aee]:disabled{opacity:.5;cursor:not-allowed}.divider[data-v-e55c9aee]{color:var(--border);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:16px;margin:24px 0;font-size:12px;display:flex}.divider[data-v-e55c9aee]:before,.divider[data-v-e55c9aee]:after{content:"";background:var(--border);flex:1;height:1px}.social-row[data-v-e55c9aee]{gap:12px;margin-bottom:24px;display:flex}.social-btn[data-v-e55c9aee]{border:1.5px solid var(--border);background:var(--surface);font-size:14px;font-weight:500;font-family:var(--font-body);color:var(--fg);cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;transition:background .2s;display:flex}.social-btn[data-v-e55c9aee]:hover{background:var(--bg)}.social-btn svg[data-v-e55c9aee]{flex-shrink:0;width:18px;height:18px}.login-row[data-v-e55c9aee]{text-align:center;color:var(--muted);font-size:14px}.login-row a[data-v-e55c9aee]{color:var(--accent);font-weight:600;text-decoration:none}.login-row a[data-v-e55c9aee]:hover{text-decoration:underline}.error-msg[data-v-e55c9aee]{color:oklch(40% .06 30);background:oklch(90% .04 30/.5);border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:none}.error-msg.show[data-v-e55c9aee]{display:block}.success-msg[data-v-e55c9aee]{color:oklch(35% .06 150);background:oklch(90% .04 150/.5);border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:none}.success-msg.show[data-v-e55c9aee]{display:block}@media (width<=440px){.register-page[data-v-e55c9aee]{padding:16px}.register-card[data-v-e55c9aee]{border-radius:12px;padding:28px 20px 24px}.social-row[data-v-e55c9aee]{flex-direction:column}}:root{--col-func-w:64px;--col-sub-w:210px}body{overflow:hidden}.main-layout{height:100vh;display:flex}.col-func{width:var(--col-func-w);border-right:1px solid var(--border);z-index:10;background:oklch(96.5% .003 240);flex-direction:column;flex-shrink:0;align-items:center;height:100vh;padding:16px 0 12px;display:flex;overflow-y:auto}.func-btn{width:44px;height:44px;color:var(--muted);cursor:pointer;font-family:var(--font-body);background:0 0;border:none;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;transition:background .15s,color .15s;display:flex;position:relative}.func-btn:hover{background:var(--border);color:var(--fg)}.func-btn.active{background:var(--accent-soft);color:var(--accent)}.func-btn svg{width:22px;height:22px}.func-btn-label{letter-spacing:.02em;font-size:9px;font-weight:600;line-height:1}.func-btn+.func-btn{margin-top:4px}.col-func-spacer{flex:1;min-height:8px}.col-sub{width:var(--col-sub-w);background:var(--surface);border-right:1px solid var(--border);z-index:5;flex-direction:column;flex-shrink:0;height:100vh;transition:margin-left .3s;display:flex;overflow:hidden}.col-sub-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:20px 16px 12px}.col-sub-header h2{font-family:var(--font-display);letter-spacing:-.01em;font-size:17px;font-weight:700}.col-sub-list{flex:1;padding:6px 8px;overflow-y:auto}.sub-item{border-radius:var(--radius-sm);color:var(--fg);cursor:pointer;text-align:left;width:100%;font-size:14px;font-weight:500;font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:10px;padding:9px 10px;transition:background .15s;display:flex}.sub-item:hover{background:var(--bg)}.sub-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sub-item svg{opacity:.7;flex-shrink:0;width:18px;height:18px}.sub-item.active svg{opacity:1}.sub-divider{background:var(--border);height:1px;margin:6px 10px}.folder-actions{flex-shrink:0;align-items:center;gap:2px;margin-left:auto;display:flex}.add-list-btn{width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;display:none}.folder-wrapper:hover .add-list-btn{display:flex}.add-list-btn:hover{background:var(--border);color:var(--accent)}.add-list-btn svg{width:14px;height:14px}.chevron{width:16px;height:16px;color:var(--muted);flex-shrink:0;transition:transform .2s}.chevron.expanded{transform:rotate(-180deg)}.sub-children{margin-left:16px}.sub-item.child-item{color:var(--muted);padding:6px 10px;font-size:13px;font-weight:400}.sub-item.child-item.active{color:var(--accent);font-weight:500}.child-dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:5px;height:5px}.sub-item.child-item.active .child-dot{background:var(--accent)}.child-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sub-children-empty{color:var(--muted);text-align:center;padding:8px 10px;font-size:12px}.topbar-center{flex:1;align-items:center;gap:8px;max-width:460px;margin:0 16px;display:flex}.quick-add-wrap{border:1.5px dashed var(--border);background:var(--bg);border-radius:10px;flex:1;align-items:center;gap:10px;padding:11px 16px;transition:border-color .2s;display:flex}.quick-add-wrap:focus-within{border-color:var(--accent)}.quick-add-icon{width:18px;height:18px;color:var(--muted);flex-shrink:0}.quick-add-wrap input{font-size:14px;font-family:var(--font-body);color:var(--fg);background:0 0;border:none;outline:none;flex:1;min-width:0}.quick-add-wrap input::placeholder{color:var(--muted)}.modal-overlay{z-index:200;background:oklch(0% 0 0/.35);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:320px;max-width:90vw;padding:24px;box-shadow:0 8px 32px oklch(0% 0 0/.15)}.modal h3{font-family:var(--font-display);margin:0 0 16px;font-size:17px;font-weight:700}.modal input{border:1px solid var(--border);width:100%;font-size:14px;font-family:var(--font-body);background:var(--bg);color:var(--fg);box-sizing:border-box;border-radius:8px;outline:none;padding:10px 12px}.modal input:focus{border-color:var(--accent)}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.btn{font-size:13px;font-weight:600;font-family:var(--font-body);cursor:pointer;border:none;border-radius:8px;padding:8px 18px;transition:background .15s}.btn-cancel{background:var(--bg);color:var(--muted)}.btn-cancel:hover{background:var(--border)}.btn-confirm{background:var(--accent);color:#fff}.btn-confirm:hover{opacity:.9}.modal-field{margin-bottom:14px}.modal-field label{color:var(--muted);margin-bottom:4px;font-size:13px;font-weight:600;display:block}.modal-field textarea{border:1px solid var(--border);width:100%;font-size:14px;font-family:var(--font-body);background:var(--bg);color:var(--fg);resize:vertical;box-sizing:border-box;border-radius:8px;outline:none;padding:10px 12px}.modal-field textarea:focus{border-color:var(--accent)}.priority-group{gap:6px;display:flex}.priority-opt{border:1px solid var(--border);background:var(--bg);color:var(--muted);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;padding:7px 0;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:flex}.priority-opt input{display:none}.priority-opt.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.col-content{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 28px 14px;display:flex}.topbar-left{align-items:center;gap:12px;display:flex}.topbar h1{font-family:var(--font-display);letter-spacing:-.01em;font-size:20px;font-weight:700}.topbar .date-sub{color:var(--muted);margin-top:1px;font-size:13px}.topbar-actions{align-items:center;gap:6px;display:flex}.icon-btn{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.icon-btn:hover{background:var(--border);color:var(--fg)}.icon-btn svg{width:20px;height:20px}.back-btn{width:36px;height:36px;color:var(--fg);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:none}.back-btn svg{width:20px;height:20px}.content-area{flex:1;padding:16px 28px 24px;overflow-y:auto}.sub-drawer-overlay{z-index:99;opacity:0;pointer-events:none;background:oklch(0% 0 0/.3);transition:opacity .25s;display:none;position:fixed;inset:0}.sub-drawer-overlay.open{opacity:1;pointer-events:auto}@media (width<=820px){.col-sub{left:var(--col-func-w);z-index:100;margin-left:-280px;position:fixed;top:0;bottom:0;box-shadow:4px 0 24px oklch(0% 0 0/.1)}.col-sub.open{margin-left:0}.sub-drawer-overlay.open{display:block}}@media (width<=640px){.col-func{border-right:none;border-top:1px solid var(--border);background:var(--surface);z-index:50;flex-direction:row;justify-content:space-around;height:56px;padding:0 12px;position:fixed;bottom:0;left:0;right:0}.col-func-spacer{display:none}.func-btn{border-radius:8px;flex-direction:row;gap:4px;width:auto;height:44px;padding:0 12px}.func-btn svg{width:20px;height:20px}.func-btn-label{font-size:10px}.col-sub{width:260px;margin-left:-300px;left:0}.col-sub.open{margin-left:0}.col-content{height:calc(100vh - 56px)}.topbar{padding:14px 16px 12px}.content-area{padding:12px 16px 80px}.back-btn{display:flex}}@media (width<=400px){.func-btn{padding:0 8px}.func-btn-label{display:none}.topbar h1{font-size:18px}.content-area{padding:10px 12px 70px}}