@font-face{font-family:Pretendard Variable;font-style:normal;font-weight:45 920;font-display:swap;src:url(/fonts/PretendardVariable.woff2) format("woff2-variations")}:root{--gray-0:#ffffff;--gray-50:#fbfbfa;--gray-100:#f7f6f3;--gray-150:#f1f0ee;--gray-200:#ebeae8;--gray-250:#e3e2e0;--gray-300:#dcdbd8;--gray-400:#c7c6c2;--gray-500:#adaca7;--gray-600:#9b9a97;--gray-700:#787774;--gray-800:#5f5e5b;--gray-900:#37352f;--gray-950:#25241f;--blue-50:#e7f3f8;--blue-100:#d3e5f0;--blue-300:#6fb1e0;--blue-500:#2383e2;--blue-600:#1a6fc4;--blue-700:#155ba3;--red-50:#fdebec;--red-500:#d44c47;--red-600:#b8403c;--green-50:#ddedea;--green-500:#448361;--green-600:#3a7054;--yellow-50:#fbf3db;--yellow-500:#cb912f;--yellow-600:#b07d27;--text-gray:#787774;--text-brown:#976d57;--text-orange:#cc772f;--text-yellow:#c29243;--text-green:#548164;--text-blue:#487ca5;--text-purple:#8a67ab;--text-pink:#b35488;--text-red:#c4554d;--tint-gray:#f1f0ef;--tint-brown:#f3eeee;--tint-orange:#fbecdd;--tint-yellow:#fbf3db;--tint-green:#edf3ec;--tint-blue:#e7f3f8;--tint-purple:#f6f3f9;--tint-pink:#faf1f5;--tint-red:#fdebec;--bg-app:var(--gray-50);--bg-surface:var(--gray-0);--bg-sunken:var(--gray-100);--bg-hover:rgba(55,53,47,0.06);--bg-active:rgba(55,53,47,0.09);--bg-selected:rgba(35,131,226,0.10);--bg-overlay:rgba(15,15,15,0.40);--text-primary:var(--gray-900);--text-secondary:var(--gray-700);--text-tertiary:var(--gray-600);--text-disabled:var(--gray-500);--text-on-accent:#ffffff;--text-link:var(--blue-600);--border-subtle:var(--gray-250);--border-default:var(--gray-300);--border-strong:var(--gray-400);--border-focus:var(--blue-500);--accent:var(--blue-500);--accent-hover:var(--blue-600);--accent-active:var(--blue-700);--accent-soft:var(--blue-50);--icon-default:var(--gray-700);--icon-muted:var(--gray-500);--danger:var(--red-500);--danger-hover:var(--red-600);--success:var(--green-500);--warning:var(--yellow-500);--font-sans:"Pretendard Variable",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Segoe UI",Roboto,"Helvetica Neue",sans-serif;--font-mono:"SFMono-Regular",Menlo,Consolas,"Liberation Mono",monospace;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fs-display:40px;--fs-h1:30px;--fs-h2:24px;--fs-h3:19px;--fs-h4:16px;--fs-body:15px;--fs-sm:14px;--fs-xs:13px;--fs-2xs:12px;--fs-mono:13.5px;--lh-tight:1.2;--lh-snug:1.35;--lh-normal:1.5;--lh-relaxed:1.65;--ls-display:-0.02em;--ls-heading:-0.011em;--ls-normal:0em;--ls-wide:0.02em;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-8:16px;--space-10:20px;--space-12:24px;--space-16:32px;--space-20:40px;--space-24:48px;--page-content-width:708px;--page-gutter:96px;--sidebar-width:244px;--sidebar-collapsed:64px;--control-height-sm:28px;--control-height-md:32px;--control-height-lg:40px;--radius-xs:3px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--shadow-none:none;--shadow-xs:0 1px 2px rgba(15,15,15,0.04),0 0 0 1px rgba(15,15,15,0.04);--shadow-sm:rgba(15,15,15,0.05) 0px 0px 0px 1px,rgba(15,15,15,0.10) 0px 3px 6px,rgba(15,15,15,0.20) 0px 9px 24px;--shadow-md:rgba(15,15,15,0.06) 0px 0px 0px 1px,rgba(15,15,15,0.10) 0px 5px 10px,rgba(15,15,15,0.20) 0px 15px 40px;--shadow-lg:rgba(15,15,15,0.08) 0px 0px 0px 1px,rgba(15,15,15,0.12) 0px 14px 28px,rgba(15,15,15,0.20) 0px 24px 56px;--ring-focus:0 0 0 3px rgba(35,131,226,0.35);--ring-danger:0 0 0 3px rgba(212,76,71,0.30);--dur-instant:60ms;--dur-fast:120ms;--dur-base:180ms;--dur-slow:240ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.45,0,0.2,1);--ease-standard:cubic-bezier(0.25,0.1,0.25,1);--hover-fade:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}:root[data-theme=dark]{--bg-app:#191919;--bg-surface:#1f1f1f;--bg-sunken:#161616;--bg-hover:rgba(255,255,255,0.055);--bg-active:rgba(255,255,255,0.09);--bg-selected:rgba(35,131,226,0.24);--bg-overlay:rgba(0,0,0,0.60);--text-primary:#e9e9e7;--text-secondary:#a6a5a1;--text-tertiary:#7f7e7b;--text-disabled:#6b6a67;--text-on-accent:#ffffff;--text-link:#6cb0ec;--text-blue:#6cb0ec;--border-subtle:rgba(255,255,255,0.09);--border-default:#373737;--border-strong:#4a4a48;--border-focus:#4a9eea;--accent:#2383e2;--accent-hover:#3a92e6;--accent-active:#1a6fc4;--accent-soft:rgba(35,131,226,0.16);--icon-default:#b3b2af;--icon-muted:#7f7e7b;--danger:#ff7369;--danger-hover:#ff8a82;--success:#4dab7a;--warning:#d9a441;--tint-blue:#1e2b36;--tint-purple:#251f2e;--ring-focus:0 0 0 3px rgba(74,158,234,0.45);--ring-danger:0 0 0 3px rgba(255,115,105,0.30)}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:#4a4a48}:root[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#5a5a58}:root[data-theme=dark] .doc__cover-skeleton,:root[data-theme=dark] .page-skeleton-row{background:linear-gradient(90deg,#242424,#2c2c2c,#242424);background-size:200% 100%}:root[data-theme=dark] .btn--secondary:hover:not(:disabled){background:var(--bg-hover)}:root[data-theme=dark] .btn--secondary:active:not(:disabled){background:var(--bg-active)}:root[data-theme=dark] .btn--danger:hover:not(:disabled){background:rgba(255,115,105,.12)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg-app:#191919;--bg-surface:#1f1f1f;--bg-sunken:#161616;--bg-hover:rgba(255,255,255,0.055);--bg-active:rgba(255,255,255,0.09);--bg-selected:rgba(35,131,226,0.24);--bg-overlay:rgba(0,0,0,0.60);--text-primary:#e9e9e7;--text-secondary:#a6a5a1;--text-tertiary:#7f7e7b;--text-disabled:#6b6a67;--text-on-accent:#ffffff;--text-link:#6cb0ec;--text-blue:#6cb0ec;--border-subtle:rgba(255,255,255,0.09);--border-default:#373737;--border-strong:#4a4a48;--border-focus:#4a9eea;--accent:#2383e2;--accent-hover:#3a92e6;--accent-active:#1a6fc4;--accent-soft:rgba(35,131,226,0.16);--icon-default:#b3b2af;--icon-muted:#7f7e7b;--danger:#ff7369;--danger-hover:#ff8a82;--success:#4dab7a;--warning:#d9a441;--tint-blue:#1e2b36;--tint-purple:#251f2e;--ring-focus:0 0 0 3px rgba(74,158,234,0.45);--ring-danger:0 0 0 3px rgba(255,115,105,0.30)}:root:not([data-theme]) ::-webkit-scrollbar-thumb{background:#4a4a48}:root:not([data-theme]) ::-webkit-scrollbar-thumb:hover{background:#5a5a58}:root:not([data-theme]) .doc__cover-skeleton,:root:not([data-theme]) .page-skeleton-row{background:linear-gradient(90deg,#242424,#2c2c2c,#242424);background-size:200% 100%}:root:not([data-theme]) .btn--secondary:hover:not(:disabled){background:var(--bg-hover)}:root:not([data-theme]) .btn--secondary:active:not(:disabled){background:var(--bg-active)}:root:not([data-theme]) .btn--danger:hover:not(:disabled){background:rgba(255,115,105,.12)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--fs-body);font-weight:var(--fw-regular);line-height:var(--lh-normal);letter-spacing:var(--ls-normal);background:var(--bg-app);font-feature-settings:"ss01","cv01"}body,h1,h2,h3,h4,h5,h6{margin:0;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--ls-heading)}p{margin:0}a{color:var(--text-link);text-decoration:none;text-underline-offset:2px}a:hover{text-decoration:underline}button{font-family:inherit}code,kbd,pre,samp{font-family:var(--font-mono)}::selection{background:var(--bg-selected)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:var(--gray-300);border:3px solid transparent;background-clip:content-box;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400);background-clip:content-box}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:var(--radius-sm);font-family:inherit;font-size:var(--fs-sm);font-weight:var(--fw-medium);line-height:1;color:var(--text-primary);background:transparent;cursor:pointer;white-space:nowrap;transition:var(--hover-fade),box-shadow var(--dur-fast) var(--ease-standard),transform var(--dur-instant) var(--ease-standard);-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{height:28px;padding:0 8px;font-size:var(--fs-xs)}.btn--md{height:32px;padding:0 12px}.btn--lg{height:40px;padding:0 16px;font-size:var(--fs-body)}.btn--full{width:100%}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn--primary:active:not(:disabled){background:var(--accent-active);transform:translateY(.5px)}.btn--secondary{background:var(--bg-surface);border-color:var(--border-default);color:var(--text-primary);box-shadow:var(--shadow-xs)}.btn--secondary:hover:not(:disabled){background:var(--gray-100)}.btn--secondary:active:not(:disabled){background:var(--gray-150);transform:translateY(.5px)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn--ghost:active:not(:disabled){background:var(--bg-active)}.btn--danger{color:var(--danger);background:transparent}.btn--danger:hover:not(:disabled){background:var(--red-50);color:var(--danger-hover)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 auto;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--icon-default);cursor:pointer;transition:var(--hover-fade)}.icon-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.icon-btn:active:not(:disabled){background:var(--bg-active)}.icon-btn--sm{width:24px;height:24px}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:var(--radius-full);color:#fff;font-weight:var(--fw-semibold);line-height:1;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-upload{position:relative;display:inline-flex;flex:0 0 auto}.avatar-upload__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-overlay);border-radius:var(--radius-full)}.input{width:100%;height:32px;padding:0 10px;font-family:inherit;font-size:var(--fs-sm);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);outline:none;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.input::placeholder{color:var(--text-tertiary)}.input:focus{border-color:var(--border-focus);box-shadow:var(--ring-focus)}.input--lg{height:46px;padding:0 14px;font-size:var(--fs-body)}.input[aria-invalid=true]{border-color:var(--danger)}.input[aria-invalid=true]:focus{box-shadow:var(--ring-danger)}.nav-item{display:flex;align-items:center;gap:8px;width:100%;height:28px;padding:0 8px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium);text-align:left;cursor:pointer;transition:var(--hover-fade)}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item--active{background:var(--bg-selected);color:var(--text-primary)}.nav-item__icon{display:inline-flex;align-items:center;justify-content:center;width:18px;flex:0 0 auto;font-size:15px;color:var(--icon-default)}.nav-item__label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item__trailing{font-size:var(--fs-2xs);color:var(--text-tertiary)}.menu{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:6px;overflow:hidden}.menu-label{padding:6px 8px 4px;font-size:var(--fs-2xs);font-weight:var(--fw-semibold);color:var(--text-tertiary);text-transform:none}.menu-item{display:flex;align-items:center;gap:10px;width:100%;min-height:30px;padding:4px 8px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font-size:var(--fs-sm);text-align:left;cursor:pointer;transition:var(--hover-fade)}.menu-item:hover{background:var(--bg-hover)}.menu-item--selected{background:var(--bg-selected)}.menu-item__shortcut{margin-left:auto;font-size:var(--fs-2xs);color:var(--text-tertiary)}.callout{display:flex;gap:10px;padding:14px 16px;border-radius:var(--radius-md);background:var(--tint-blue);font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--text-secondary)}.callout__icon{font-size:16px;line-height:1.4;flex:0 0 auto}.callout__title{font-weight:var(--fw-semibold);color:var(--text-primary);margin-bottom:2px}.app-shell{display:flex;height:100vh;overflow:hidden;background:var(--bg-surface)}.sidebar{width:var(--sidebar-width);flex:0 0 auto;display:flex;flex-direction:column;background:var(--bg-app);border-right:1px solid var(--border-subtle);transition:width var(--dur-base) var(--ease-standard)}.sidebar--collapsed{width:var(--sidebar-collapsed)}.sidebar--collapsed .nav-item__label,.sidebar--collapsed .nav-item__trailing,.sidebar--collapsed .sidebar__hint,.sidebar--collapsed .sidebar__section-chevron,.sidebar--collapsed .sidebar__section-label,.sidebar--collapsed .sidebar__user-email,.sidebar--collapsed .sidebar__user-name,.sidebar--collapsed .sidebar__wordmark{display:none}.sidebar--collapsed .nav-item,.sidebar--collapsed .sidebar__section{justify-content:center;padding:0}.sidebar--collapsed .sidebar__section .spacer{display:none}.sidebar--collapsed .sidebar__user{justify-content:center;padding:4px 0}.sidebar__header{display:flex;align-items:center;gap:8px;height:48px;padding:0 12px;border-bottom:1px solid var(--border-subtle)}.sidebar__body{flex:1 1;overflow-y:auto;padding:8px}.sidebar__section{display:flex;align-items:center;gap:6px;height:26px;padding:0 6px;margin-top:14px;color:var(--text-tertiary)}.sidebar__section-label{font-size:var(--fs-2xs);font-weight:var(--fw-semibold)}.sidebar__hint{padding:8px 10px 0;font-size:var(--fs-xs);line-height:1.55;color:var(--text-tertiary)}.sidebar__footer{border-top:1px solid var(--border-subtle);padding:8px}.sidebar__footer,.sidebar__user{display:flex;align-items:center;gap:8px}.sidebar__user{flex:1 1;min-width:0;padding:4px;border:none;border-radius:var(--radius-sm);background:transparent;cursor:pointer;text-align:left;transition:var(--hover-fade)}.sidebar__user:hover{background:var(--bg-hover)}.sidebar__user-name{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-primary)}.sidebar__user-email,.sidebar__user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__user-email{font-size:11px;color:var(--text-tertiary)}.logo-mark{display:flex;align-items:center;justify-content:center;background:var(--gray-950);color:#fff;font-weight:var(--fw-bold);line-height:1;flex:0 0 auto}.main{flex:1 1;display:flex;flex-direction:column;min-width:0;background:var(--bg-surface)}.topbar{height:48px;flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--border-subtle)}.topbar__crumb{font-size:var(--fs-sm);color:var(--text-secondary)}.spacer{flex:1 1}.content{flex:1 1;overflow-y:auto}.save-status{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-2xs);color:var(--text-tertiary)}.save-status__dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.save-status__dot--saving{background:var(--warning)}.save-status__dot--error{background:var(--danger)}.save-status__retry{display:inline-flex;align-items:center;gap:5px;color:var(--danger);font-size:inherit;cursor:pointer}.save-status__retry:hover{text-decoration:underline}.tasks{max-width:720px;margin:0 auto;padding:52px 24px 64px}.tasks__title{font-size:var(--fs-h1);font-weight:var(--fw-bold);letter-spacing:var(--ls-display)}.tasks__meta{margin:7px 0 22px;font-size:var(--fs-xs);color:var(--text-tertiary)}.slash-anchor{position:relative}.slash-menu{position:absolute;left:0;top:54px;z-index:20;width:340px}.page-list{margin-top:20px;display:flex;flex-direction:column}.page-row{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:var(--radius-sm);border:none;background:transparent;cursor:pointer;text-align:left;width:100%;transition:var(--hover-fade);border-bottom:1px solid var(--border-subtle)}.page-row:hover{background:var(--bg-hover)}.page-row__icon{font-size:18px;flex:0 0 auto}.page-row__body{flex:1 1;min-width:0}.page-row__title{font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--text-primary)}.page-row__preview,.page-row__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-row__preview{font-size:var(--fs-xs);color:var(--text-tertiary)}.page-row__time{font-size:var(--fs-2xs);color:var(--text-tertiary);flex:0 0 auto}.page-list-skeleton{margin-top:20px;display:flex;flex-direction:column;gap:4px}.page-skeleton-row{height:44px;border-radius:var(--radius-sm)}.empty-state{margin-top:120px;display:flex;flex-direction:column;align-items:center;text-align:center}.empty-state__icon{width:56px;height:56px;border-radius:50%;background:var(--tint-blue);display:flex;align-items:center;justify-content:center;color:var(--text-blue)}.empty-state__title{margin-top:14px;font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--text-secondary)}.empty-state__hint{margin-top:5px;font-size:var(--fs-xs);color:var(--text-tertiary)}.empty-state__hint b{color:var(--text-secondary)}.empty-state>.btn{margin-top:14px}.toast{position:fixed;right:24px;bottom:24px;display:inline-flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--fs-sm);color:var(--text-primary);z-index:1300}.toast--success{color:var(--success)}.save-error-banner{padding:10px 24px;background:var(--red-50);color:var(--danger);font-size:var(--fs-xs);text-align:center}.doc{flex:1 1;overflow-y:auto}.doc__cover{position:relative;height:288px;overflow:hidden;background:linear-gradient(110deg,var(--tint-blue),var(--tint-purple))}.doc__cover-skeleton,.page-skeleton-row{background:linear-gradient(90deg,var(--gray-200),var(--gray-150),var(--gray-200));background-size:200% 100%;animation:doc-cover-shimmer 1.4s ease-in-out infinite}.doc__cover-skeleton{position:absolute;inset:0}.doc__cover-img{width:100%;height:100%;object-fit:cover;display:block}@keyframes doc-cover-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.doc__body{max-width:708px;margin:0 auto;padding:0 24px 120px}.doc__icon{font-size:52px;line-height:1;margin-top:-34px}.doc__title{display:block;width:100%;margin:10px 0 0;border:none;outline:none;background:transparent;font-family:inherit;font-size:38px;font-weight:var(--fw-bold);letter-spacing:var(--ls-display);color:var(--text-primary);resize:none;overflow:hidden}.doc__title::placeholder{color:var(--text-tertiary)}.doc__content{display:block;width:100%;min-height:320px;margin-top:20px;border:none;outline:none;background:transparent;font-family:inherit;font-size:16px;line-height:var(--lh-relaxed);color:var(--text-primary);resize:none}.doc__content::placeholder{color:var(--text-tertiary)}.doc__charcount{margin-top:var(--space-8);font-size:var(--fs-2xs);color:var(--text-tertiary);text-align:right}.doc__callout{margin-top:26px}.login{min-height:100vh;justify-content:center;background:var(--bg-app);padding:24px}.login,.login__inner{display:flex;align-items:center}.login__inner{width:344px;max-width:100%;flex-direction:column;text-align:center}.login__logo{width:52px;height:52px;border-radius:14px;font-size:32px}.login__title{margin:18px 0 0;font-size:26px;font-weight:var(--fw-bold);letter-spacing:var(--ls-display)}.login__subtitle{margin:9px 0 0;font-size:var(--fs-body);line-height:1.6;color:var(--text-secondary)}.login__card{width:100%;margin-top:28px;padding:22px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:12px}.login__note{margin:0;font-size:var(--fs-2xs);line-height:1.5;color:var(--text-tertiary)}.login__error{margin:0;font-size:var(--fs-sm);line-height:1.5;color:var(--danger)}.login__footer{margin:22px 0 0;font-size:var(--fs-2xs);color:var(--text-tertiary)}.spinner{display:inline-block;box-sizing:border-box;width:16px;height:16px;border-radius:50%;border:2px solid var(--border-subtle);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:1.4s}}.mypage{max-width:640px;margin:0 auto;padding:52px 24px 64px}.mypage__title{font-size:var(--fs-h1);font-weight:var(--fw-bold);letter-spacing:var(--ls-display)}.mypage__sub{margin:7px 0 28px;font-size:var(--fs-xs);color:var(--text-tertiary)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:24px}.field{display:flex;flex-direction:column;gap:8px}.field+.field{margin-top:24px}.field__label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-primary)}.field__row{display:flex;align-items:center;gap:12px}.field__error{font-size:var(--fs-xs);color:var(--danger)}.field__counter{font-size:var(--fs-2xs);color:var(--text-tertiary);text-align:right}.textarea{width:100%;min-height:96px;padding:8px 12px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--text-primary);resize:vertical}.textarea::placeholder{color:var(--text-tertiary)}.textarea:focus{border-color:var(--border-focus);box-shadow:var(--ring-focus)}.divider{height:1px;background:var(--border-subtle);margin:24px 0;border:none}.saved-toast{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--success)}.center-fill{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:var(--fs-sm);background:var(--bg-app)}@media (max-width:760px){.sidebar{display:none}.mypage,.tasks{padding-left:16px;padding-right:16px}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.001ms!important;animation-duration:.001ms!important}}