:root{--r-black-900:#1a1a1a;--r-gray-700:#3d3a36;--r-gray-500:#6b6660;--r-gray-300:#a29c92;--r-gray-150:#d4cfc3;--r-paper-100:#f4f1ea;--r-white:#fff;--r-navy:#16283f;--r-blue:#24406b;--r-sky:#7fa0c4;--r-error:#b3402e;--r-calendar-blue:#3e5c83;--r-calendar-red:#96282a;--r-poster-coral:#e07a63;--r-poster-green:#6fae4e;--r-poster-orange:#f0a93e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--r-black-900);--surface:color-mix(in srgb, var(--r-white) 6%, var(--r-black-900));--surface-raised:color-mix(in srgb, var(--r-white) 10%, var(--r-black-900));--border:#ffffff1f;--text:#ffffffd9;--text-sub:#ffffff8c;--text-muted:#ffffff8c;--text-disabled:#ffffff40;--on-dark:var(--r-white);--on-dark-1:#ffffffd9;--on-dark-2:#ffffff8c;--on-dark-3:#ffffff40;--on-dark-fill:#ffffff1a;--on-dark-fill-2:#ffffff0d;--on-dark-muted:var(--on-dark-2);--nav-bg:var(--r-black-900);--primary:var(--r-poster-orange);--on-primary:var(--r-black-900);--primary-hover:color-mix(in srgb, var(--r-poster-orange) 80%, var(--r-white));--primary-active:color-mix(in srgb, var(--r-poster-orange) 80%, var(--r-black-900));--primary-disabled:var(--r-gray-500);--accent-tint:color-mix(in srgb, var(--r-poster-orange) 16%, var(--r-black-900));--focus:var(--r-poster-orange);--error:var(--r-error);--error-tint:color-mix(in srgb, var(--r-error) 22%, var(--r-black-900));--scrim:#1a1a1ab3;--font-sans:"Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--font-display:"42dot Sans", "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", system-ui, sans-serif;--font-serif:var(--font-display);--t-xxxl:64px / 88px;--t-large:26px / 32px;--t-title1:22px / 26px;--t-title2:17px / 22px;--t-title3:15px / 20px;--t-headline:13px / 16px;--t-body:13px / 16px;--t-callout:12px / 15px;--t-subhead:11px / 14px;--t-footnote:10px / 13px;--t-caption:10px / 13px;--t-display:var(--t-xxxl);--t-h1:var(--t-large);--t-h2:var(--t-title1);--t-h3:var(--t-title2);--t-body-lg:var(--t-title3);--t-body-sm:var(--t-callout);--t-label:var(--t-headline);--t-eyebrow:var(--t-footnote);--ls-label:0;--ls-eyebrow:0;--radius:12px;--sidebar-w:240px}*{box-sizing:border-box}html,body,#root{height:100%}body{font:400 var(--t-body) var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;word-break:keep-all;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--font-serif);text-wrap:balance;margin:0}h1{font:700 var(--t-h1) var(--font-serif)}h2{font:700 var(--t-h2) var(--font-serif)}h3{font:700 var(--t-h3) var(--font-serif)}.muted{color:var(--text-muted)}.caption{font:400 var(--t-caption) var(--font-sans)}.eyebrow{font:500 var(--t-eyebrow) var(--font-sans);letter-spacing:var(--ls-eyebrow);text-transform:uppercase}.btn{height:40px;font:500 var(--t-label) var(--font-sans);letter-spacing:var(--ls-label);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 16px;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn:disabled{cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--on-primary);font-weight:700}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:active:not(:disabled){background:var(--primary-active)}.btn-primary:disabled{background:var(--primary-disabled)}.btn-ghost{background:var(--surface-raised);border-color:var(--border);color:var(--text-sub)}.btn-ghost:hover:not(:disabled){background:var(--surface)}.btn-ghost:active:not(:disabled){background:var(--border)}.btn-ghost:disabled{color:var(--text-disabled)}.btn-block{width:100%;height:48px}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{font:500 var(--t-body-sm) var(--font-sans);color:var(--text-sub)}.input{border:1px solid var(--border);background:var(--surface-raised);border-radius:8px;outline:none;height:46px;padding:0 14px;transition:border-color .15s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--accent-tint)}.error-box{background:var(--error-tint);color:var(--error);font:400 var(--t-body-sm) var(--font-sans);border-radius:8px;margin-bottom:16px;padding:10px 14px}.notice{background:var(--accent-tint);color:var(--text);font:400 var(--t-body-sm) var(--font-sans);border-radius:10px;padding:12px 16px}.notice.warn{background:var(--error-tint);color:var(--error)}.topnav{z-index:20;background:var(--nav-bg);height:56px;color:var(--on-dark-1);border-bottom:1px solid var(--on-dark-fill);position:sticky;top:0}.topnav-inner{align-items:center;gap:24px;max-width:1600px;height:100%;margin:0 auto;padding:0 24px;display:flex}.brand{flex-shrink:0;align-items:center;height:40px;display:flex}.brand img{width:auto;height:40px;display:block}.navlinks{align-items:center;gap:4px;min-width:0;display:flex}.navlink{font:400 var(--t-body) var(--font-sans);color:var(--on-dark-2);white-space:nowrap;border-radius:8px;padding:8px 10px}.navlink:hover{background:var(--on-dark-fill);color:var(--on-dark-1)}.navlink.active{color:var(--on-dark-1);font-weight:600}.navlink-sep{background:var(--on-dark-3);width:1px;height:14px;margin:0 6px}.nav-right{align-items:center;gap:10px;margin-left:auto;display:flex}.search{width:240px;position:relative}.search input{background:var(--on-dark-fill);width:100%;height:36px;color:var(--on-dark-1);font:400 var(--t-body) var(--font-sans);border:1px solid #0000;border-radius:999px;outline:none;padding:0 14px 0 38px}.search input::placeholder{color:var(--on-dark-2)}.search input:focus{border-color:var(--primary)}.search svg{color:var(--on-dark-2);position:absolute;top:50%;left:13px;transform:translateY(-50%)}.btn-sm{height:36px;padding:0 14px}.text-btn{font:600 var(--t-body) var(--font-sans);color:var(--on-dark-1);cursor:pointer;background:0 0;border:0;padding:8px 6px}.text-btn:hover{color:var(--r-white)}.avatar{background:var(--r-gray-700);width:32px;height:32px;color:var(--on-dark);font:700 var(--t-caption) var(--font-sans);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;place-items:center;padding:0;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.menu-wrap{position:relative}.menu-pop{background:var(--surface-raised);border:1px solid var(--border);z-index:30;border-radius:12px;min-width:220px;padding:8px;position:absolute;top:42px;right:0;box-shadow:0 8px 24px #1a1a1a1f}.menu-pop .who{border-bottom:1px solid var(--border);margin-bottom:6px;padding:8px 10px 10px}.menu-pop .who div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.menu-item{text-align:left;cursor:pointer;width:100%;font:400 var(--t-body-sm) var(--font-sans);background:0 0;border:0;border-radius:8px;padding:8px 10px;display:block}.menu-item:hover{background:var(--surface)}.menu-btn{cursor:pointer;color:var(--on-dark-1);background:0 0;border:0;padding:6px;display:none}.drawer{display:none}.linkish{color:var(--text-muted);font:400 var(--t-caption) var(--font-sans);cursor:pointer;background:0 0;border:0;padding:0}.linkish:hover{color:var(--text);text-decoration:underline}.page{max-width:1600px;margin:0 auto;padding:32px 24px 72px}.hero{text-align:center;background:var(--r-navy) url(/hero.jpg) center / cover no-repeat;height:528px;color:var(--r-white);font-family:var(--font-sans);place-items:center;display:grid;position:relative;overflow:hidden}.hero:before{content:"";background:linear-gradient(#16283f40,#16283f73);position:absolute;inset:0}.hero-inner{padding:0 20px;position:relative}.hero h1{font:700 var(--t-xxxl) var(--font-display);text-shadow:0 2px 24px #00000040}.hero p{font:400 var(--t-title2) var(--font-sans);color:var(--on-dark-1);margin:16px 0 0}.hero-cta{cursor:pointer;background:var(--primary);height:50px;color:var(--on-primary);font:700 var(--t-title2) var(--font-display);border:0;border-radius:999px;margin-top:30px;padding:0 44px;transition:background-color .15s,transform .15s}.hero-cta:hover{background:var(--primary-hover)}.hero-cta:active{transform:scale(.98)}.hero-cta:focus-visible{outline:2px solid var(--r-white);outline-offset:3px}.home-body{grid-template-columns:240px minmax(0,1fr);gap:40px;max-width:1600px;margin:0 auto;padding:40px 24px 80px;display:grid}.home-body>section{min-width:0}.cat-side{align-self:start;position:sticky;top:80px}.cat-head{background:var(--surface);font:700 var(--t-body) var(--font-sans);border-radius:12px;align-items:center;gap:8px;margin-bottom:10px;padding:12px 14px;display:flex}.cat-head svg{color:var(--primary)}.cat-link{font:400 var(--t-body) var(--font-sans);color:var(--text-sub);border-radius:8px;padding:9px 14px 9px 46px;display:block}.cat-link:hover{background:var(--surface);color:var(--text)}.cat-link.active{color:var(--primary);background:var(--accent-tint);font-weight:700}.feed-head{align-items:baseline;gap:10px;margin-bottom:20px;display:flex}.feed-head h2{font:600 var(--t-h3) var(--font-serif)}.cat-tabs{display:none}.auth-modal{background:var(--surface);border:1px solid var(--border);width:100%;max-width:400px;color:var(--r-white);text-align:center;font-family:var(--font-sans);border-radius:20px;padding:40px 32px 28px;position:relative;box-shadow:0 24px 64px #00000059}.auth-close{color:var(--on-dark-2);cursor:pointer;background:0 0;border:0;padding:6px;font-size:20px;line-height:1;position:absolute;top:14px;right:14px}.auth-close:hover{color:var(--r-white)}.auth-icon{background:var(--r-black-900);border-radius:16px;place-items:center;width:64px;height:64px;margin:0 auto 18px;display:grid}.auth-icon img{width:48px;height:auto;display:block}.auth-modal h2{font:700 var(--t-large) var(--font-display)}.auth-modal .sub{font:400 var(--t-body) var(--font-sans);color:var(--on-dark-1);margin:10px 0 26px}.sso{cursor:pointer;width:100%;height:50px;font:700 var(--t-headline) var(--font-display);border:0;border-radius:12px;justify-content:center;align-items:center;margin-bottom:10px;display:flex;position:relative}.sso svg{position:absolute;left:20px}.sso:disabled{opacity:.5;cursor:not-allowed}.sso.google{background:var(--r-white);color:var(--r-black-900)}.sso.google:hover:not(:disabled){background:var(--r-paper-100)}.sso.naver{color:var(--r-white);background:#03c75a}.sso.naver:hover:not(:disabled){filter:brightness(.94)}.auth-alt{margin:6px 0 0}.auth-alt button{color:var(--on-dark-2);font:500 13px/1 var(--font-sans);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:8px;text-decoration:underline}.auth-email{text-align:left;margin-top:8px}.auth-email .input{background:var(--on-dark-fill);border-color:var(--on-dark-3);width:100%;color:var(--r-white);margin-bottom:8px}.auth-email .input::placeholder{color:var(--on-dark-2)}.auth-err{background:color-mix(in srgb, var(--r-error) 35%, transparent);color:var(--r-paper-100);text-align:left;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:13px}.fineprint{font:400 var(--t-footnote) var(--font-sans);color:var(--on-dark-2);margin:22px 0 0}.fineprint a{text-underline-offset:2px;color:var(--on-dark-2);text-decoration:underline}.fineprint a:hover{color:var(--r-white)}.legal{max-width:760px;margin:0 auto;padding:48px 24px 96px}.legal h1{font:700 var(--t-large) var(--font-display);margin-bottom:8px}.legal h2{font:600 var(--t-body-lg) var(--font-sans);margin:36px 0 10px}.legal p,.legal li{font:400 var(--t-body-sm) var(--font-sans);color:var(--text-sub)}.legal ul,.legal ol{padding-left:20px}.legal table{border-collapse:collapse;width:100%;font:400 var(--t-body-sm) var(--font-sans);margin:8px 0}.legal th,.legal td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:8px 10px}.legal th{background:var(--surface);font-weight:500}.legal .todo{background:color-mix(in srgb, var(--r-poster-orange) 30%, transparent);border-radius:4px;padding:0 4px}.login-needed{text-align:center;max-width:460px;margin:80px auto}.login-needed p{color:var(--text-muted);margin:10px 0 20px}.section-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 20px;display:grid}.card{flex-direction:column;min-width:0;display:flex}.thumb{aspect-ratio:16/10;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);max-width:100%;display:block;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.card:hover .thumb img{transform:scale(1.03)}.thumb .no-img{--tile:var(--r-blue);--tile-text:var(--r-white);background:var(--tile);color:var(--tile-text);flex-direction:column;justify-content:space-between;padding:16px 18px;display:flex;position:absolute;inset:0}.no-img.product{--tile:var(--r-calendar-blue)}.no-img.leather{--tile:var(--r-poster-orange);--tile-text:var(--r-black-900)}.no-img.diary{--tile:var(--r-calendar-red)}.no-img.visual{--tile:var(--r-poster-coral);--tile-text:var(--r-black-900)}.no-img.ai-work{--tile:var(--r-poster-green);--tile-text:var(--r-black-900)}.no-img.ai-news{--tile:var(--r-navy)}.no-img-source{font:600 var(--t-h3) var(--font-serif);text-wrap:balance;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.no-img-note{font:500 var(--t-eyebrow) var(--font-sans);letter-spacing:var(--ls-eyebrow);opacity:.7}.save-btn{background:color-mix(in srgb, var(--r-white) 92%, transparent);cursor:pointer;width:34px;height:34px;color:var(--r-gray-700);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 1px 4px #1a1a1a1f}.save-btn:hover{background:var(--r-white);color:var(--r-black-900)}.save-btn.on{background:var(--primary);color:var(--on-primary)}.meta{font:400 var(--t-caption) var(--font-sans);color:var(--text-muted);align-items:center;gap:6px;min-width:0;margin-top:12px;display:flex}.meta .src{color:var(--text-sub);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.card-title{font:700 var(--t-body) var(--font-sans);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;display:-webkit-box;overflow:hidden}.card-title:hover{text-underline-offset:3px;text-decoration:underline}.card-desc{font:400 var(--t-body-sm) var(--font-sans);color:var(--text-sub);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-desc.none{color:var(--text-muted);font-style:italic}.chip{--chip:var(--r-blue);--chip-text:var(--r-white);font:600 var(--t-caption) var(--font-sans);background:var(--chip);color:var(--chip-text);border-radius:6px;align-self:flex-start;margin-top:10px;padding:3px 8px}.chip.product{--chip:var(--r-calendar-blue)}.chip.leather{--chip:var(--r-poster-orange);--chip-text:var(--r-black-900)}.chip.diary{--chip:var(--r-calendar-red)}.chip.visual{--chip:var(--r-poster-coral);--chip-text:var(--r-black-900)}.chip.ai-work{--chip:var(--r-poster-green);--chip-text:var(--r-black-900)}.chip.ai-news{--chip:var(--r-navy)}.empty-state{text-align:center;border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);padding:64px 24px}.skeleton{background:linear-gradient(90deg, var(--surface), var(--surface-raised), var(--surface));background-size:200% 100%;border-radius:8px;animation:1.2s infinite sk}@keyframes sk{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}.card:hover .thumb img{transform:none}}.overlay{background:var(--scrim);z-index:50;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface-raised);border-radius:16px;width:100%;max-width:620px;max-height:90vh;padding:28px;overflow:auto}.modal h2{margin-bottom:6px}.cat-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 20px;display:grid}.cat-opt{border:1px solid var(--border);text-align:left;background:var(--surface-raised);cursor:pointer;font:500 var(--t-body-sm) var(--font-sans);border-radius:10px;padding:14px 12px}.cat-opt:hover{border-color:var(--primary)}.cat-opt.on{border-color:var(--primary);background:var(--accent-tint);color:var(--text);box-shadow:inset 0 0 0 1px var(--primary)}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.list{flex-direction:column;gap:10px;display:flex}.row-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);align-items:center;gap:16px;padding:16px 18px;display:flex}.row-card:hover{border-color:var(--primary)}.row-card .grow{flex:1;min-width:0}.steps{flex-direction:column;gap:8px;margin-top:20px;display:flex}.step{border:1px solid var(--border);border-radius:10px;gap:14px;padding:14px 16px;display:flex}.step.current{border-color:var(--primary);background:var(--accent-tint)}.step .no{font:700 var(--t-eyebrow) var(--font-sans);letter-spacing:var(--ls-eyebrow);color:var(--primary);flex-shrink:0;width:72px;padding-top:4px}.status-table{border-collapse:collapse;width:100%;font:400 var(--t-body-sm) var(--font-sans)}.status-table th,.status-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:12px 10px}.status-table th{font:700 var(--t-eyebrow) var(--font-sans);letter-spacing:var(--ls-eyebrow);color:var(--text-muted)}.badge{font:700 var(--t-eyebrow) var(--font-sans);white-space:nowrap;border-radius:6px;padding:3px 8px;display:inline-block}.badge.done{background:var(--accent-tint);color:var(--primary)}.badge.verified{background:var(--primary);color:var(--on-primary)}.badge.todo{background:var(--surface);color:var(--text-muted)}.badge.partial{background:var(--r-poster-orange);color:var(--r-black-900)}@media (width<=1280px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.navlinks .work{display:none}}@media (width<=1024px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-body{grid-template-columns:1fr;gap:0;padding-top:24px}.cat-side{display:none}.cat-tabs{scrollbar-width:none;gap:8px;margin-bottom:20px;display:flex;overflow-x:auto}.cat-tabs a{border:1px solid var(--border);height:36px;font:500 var(--t-label) var(--font-sans);color:var(--text-sub);border-radius:999px;flex-shrink:0;align-items:center;padding:0 14px;display:inline-flex}.cat-tabs a.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.hero{height:440px}.hero h1{font-size:48px}}@media (width<=860px){:root{--t-h1:32px / 42px;--t-h2:24px / 32px}.navlinks{display:none}.menu-btn{display:inline-flex}.topnav-inner{gap:12px;padding:0 16px}.search{width:150px}.drawer{background:var(--nav-bg);z-index:19;padding:8px 16px 16px;display:block;position:fixed;inset:56px 0 auto}.drawer a{font:400 var(--t-title3) var(--font-sans);color:var(--on-dark-1);border-bottom:1px solid var(--on-dark-3);padding:12px 4px;display:block}.page,.home-body{padding:20px 16px 48px}.cat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.grid{grid-template-columns:1fr}.hero{height:380px}.hero h1{font-size:34px}.hero p{font-size:15px}.nav-right .btn-design{display:none}.search{width:120px}}.sso.outline{color:var(--r-white);border:1px solid var(--on-dark-3);background:0 0}.sso.outline:hover:not(:disabled){background:var(--on-dark-fill)}.auth-divider{border:0;border-top:1px solid var(--on-dark-3);margin:8px 0 18px}.auth-back{color:var(--on-dark-2);font:500 13px/1 var(--font-sans);cursor:pointer;background:0 0;border:0;padding:12px 8px 0}.auth-back:hover{color:var(--r-white)}.auth-info{background:color-mix(in srgb, var(--r-poster-orange) 22%, transparent);color:var(--r-white);text-align:left;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:13px}.auth-tabs{background:var(--on-dark-fill);border-radius:10px;gap:4px;margin-bottom:12px;padding:4px;display:flex}.auth-tabs button{height:36px;color:var(--on-dark-2);font:600 14px/1 var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1}.auth-tabs button.on{background:var(--primary);color:var(--on-primary)}.home-guide{text-align:left;background:var(--on-dark-fill-2);font:400 14px/1.6 var(--font-sans);border-radius:12px;padding:16px 18px}.home-guide ol{color:var(--on-dark-1);margin:10px 0 12px;padding-left:20px}.copy-row{align-items:center;gap:8px;display:flex}.copy-row code{text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all;background:#00000040;border-radius:8px;flex:1;min-width:0;padding:8px 10px;font-size:13px;overflow:hidden}.copy-row button{background:var(--primary);height:36px;color:var(--on-primary);cursor:pointer;border:0;border-radius:8px;padding:0 12px;font-weight:700}.auth-find{color:var(--on-dark-3);justify-content:center;align-items:center;gap:6px;margin-top:10px;font-size:12px;display:flex}.auth-find button{color:var(--on-dark-2);font:500 13px/1 var(--font-sans);cursor:pointer;background:0 0;border:0;padding:6px 4px}.auth-find button:hover{color:var(--r-white);text-underline-offset:3px;text-decoration:underline}.auth-note{color:var(--on-dark-2);margin:0 0 10px;font-size:13px}.reset-box{max-width:400px;margin:80px auto;padding:0 16px}.reset-box h2{margin-bottom:8px}.reset-box p{color:var(--text-muted);margin:0 0 20px}.reset-box .input{width:100%;margin-bottom:10px}