@font-face{font-family:pretendard;src:url(../media/PretendardVariable-s.p.0ztvx5mb7lxp4.woff2)format("woff2");font-display:swap;font-weight:45 920}@font-face{font-family:pretendard Fallback;src:local(Arial);ascent-override:93.76%;descent-override:23.75%;line-gap-override:0.0%;size-adjust:101.55%}.pretendard_78e6265-module__-PbyQa__className{font-family:pretendard,pretendard Fallback}.pretendard_78e6265-module__-PbyQa__variable{--font-pretendard:"pretendard", "pretendard Fallback"}
:root{--blue-50:#f0f5fe;--blue-100:#e3edfd;--blue-200:#c7dbfb;--blue-300:#9fc0f8;--blue-400:#6f9cf6;--blue-500:#4c7cf4;--blue-600:#3563e9;--blue-700:#2a4fc4;--gray-0:#fff;--gray-50:#fafafb;--gray-100:#f4f5f7;--gray-200:#e9ebee;--gray-300:#dcdfe4;--gray-400:#b9bec7;--gray-500:#8f96a3;--gray-600:#6b7280;--gray-700:#4b5563;--gray-800:#333a45;--gray-900:#17191d;--yellow-400:#ffc53d;--green-500:#21b573;--red-500:#f1533e;--red-600:#d9432f;--text-strong:var(--gray-900);--text-body:var(--gray-800);--text-secondary:var(--gray-600);--text-muted:var(--gray-500);--text-placeholder:var(--gray-400);--text-on-primary:#fff;--text-brand:var(--blue-500);--surface-page:var(--gray-0);--surface-sunken:var(--gray-50);--surface-card:var(--gray-0);--surface-hover:var(--gray-100);--surface-active:var(--gray-200);--surface-brand-subtle:var(--blue-50);--surface-brand:var(--blue-500);--surface-inverse:var(--gray-900);--border-subtle:var(--gray-200);--border-default:var(--gray-300);--border-focus:var(--blue-400);--status-danger:var(--red-500);--text-brand-bold:var(--blue-600);--border-strong:var(--gray-400);--focus-ring:0 0 0 3px var(--blue-100);--overlay-scrim:#17191d66;--skeleton-from:var(--gray-100);--skeleton-to:var(--gray-200);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:var(--font-pretendard), Pretendard, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--text-display:700 32px/1.45 var(--font-sans);--text-title:700 20px/1.4 var(--font-sans);--text-heading:600 16px/1.5 var(--font-sans);--text-body-md:400 15px/1.6 var(--font-sans);--text-body-sm:400 14px/1.55 var(--font-sans);--text-caption:400 13px/1.5 var(--font-sans);--text-label:600 13px/1.4 var(--font-sans);--letter-spacing-tight:-.02em;--letter-spacing-body:-.01em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:999px;--shadow-card:0 1px 2px #17191d0a;--shadow-raised:0 4px 12px #17191d14;--shadow-overlay:0 8px 24px #17191d1f;--sidebar-width:280px;--content-max:720px;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.12s;--duration-base:.2s}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text-strong:#f2f3f5;--text-body:#d5d9df;--text-secondary:#9ba1ac;--text-muted:#7a8290;--text-placeholder:#565e6b;--text-brand:var(--blue-400);--text-brand-bold:var(--blue-300);--surface-page:#17191d;--surface-sunken:#121417;--surface-card:#1d2126;--surface-hover:#23272e;--surface-active:#2b3038;--surface-brand-subtle:#1b2740;--surface-inverse:#333a45;--border-subtle:#262a31;--border-default:#333a45;--border-strong:#4b5563;--focus-ring:0 0 0 3px #4c7cf447;--overlay-scrim:#0009;--skeleton-from:#1d2126;--skeleton-to:#262b33;--shadow-card:0 1px 2px #0006;--shadow-raised:0 4px 12px #00000080;--shadow-overlay:0 8px 24px #0009}*{box-sizing:border-box}body{font:var(--text-body-md);letter-spacing:var(--letter-spacing-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--text-brand);text-decoration:none}a:hover{color:var(--text-brand-bold)}::placeholder{color:var(--text-placeholder)}button,input,textarea{font-family:var(--font-sans);letter-spacing:var(--letter-spacing-body)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes skeleton-pulse{0%{background:var(--skeleton-from)}to{background:var(--skeleton-to)}}.btn{border-radius:var(--radius-md);font:var(--text-body-sm);font-weight:var(--weight-semibold);letter-spacing:var(--letter-spacing-body);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:9px 16px;display:inline-flex}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--surface-brand);color:var(--text-on-primary)}.btn-primary:hover:not(:disabled){background:var(--blue-600)}.btn-primary:active:not(:disabled){background:var(--blue-700)}.btn-outline{background:var(--surface-card);border-color:var(--border-default);color:var(--text-body)}.btn-outline:hover:not(:disabled){background:var(--surface-hover)}.btn-outline:active:not(:disabled){background:var(--surface-active)}.btn-danger{background:var(--status-danger);color:var(--text-on-primary)}.btn-danger:hover:not(:disabled){background:var(--red-600)}.btn-ghost-danger{color:var(--status-danger);background:0 0}.btn-ghost-danger:hover:not(:disabled){background:#f1533e14}.shell{min-height:100dvh;display:flex}.sidebar{height:100dvh;width:var(--sidebar-width);padding:var(--space-5) var(--space-3) var(--space-4);background:var(--surface-sunken);border-right:1px solid var(--border-subtle);transition:margin-left var(--duration-base) var(--ease-out);flex-direction:column;flex:none;display:flex;position:sticky;top:0}:root[data-sidebar=collapsed] .sidebar{margin-left:calc(-1 * var(--sidebar-width))}.sidebar-brand{padding:var(--space-1) var(--space-3) var(--space-4);font:var(--text-title);letter-spacing:var(--letter-spacing-tight);color:var(--text-strong);justify-content:space-between;align-items:center;display:flex}.sidebar-brand-actions{gap:2px;display:flex}.icon-btn{border-radius:var(--radius-md);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover{background:var(--surface-hover);color:var(--text-body)}.sidebar-expand{top:var(--space-5);left:var(--space-5);z-index:10;background:var(--surface-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);display:none;position:fixed}:root[data-sidebar=collapsed] .sidebar-expand{display:inline-flex}.sidebar-profile{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);align-items:center;gap:10px;min-width:0;display:flex}.sidebar-profile-name{font:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-divider{height:1px;margin:var(--space-3) var(--space-2);background:var(--border-subtle)}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.nav-item{width:100%;padding:9px var(--space-3);border-radius:var(--radius-md);font:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--text-secondary);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:10px;display:flex}.nav-item:hover{background:var(--surface-hover);color:var(--text-body)}.nav-item.active{background:var(--surface-active);color:var(--text-strong)}.sidebar-footer{margin-top:auto}.main{flex:1;min-width:0}.content{max-width:var(--content-max);padding:56px var(--space-10) 96px;animation:rise-in var(--duration-base) var(--ease-out);margin:0 auto}.page-title{font:var(--text-display);letter-spacing:var(--letter-spacing-tight);color:var(--text-strong);margin:0}.composer{margin-top:var(--space-6);position:relative}.composer-box{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);align-items:center;gap:10px;padding:14px 18px;display:flex}.composer-box:focus-within{border-color:var(--border-focus);box-shadow:var(--focus-ring)}.composer-box input{min-width:0;font:var(--text-body-md);color:var(--text-strong);background:0 0;border:none;outline:none;flex:1}.composer-icon{color:var(--text-muted);flex:none;display:inline-flex}.composer-menu{z-index:20;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);animation:rise-in var(--duration-fast) var(--ease-out);padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0}.command-row{border-radius:var(--radius-md);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.command-row.selected,.command-row:hover{background:var(--surface-hover)}.command-row-label{font:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--text-strong);flex:1}.command-kbd{font:var(--text-caption);color:var(--text-muted);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:1px 7px}.list-count{margin-top:var(--space-8);font:var(--text-label);color:var(--text-muted)}.list-count strong{color:var(--text-secondary)}.page-list{gap:var(--space-2);flex-direction:column;margin-top:10px;display:flex}.page-row{align-items:center;gap:var(--space-3);padding:14px var(--space-4);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:inherit;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);display:flex}.page-row:hover{background:var(--surface-sunken);border-color:var(--border-default);color:inherit}.page-row-icon{color:var(--text-muted);flex:none;display:inline-flex}.page-row-title{min-width:0;font:var(--text-body-md);font-weight:var(--weight-medium);color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.page-row-title.untitled{color:var(--text-placeholder);font-weight:var(--weight-regular)}.page-row-date{font:var(--text-caption);color:var(--text-muted);flex:none}.empty-state{align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-6);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;flex-direction:column;margin-top:10px;display:flex}.empty-state-icon{color:var(--text-placeholder);display:inline-flex}.empty-state-title{font:var(--text-heading);color:var(--text-secondary)}.empty-state-desc{font:var(--text-body-sm);color:var(--text-muted)}.empty-state-desc code{font:var(--text-caption);font-weight:var(--weight-semibold);color:var(--text-brand);background:var(--surface-brand-subtle);border-radius:var(--radius-sm);padding:1px 6px}.detail-toolbar{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.back-link{border-radius:var(--radius-md);font:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--text-secondary);transition:background var(--duration-fast) var(--ease-out);align-items:center;gap:6px;margin-left:-10px;padding:6px 10px;display:inline-flex}.back-link:hover{background:var(--surface-hover);color:var(--text-body)}.cover{height:28vh;margin-bottom:var(--space-6);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);position:relative;overflow:hidden}.cover-img{object-fit:cover;width:100%;height:100%;display:block}.cover-skeleton{background:var(--gray-100);animation:skeleton-pulse 1.6s var(--ease-out) infinite alternate;position:absolute;inset:0}.cover-fallback{background:var(--surface-sunken);position:absolute;inset:0}.detail-title{width:100%;font:var(--text-display);letter-spacing:var(--letter-spacing-tight);color:var(--text-strong);background:0 0;border:none;outline:none;padding:0}.detail-meta{margin:var(--space-2) 0 var(--space-8);font:var(--text-caption);color:var(--text-muted)}.detail-content{resize:none;width:100%;min-height:320px;font:var(--text-body-md);color:var(--text-body);background:0 0;border:none;outline:none;padding:0;line-height:1.7}.overlay{z-index:50;padding:var(--space-6);background:var(--overlay-scrim);animation:fade-in var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{width:100%;max-width:360px;padding:var(--space-6);background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);animation:rise-in var(--duration-base) var(--ease-out)}.dialog-title{font:var(--text-title);letter-spacing:var(--letter-spacing-tight);color:var(--text-strong);margin:0}.dialog-desc{margin:var(--space-2) 0 var(--space-5);font:var(--text-body-sm);color:var(--text-secondary)}.dialog-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.me-profile{align-items:center;gap:var(--space-6);margin-top:var(--space-8);display:flex}.field{margin-top:var(--space-10);max-width:440px}.field-label{margin-bottom:var(--space-2);font:var(--text-label);color:var(--text-strong);display:block}.field-row{gap:10px;display:flex}.text-input{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);min-width:0;font:var(--text-body-md);color:var(--text-strong);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);outline:none;flex:1;padding:10px 14px}.text-input:focus{border-color:var(--border-focus);box-shadow:var(--focus-ring)}.bio-input{resize:none;width:100%;min-height:96px;display:block}.field-actions{margin-top:var(--space-2);justify-content:flex-end;display:flex}.field-help{margin-top:var(--space-2);font:var(--text-caption);color:var(--text-muted)}.field-error{margin-top:var(--space-2);font:var(--text-caption);color:var(--status-danger)}.avatar{border:1px solid var(--border-subtle);background:var(--surface-brand-subtle);color:var(--text-brand-bold);font-weight:var(--weight-semibold);-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.login-page{min-height:100dvh;padding:var(--space-6);background:var(--surface-page);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.login-hero{text-align:center;animation:rise-in var(--duration-base) var(--ease-out);flex-direction:column;align-items:center;display:flex}.login-brand{font:700 40px/1.3 var(--font-sans);letter-spacing:var(--letter-spacing-tight);color:var(--text-strong);margin:0}.login-brand-accent{width:56px;height:4px;margin-top:var(--space-2);border-radius:var(--radius-full);background:var(--blue-500)}.login-tagline{margin:var(--space-4) 0 0;font:var(--text-body-md);color:var(--text-secondary)}.google-btn{align-items:center;gap:var(--space-3);margin-top:var(--space-10);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-full);box-shadow:var(--shadow-card);font:var(--text-body-md);font-weight:var(--weight-semibold);color:var(--text-strong);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);padding:13px 28px;display:flex}.google-btn:hover:not(:disabled){background:var(--surface-sunken);border-color:var(--border-strong)}.google-btn:disabled{opacity:.6;cursor:default}.login-caption{margin-top:var(--space-4);font:var(--text-caption);color:var(--text-muted)}.login-footer{bottom:var(--space-6);font:var(--text-caption);color:var(--text-placeholder);position:absolute}.char-counter{right:var(--space-6);bottom:var(--space-6);z-index:10;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);font:var(--text-caption);letter-spacing:var(--letter-spacing-body);color:var(--text-muted);pointer-events:none;padding:6px 10px;position:fixed}.toast{bottom:var(--space-8);z-index:60;background:var(--surface-inverse);color:var(--text-on-primary);font:var(--text-body-sm);border-radius:var(--radius-full);box-shadow:var(--shadow-raised);animation:toast-in var(--duration-base) var(--ease-out);padding:10px 18px;position:fixed;left:50%;transform:translate(-50%)}@media (max-width:900px){:root{--sidebar-width:216px}.content{padding:var(--space-8) var(--space-5) var(--space-12)}}