*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-size:var(--font-md);line-height:var(--lh-normal)}a{text-decoration:none}a,button{color:inherit}button{font:inherit}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.side{position:-webkit-sticky;position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-xl) var(--space-md);background:var(--surface);border-right:1px solid var(--border)}.side__brand{font-size:var(--font-xxl);font-weight:700;padding:0 var(--space-sm) var(--space-md)}.side__nav{display:flex;flex-direction:column;gap:2px}.side__link{display:block;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);font-size:var(--font-md);color:var(--text-dim)}.side__link:hover{background:var(--panel);color:var(--text)}.side__link--active{background:var(--accent-soft);color:var(--accent);font-weight:600}.side__link--soon{color:var(--text-faint);cursor:default}.side__link--soon:after{content:"곧";float:right;font-size:var(--font-xs)}.side__foot{margin-top:auto;padding-top:var(--space-md);border-top:1px solid var(--border)}.side__signout{width:100%;text-align:left;padding:var(--space-sm) var(--space-md);background:none;border:0;border-radius:var(--radius-lg);font-size:var(--font-smd);color:var(--text-dim);cursor:pointer}.side__signout:hover{background:var(--panel);color:var(--text)}.main{min-width:0;padding:var(--space-xxxl) var(--space-xxl)}.shell--fill{height:100vh;overflow:hidden}.main--fill{padding:0;min-height:0;height:100%}.page{max-width:720px;margin:0 auto}.page__title{font-size:var(--font-display);font-weight:700;margin:0 0 var(--space-xl)}@media (max-width:720px){.shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.side{position:static;height:auto;flex-direction:row;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-right:0;border-bottom:1px solid var(--border)}.side__brand{padding:0;font-size:var(--font-xl)}.side__nav{flex-direction:row;gap:var(--space-xs)}.side__link--soon{display:none}.side__foot{margin:0 0 0 auto;padding:0;border:0}.main{padding:var(--space-xl) var(--space-lg)}}.empty{color:var(--text-dim);line-height:var(--lh-reading)}.daygroup__label{font-size:var(--font-sm);color:var(--text-faint);margin:var(--space-xxl) 0 var(--space-sm)}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.row{display:block;padding:var(--space-md) var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl)}.row:hover{border-color:var(--accent)}.row__meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-xs)}.row__time{font-size:var(--font-sm);color:var(--text-faint)}.row__content{margin:0;color:var(--text);line-height:var(--lh-normal);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.chip{display:inline-block;padding:2px var(--space-sm);font-size:var(--font-sm);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-pill);white-space:nowrap}.chip--muted{color:var(--text-faint)}.back{display:inline-block;margin-bottom:var(--space-md);font-size:var(--font-smd);color:var(--text-dim)}.back:hover{color:var(--text)}.content{display:block;white-space:pre-wrap;font-size:var(--font-lg);line-height:var(--lh-reading);margin:var(--space-sm) 0}.mood{color:var(--text-dim)}.card{background:var(--gold-soft);border:1px solid var(--gold-border);border-radius:var(--radius-xl);padding:var(--space-lg);margin:var(--space-xl) 0}.card__title{font-size:var(--font-smd);font-weight:600;color:var(--gold-text);margin:0 0 var(--space-sm)}.card p{margin:0;line-height:var(--lh-reading)}.labels{margin:var(--space-lg) 0}.labels__title{font-size:var(--font-sm);color:var(--text-faint);margin:0 0 var(--space-xs);font-weight:400}.labels__chips{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.login{min-height:100vh;display:grid;place-items:center;padding:var(--space-xl)}.login__box{width:100%;max-width:360px}.login__title{font-size:var(--font-display);font-weight:700;margin:0 0 var(--space-xs)}.login__slogan{color:var(--text-dim);margin:0 0 var(--space-xl)}.login__hint{font-size:var(--font-smd);color:var(--text-faint);line-height:var(--lh-reading)}.login__buttons{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg)}.login__button{padding:var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer}.login__button:hover:not(:disabled){border-color:var(--accent)}.login__button:disabled{color:var(--text-faint);cursor:default}.login__error{font-size:var(--font-smd);color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.write__area{width:100%;padding:var(--space-lg);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-xl);font:inherit;line-height:var(--lh-reading);resize:vertical}.write__area:focus{outline:none;border-color:var(--accent)}.write__depth{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-sm) 0 var(--space-xl);font-size:var(--font-smd);color:var(--text-faint)}.write__dots{display:inline-flex;gap:var(--space-xs)}.write__dot{width:6px;height:6px;border-radius:var(--radius-pill);background:var(--border)}.write__dot--on{background:var(--accent)}.write__count{margin-left:auto}.chip--button{background:none;cursor:pointer}.chip--button:hover,.chip--on{border-color:var(--accent)}.chip--on{background:var(--accent-soft);color:var(--accent)}.write__submit{display:block;width:100%;margin-top:var(--space-xxl);padding:var(--space-md);background:var(--accent-fill);color:var(--accent-text);border:0;border-radius:var(--radius-lg);font-weight:600;cursor:pointer}.write__submit:disabled{background:var(--panel);color:var(--text-faint);cursor:default}.write__note{font-size:var(--font-sm);color:var(--text-faint);text-align:center}.write__ghost{display:block;width:100%;margin-top:var(--space-sm);padding:var(--space-md);background:none;border:0;color:var(--text-dim);cursor:pointer}.write__ghost:disabled{color:var(--text-faint);cursor:default}.write__saved{text-align:center;font-size:var(--font-smd);color:var(--text-dim)}.write__saved a{color:var(--accent);text-decoration:underline}.analysis__title{font-size:var(--font-xxl);font-weight:700;margin:var(--space-lg) 0 0}.quote{margin:var(--space-md) 0 0;padding-left:var(--space-md);border-left:2px solid var(--gold-border);font-size:var(--font-smd);color:var(--text-dim);line-height:var(--lh-reading)}.quote__why{display:block;margin-top:var(--space-xs);color:var(--text-faint)}.conflict{margin:var(--space-lg) 0}.conflict__poles{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin:0}.conflict__vs{color:var(--text-faint)}.conflict__why,.labels__note{margin:var(--space-xs) 0 0;font-size:var(--font-smd);color:var(--text-dim);line-height:var(--lh-reading)}.graphframe{display:block;width:100%;height:100%;border:0;background:var(--surface)}.periodpick{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:rgba(0,0,0,.4)}.periodpick__box{min-width:240px;display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl)}.periodpick__item{display:flex;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:none;border:0;border-radius:var(--radius-lg);text-align:left;cursor:pointer}.periodpick__item:hover:not(:disabled){background:var(--panel)}.periodpick__item--on{background:var(--accent-soft);color:var(--accent);font-weight:600}.periodpick__item:disabled{color:var(--text-faint);cursor:default}.periodpick__lock{font-size:var(--font-xs);color:var(--accent)}.periodpick__close{margin-top:var(--space-xs);padding:var(--space-sm);background:none;border:0;color:var(--text-dim);cursor:pointer}.chip__n{color:var(--text-faint)}.trait{margin-top:var(--space-md)}.labels__gloss{margin:var(--space-xs) 0 0;font-size:var(--font-smd);color:var(--text-faint);line-height:var(--lh-reading)}.feedback{margin:var(--space-xxl) 0;padding-top:var(--space-lg);border-top:1px solid var(--border)}.feedback__row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-sm)}.today{display:flex;flex-direction:column;gap:var(--space-sm)}.today__item{padding:var(--space-md) var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);line-height:var(--lh-reading)}.today__item:hover{border-color:var(--accent)}.banner{display:block;margin:var(--space-xxl) 0 var(--space-lg);padding:var(--space-lg);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xl)}.banner strong{color:var(--accent)}.banner p,.banner strong{font-size:var(--font-smd)}.banner p{margin:var(--space-sm) 0 0;color:var(--text-dim);line-height:var(--lh-reading)}.banner__cta{display:block;padding:var(--space-md);text-align:center;color:var(--accent);border:1px solid var(--border);border-radius:var(--radius-lg)}.banner__cta:hover{border-color:var(--accent)}.login__email{display:flex;flex-direction:column;gap:var(--space-sm)}.login__input{padding:var(--space-md);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);font:inherit}.login__input:focus{outline:none;border-color:var(--accent)}.login__divider{margin:var(--space-lg) 0 var(--space-sm);text-align:center;font-size:var(--font-sm);color:var(--text-faint)}