:root{--bg: #f7f6f3;--surface: #ffffff;--surface-2: #f2f0ea;--ink: #292929;--ink-2: #56514a;--ink-3: #726a5f;--line: #e8e4db;--line-strong: #d8d2c6;--accent: #292929;--accent-ink: #292929;--accent-soft: #f0ece2;--danger: #c4281c;--radius: 12px;--radius-sm: 8px;--font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;--gutter: 16px;--header-h: 52px;--page-max: 1100px;--main-max: 720px;--rail-w: 0px;--side-w: 288px;--col-gap: 40px;--read-max: 640px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 12px)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.55;word-break:keep-all;overflow-wrap:anywhere}h1,h2,h3,p,ul,ol,figure,fieldset{margin:0;padding:0}ul,ol{list-style:none}fieldset{border:0;min-width:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:6px}main:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:8px;top:-48px;z-index:300;background:var(--ink);color:#fff;padding:8px 14px;border-radius:8px}.skip-link:focus{top:8px}.hint{color:var(--ink-3);font-size:12.5px;font-weight:400}.hint a,.empty a{color:var(--ink);text-decoration:underline}.error{color:var(--danger);font-size:13.5px;margin:8px 0}.icon{flex:none}.logo{display:block;height:var(--logo-h, 20px);width:auto;aspect-ratio:3998 / 831;color:var(--ink);flex:none}.brand-home{display:inline-flex;align-items:center;border-radius:8px;transition:opacity .15s}.brand-home:hover{opacity:.68}.header{position:sticky;top:0;z-index:100;background:#fcfbf8eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.header__inner{max-width:var(--page-max);margin:0 auto;height:var(--header-h);padding:0 var(--gutter);display:flex;align-items:center;gap:8px}.header__brand{display:inline-flex;align-items:center;height:40px;--logo-h: 19px;transition:opacity .2s}.header__brand.is-hidden{opacity:0;visibility:hidden}.header__search{display:none;position:relative;flex:0 1 300px}.header__search .icon-btn{position:absolute;right:0;top:50%;transform:translateY(-50%)}.input--search{padding:0 40px 0 14px;height:38px;border-radius:999px;background:var(--surface-2);font-size:14px}.header__nav{display:flex;align-items:center;gap:2px;margin-left:auto}.header__me{position:relative}.header__count{position:absolute;top:2px;right:0;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--accent-ink);color:#fff;font-size:10.5px;font-weight:700;line-height:17px;text-align:center}.account{position:relative;margin-left:4px}.account__chip{list-style:none;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);cursor:pointer;font-size:13px;font-weight:600;white-space:nowrap}.account__chip::-webkit-details-marker{display:none}.account__dot{width:7px;height:7px;border-radius:50%;background:var(--ink-3)}.account__dot--member{background:var(--ink)}.account__nick{display:none;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2);font-weight:500}.account__menu{position:absolute;right:0;top:calc(100% + 8px);width:240px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 28px #0000001a}.account__who{padding:8px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:6px}.menu-item{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:40px;padding:0 10px;border:0;background:none;border-radius:8px;text-align:left;font-size:14px}.menu-item:hover{background:var(--surface-2)}.layout{max-width:var(--page-max);margin:0 auto;padding:0 var(--gutter) 48px;display:grid;grid-template-columns:minmax(0,1fr);gap:28px}.layout__main{min-width:0;width:100%;max-width:720px;margin:0 auto}.sidebar,.rail{display:none}.footer{max-width:var(--page-max);margin:0 auto;text-align:center;color:var(--ink-3);font-size:12px;padding:24px var(--gutter) 40px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.page-title{font-size:19px;font-weight:800;margin:16px 0 10px;letter-spacing:-.01em}.empty{text-align:center;color:var(--ink-2);padding:40px 16px;display:grid;gap:14px;justify-items:center}.empty--sm{padding:16px 8px;font-size:14px;color:var(--ink-3)}.back{margin-top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 16px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:700;white-space:nowrap;transition:background-color .15s,border-color .15s}.btn--sm{height:34px;padding:0 12px;font-size:13px;font-weight:600;border-radius:8px}.btn--block{width:100%}.btn--primary{background:var(--ink);color:#fff}.btn--primary:hover:not(:disabled){background:#000}.btn--primary:disabled{background:#dcd7cc;color:#fff}.btn--ghost{background:var(--surface);border-color:var(--line-strong);color:var(--ink-2)}.btn--ghost:hover:not(:disabled){border-color:var(--ink-3);color:var(--ink)}.btn--ghost[aria-expanded=true]{background:var(--ink);border-color:var(--ink);color:#fff}.btn--danger{background:var(--danger);color:#fff}.btn--icon-only{padding:0;width:34px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:50%;background:none;color:var(--ink-2)}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.input{width:100%;padding:10px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);font-size:16px;line-height:1.5}.input::placeholder{color:var(--ink-3)}.input:focus-visible{outline-offset:0;border-color:var(--ink)}textarea.input{resize:vertical;display:block}.select{height:30px;padding:0 6px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:12.5px;color:var(--ink-2)}.field{display:block;margin-bottom:12px}.field__label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.badge{display:inline-flex;align-items:center;height:17px;padding:0 5px;border-radius:4px;font-size:10.5px;font-weight:700;line-height:1;white-space:nowrap;background:#edeae1;color:var(--ink-2);vertical-align:1px}.badge--guest{background:#edeae1;color:var(--ink-2)}.badge--op{background:var(--ink);color:#fff}.badge--best,.badge--new{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);font-weight:800}.badge--mine{background:none;border:1px solid var(--line-strong);color:var(--ink-2)}.emo-chips{display:inline-flex;flex-wrap:wrap;gap:4px}.emo-chip{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px 0 6px;border-radius:999px;font-size:11.5px;font-weight:700;line-height:1;white-space:nowrap;color:hsl(var(--h) calc(var(--s) * .72) 26%);background:hsl(var(--h) calc(var(--s) * .95) 93%);border:1px solid transparent}.emo-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:hsl(var(--h) var(--s) 52%)}.emo-chip--btn{height:30px;padding:0 10px 0 9px;font-size:12.5px;background:var(--surface);border-color:var(--line-strong);color:var(--ink-2)}.emo-chip--btn.is-on{background:hsl(var(--h) calc(var(--s) * .95) 93%);border-color:hsl(var(--h) var(--s) 52%);color:hsl(var(--h) calc(var(--s) * .72) 24%)}.emo-chip--btn:disabled{opacity:.4}.emo-picker legend{font-size:12.5px;font-weight:700;margin-bottom:6px}.emo-picker__list{display:flex;flex-wrap:wrap;gap:5px}.hero{text-align:center;padding:12px 0;--logo-h: 34px}.hero__brand{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;margin:9px 0}.hero__side{display:flex;flex-direction:column;gap:7px}.hero__side--left{align-items:flex-end}.hero__side--right{align-items:flex-start}.hero__words{display:flex;justify-content:space-between;align-items:center;max-width:296px;margin:0 auto}.hero__word{position:relative;display:inline-block;border:1px solid transparent;cursor:pointer;font-family:inherit;font-size:10.5px;font-weight:700;line-height:1;padding:3px 6px;border-radius:999px;white-space:nowrap;color:hsl(var(--h) calc(var(--s) * .72) 28%);background:hsl(var(--h) calc(var(--s) * .9) 94%);transform:translate(var(--dx),var(--dy)) rotate(var(--tilt));transition:opacity .15s,background-color .15s}.hero__word:after{content:"";position:absolute;top:-8px;right:-5px;bottom:-8px;left:-5px}.hero__side .hero__word:after{top:-4px;right:-6px;bottom:-4px;left:-6px}.hero__word:hover{background:hsl(var(--h) calc(var(--s) * .95) 89%);border-color:hsl(var(--h) var(--s) 62%)}.hero__word.is-drift{animation:word-drift var(--dur) ease-in-out var(--delay) infinite}@keyframes word-drift{0%,to{transform:translate(var(--dx),var(--dy)) rotate(var(--tilt))}50%{transform:translate(calc(var(--dx) + 2px),calc(var(--dy) - 3px)) rotate(var(--tilt))}}.hero.has-filter .hero__word{opacity:.5}.hero.has-filter .hero__word:hover,.hero.has-filter .hero__word:focus-visible{opacity:.85}.hero .hero__word[aria-pressed=true]{opacity:1;padding-left:15px;color:hsl(var(--h) calc(var(--s) * .72) 24%);background:hsl(var(--h) calc(var(--s) * .95) 89%);box-shadow:0 0 0 1.5px hsl(var(--h) var(--s) 52%)}.hero__word[aria-pressed=true]:before{content:"";position:absolute;left:6px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:hsl(var(--h) var(--s) 45%)}.hero__title{font-size:17px;font-weight:800;letter-spacing:-.025em;margin-top:13px}.hero__sub{font-size:13px;color:var(--ink-2);margin-top:1px}.hero__cue{font-size:11.5px;color:var(--ink-3);margin-top:6px}.layout--rail .rail{display:block;min-width:0}.rail__inner{position:sticky;top:calc(var(--header-h) + 18px);padding-bottom:8px}.rail__brand{--logo-h: 30px;margin:0 0 14px -2px;padding:2px}.rail__title{font-size:17px;font-weight:800;line-height:1.45;letter-spacing:-.025em}.rail__sub{margin-top:5px;font-size:12.5px;line-height:1.5;color:var(--ink-2)}.rail__nav{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}.rail__cue{font-size:11.5px;font-weight:800;letter-spacing:.02em;color:var(--ink-3);margin-bottom:9px}.rail__words{display:flex;flex-wrap:wrap;gap:6px}.rail__word{display:inline-block;padding:4px 9px;border:1px solid transparent;border-radius:999px;font-family:inherit;font-size:12px;font-weight:700;line-height:1.35;white-space:nowrap;color:hsl(var(--h) calc(var(--s) * .72) 28%);background:hsl(var(--h) calc(var(--s) * .9) 94%);transition:background-color .15s,border-color .15s,opacity .15s}.rail__word:hover{background:hsl(var(--h) calc(var(--s) * .95) 89%);border-color:hsl(var(--h) var(--s) 62%)}.rail__nav.has-filter .rail__word{opacity:.5}.rail__nav.has-filter .rail__word:hover,.rail__nav.has-filter .rail__word:focus-visible{opacity:.85}.rail__word[aria-pressed=true]{opacity:1;padding-left:18px;position:relative;color:hsl(var(--h) calc(var(--s) * .72) 24%);background:hsl(var(--h) calc(var(--s) * .95) 89%);border-color:hsl(var(--h) var(--s) 52%)}.rail__word[aria-pressed=true]:before{content:"";position:absolute;left:8px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:hsl(var(--h) var(--s) 45%)}.rail__clear{display:inline-flex;align-items:center;gap:4px;height:30px;margin-top:12px;padding:0 9px 0 7px;border:0;border-radius:6px;background:none;font-size:12.5px;font-weight:700;color:var(--ink-2)}.rail__clear:hover{background:var(--surface-2);color:var(--ink)}.today{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}.today__list{display:grid;gap:7px;margin-bottom:9px}.today__row{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr) 30px;align-items:center;gap:8px;width:100%;padding:3px 4px;border:0;border-radius:6px;background:none;text-align:left;font-family:inherit}.today__row:hover{background:var(--surface-2)}.today__label{font-size:12px;font-weight:700;color:hsl(var(--h) calc(var(--s) * .72) 26%);white-space:nowrap}.today__bar{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.today__bar span{display:block;height:100%;border-radius:999px;background:hsl(var(--h) var(--s) 56%)}.today__pct{font-size:11.5px;font-weight:700;color:var(--ink-3);text-align:right}.today__row[aria-pressed=true] .today__pct{color:var(--ink)}.today__row[aria-pressed=true]{background:var(--surface-2);box-shadow:inset 0 0 0 1px hsl(var(--h) var(--s) 52%)}.today__sum{font-size:11.5px;line-height:1.5;color:var(--ink-3)}.today__empty{font-size:11.5px;line-height:1.55;color:var(--ink-3)}.today-line{display:none;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px 8px;margin:10px 0 0;font-size:12.5px;color:var(--ink-2)}.today-line__label{font-weight:800}.today-line__sep{color:var(--line-strong)}.today-line__emo{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px 0 7px;border:1px solid transparent;border-radius:999px;font-family:inherit;font-size:11.5px;font-weight:700;line-height:1;white-space:nowrap;color:hsl(var(--h) calc(var(--s) * .72) 26%);background:hsl(var(--h) calc(var(--s) * .95) 93%);transition:background-color .15s,border-color .15s}.today-line__emo:before{content:"";width:5px;height:5px;border-radius:50%;background:hsl(var(--h) var(--s) 52%)}.today-line__emo:hover{background:hsl(var(--h) calc(var(--s) * .95) 89%);border-color:hsl(var(--h) var(--s) 62%)}.today-line__emo[aria-pressed=true]{background:hsl(var(--h) calc(var(--s) * .95) 89%);border-color:hsl(var(--h) var(--s) 52%)}.today-line__pct{font-weight:700;opacity:.75}@media (min-width: 768px){.today-line{display:flex}}@media (max-width: 899px){.today-line__emo:nth-of-type(n+3){display:none}}.filterbar{display:flex;align-items:center;gap:6px;padding:8px 0;font-size:13px;color:var(--ink-2)}.filterbar__text{flex:1;min-width:0}.filterbar__clear{display:inline-flex;align-items:center;gap:3px;height:30px;padding:0 8px;border:0;border-radius:6px;background:none;font-size:12.5px;font-weight:700;color:var(--ink-2)}.filterbar__clear:hover{background:var(--surface-2);color:var(--ink)}.composer{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.composer__box{background:var(--surface);border:1px solid var(--line-strong);border-radius:14px;padding:10px 12px;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;transition:border-color .15s,box-shadow .15s}.composer__box:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px #29292914}.composer__body{display:block;width:100%;border:0;outline:none;resize:none;background:none;padding:4px 2px 0;font-size:16px;line-height:1.5;min-height:28px}.composer__body::placeholder{color:var(--ink-3);font-weight:600}.composer__hint{font-size:11.5px;color:var(--ink-3);padding:0 2px;margin-top:-5px}.composer__extra{display:flex;align-items:center;gap:8px;min-height:24px}.composer__add{flex:none;border:0;background:none;padding:4px 2px;font-size:12.5px;font-weight:700;color:var(--ink-2);border-radius:4px}.composer__add:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.composer__bar{display:flex;align-items:center;justify-content:space-between;gap:8px}.composer__tools{display:flex;gap:5px;flex:none}.composer__who{flex:1;min-width:0;text-align:right;font-size:12px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer .field{margin:0}.composer--page .composer__box{border-width:1px;border-color:var(--line-strong)}.composer--page .composer__box:focus-within{border-color:var(--ink)}.media{position:relative;overflow:hidden;border-radius:var(--radius-sm);background:var(--surface-2)}.media img{width:100%;height:100%;object-fit:cover}.media--missing{padding:16px;font-size:13px;color:var(--ink-3);text-align:center}.media__tag{position:absolute;left:5px;bottom:5px;padding:1px 5px;border-radius:4px;background:#000000b3;color:#fff;font-size:10px;font-weight:800}.media-preview{position:relative;width:120px}.media-preview .media{width:120px;height:90px}.media-preview__remove{position:absolute;top:-8px;right:-8px;width:26px;height:26px;background:var(--ink);color:#fff}.media-preview__remove:hover{background:#000;color:#fff}.tabs{display:flex;gap:2px;margin:12px 0 0;border-bottom:1px solid var(--line-strong)}.tabs--inset{margin-top:0;margin-bottom:8px}.tabs__item{position:relative;display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 14px;font-weight:700;color:var(--ink-3)}.tabs__item:hover,.tabs__item.is-active{color:var(--ink)}.tabs__item.is-active:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2.5px;background:var(--ink)}.tabs__count{font-size:12px;font-weight:700;color:var(--ink-3)}.tabs__count--new{background:var(--accent-ink);color:#fff;border-radius:999px;padding:0 6px}.periods{display:flex;gap:6px;overflow-x:auto;padding:10px 0 2px}.periods__item{flex:none;display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);font-size:13.5px;font-weight:700;color:var(--ink-2)}.periods__item.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.feed{display:grid;grid-template-columns:minmax(0,1fr);background:var(--surface);border-bottom:1px solid var(--line);margin:0 calc(var(--gutter) * -1)}.feed:empty{display:none}.feed__note{margin:10px 2px 8px}.tabs+.feed{border-top:0}.post{display:flex;gap:12px;padding:13px var(--gutter) 6px;border-top:1px solid var(--line)}.feed>.post:first-child{border-top:0}.post.is-new{animation:flash-in 2s ease-out;box-shadow:inset 3px 0 0 var(--accent)}@keyframes flash-in{0%{background:var(--accent-soft)}to{background:var(--surface)}}.post__main{flex:1;min-width:0}.post__rank{flex:none;width:22px;padding-top:1px;font-size:19px;font-weight:900;line-height:1.2;color:var(--ink-3);text-align:center}.post--ranked:nth-of-type(-n+3) .post__rank{color:var(--accent-ink)}.post__link{display:flex;gap:12px;align-items:flex-start;border-radius:6px}.post__text{flex:1;min-width:0}.post__title{font-size:16px;font-weight:700;line-height:1.4;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post__link:hover .post__title{text-decoration:underline;text-underline-offset:3px}.post__link:visited .post__title{color:var(--ink-2)}.post__preview{margin-top:2px;color:var(--ink-2);font-size:14px;line-height:1.5;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post__thumb{flex:none;width:72px;height:72px}.post__hit{margin-top:6px}.peek{display:flex;align-items:center;gap:6px;margin-top:8px;padding-left:9px;border-left:2px solid var(--line-strong);font-size:13px;color:var(--ink-2);min-height:24px}.peek:hover{border-left-color:var(--ink)}.peek__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.peek__text strong{color:var(--ink);font-weight:700;margin-right:6px}.peek .badge--best{background:none;box-shadow:none;color:var(--ink);padding:0;font-size:11px}.peek__likes{flex:none;font-size:12px;color:var(--ink-3)}.post__foot{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;margin-top:4px}.post__meta{flex:1 1 220px;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:3px 8px;font-size:12.5px;color:var(--ink-3)}.post__by{display:inline-flex;flex-wrap:wrap;align-items:center;gap:0 4px}.post__nick{color:var(--ink-2);font-weight:600}.post__thread{border-top:1px solid var(--line);margin-top:4px;padding:12px 0 8px}.post__more{display:inline-flex;align-items:center;height:36px;margin-top:4px;font-size:13px;font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:3px}.actions{display:flex;align-items:center;gap:2px;margin:10px -8px 0}.actions--compact{margin:0 -8px 0 auto}.actions__spacer{flex:1}.act{display:inline-flex;align-items:center;gap:5px;height:40px;padding:0 9px;border:0;background:none;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--ink-2)}.actions--compact .act{height:38px;font-size:13px}.act:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.act.is-on{color:var(--ink);font-weight:800}.act--quiet{color:var(--ink-3);font-weight:500;font-size:13px}.act:disabled{opacity:.55}.inline-trend{display:grid;gap:16px;padding:14px var(--gutter);border-top:1px solid var(--line);background:var(--surface-2)}.inline-trend__hot{display:none}.detail{margin-top:10px;padding-bottom:6px}.detail .emo-chips{margin-top:8px}.detail__title{font-size:20px;font-weight:800;line-height:1.35;margin-top:8px;letter-spacing:-.02em}.detail__body{margin-top:10px;font-size:16px;line-height:1.7;white-space:pre-line}.detail__body--lead{font-size:17.5px;font-weight:600}.detail__media{margin-top:14px;max-height:520px}.detail__media img{object-fit:contain;max-height:520px}.detail__comments{margin-top:8px}.byline{display:flex;flex-wrap:wrap;align-items:center;gap:3px 5px;font-size:13px}.byline__name{font-weight:700}.byline__meta{color:var(--ink-3);font-size:12px}.byline__meta .badge{margin-left:5px}.comments__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.comments__title{font-size:15px;font-weight:800}.comments__title span{color:var(--accent-ink)}.cform{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;border:1.5px solid var(--ink);border-radius:10px;padding:8px 8px 8px 12px;margin-bottom:6px;background:var(--surface)}.cform:focus-within{box-shadow:0 0 0 3px #2929291a}.cform--sub{margin:8px 0 6px;border-width:1px;border-color:var(--line-strong)}.cform--sub:focus-within{border-color:var(--ink)}.cform__input{display:block;width:100%;border:0;outline:none;resize:none;background:none;padding:4px 0 0;font-size:16px;line-height:1.5;min-height:28px}.cform__input::placeholder{color:var(--ink-3);font-weight:600}.cform__bar{display:flex;align-items:center;gap:6px}.cform__who{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-size:12px;color:var(--ink-3)}.comment{padding:10px 0 4px;border-top:1px solid var(--line);scroll-margin-top:80px}.comment-list>li:first-child>.comment{border-top:0}.comment--pinned{border-top:0;padding-left:10px;box-shadow:inset 2.5px 0 0 var(--ink);background:linear-gradient(90deg,var(--accent-soft),transparent 60%)}.comment-list__pinned+li>.comment{border-top:1px solid var(--line)}.comment--deleted{color:var(--ink-3);font-size:13px;padding:10px 0}.comment.is-flash{background:var(--accent-soft);box-shadow:0 0 0 6px var(--accent-soft);border-radius:4px;border-top-color:transparent}.comment__body{margin-top:2px;white-space:pre-line;font-size:14.5px;line-height:1.55}.comment__mention{color:var(--accent-ink);font-weight:700}.comment__media{margin-top:6px;width:min(200px,70%)}.comment__actions{display:flex;flex-wrap:wrap;align-items:center;gap:0 2px;margin:0 -6px}.cact{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 6px;border:0;background:none;border-radius:6px;font-size:12.5px;font-weight:600;color:var(--ink-2)}.cact:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.cact.is-on{color:var(--ink);font-weight:800}.cact--quiet{color:var(--ink-3);font-weight:500}.cact:disabled{opacity:.55}.cact[aria-expanded=true]{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.comment-list--replies{margin:0 0 4px 6px;padding-left:14px;border-left:2px solid var(--line)}.comment-list--replies>li>.comment{padding-top:8px}.comment-list--replies>li:first-child>.comment{border-top:0}.reply-bar{position:fixed;left:0;right:0;bottom:0;z-index:90;padding:8px var(--gutter) calc(8px + env(safe-area-inset-bottom));background:#fcfbf8f5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reply-bar__input{display:block;width:100%;height:42px;padding:0 14px;text-align:left;border:1.5px solid var(--ink);border-radius:10px;background:var(--surface);color:var(--ink-3);font-size:15px;font-weight:600}.detail__comments{margin-bottom:64px}.me-card{display:grid;gap:12px}.me-card__nick{font-size:16px}.me-card__btns{display:flex;flex-wrap:wrap;gap:6px}.list-head{display:flex;justify-content:space-between;align-items:center;margin:10px 0 8px}.rows{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.rows>li+li{border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;padding:12px 14px}.row.card{border:0;border-radius:0}.row--new{box-shadow:inset 3px 0 0 var(--accent)}.row__meta{font-size:12.5px;color:var(--ink-3);display:flex;flex-wrap:wrap;gap:4px;align-items:center}.row__meta strong{color:var(--ink-2)}.row__main{font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}a.row__main:hover,a.row:hover .row__main{text-decoration:underline;text-underline-offset:3px}.row__sub{font-size:13px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__btns{display:flex;gap:6px;margin-top:4px}.reset{margin-top:28px;color:var(--ink-3);font-size:13px}.reset summary{cursor:pointer;padding:8px 0}.reset .btn{margin-top:8px}.search-form{display:flex;gap:8px;margin-bottom:4px}.auth{max-width:440px;margin:20px auto 0}.auth__row,.auth__alt{display:grid;gap:8px;margin-top:14px}.auth .btn--block{margin-top:8px}.modal{border:0;padding:0;border-radius:var(--radius);width:min(420px,calc(100vw - 32px));color:var(--ink);box-shadow:0 20px 60px #0000004d}.modal::backdrop{background:#14141473}.modal__body{padding:16px 18px 18px}.modal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.modal__head h2{font-size:17px;font-weight:800}.modal__text{color:var(--ink-2)}.modal__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.radio-list{margin-bottom:12px}.radio-list legend{font-size:13px;font-weight:700;margin-bottom:4px}.radio-list__item{display:flex;align-items:center;gap:8px;min-height:40px;cursor:pointer}.radio-list__item input{width:18px;height:18px;accent-color:var(--ink)}.toast-region{position:fixed;left:0;right:0;bottom:72px;z-index:400;display:flex;justify-content:center;pointer-events:none;padding:0 16px}.toast{background:var(--ink);color:#fff;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:600;animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.side-card{padding:14px 0}.side-card+.side-card{border-top:1px solid var(--line)}.side-card__title{font-size:12.5px;font-weight:800;color:var(--ink-2);margin-bottom:6px;letter-spacing:.01em}.side-card--me{font-size:13px;color:var(--ink-2);display:flex;justify-content:space-between;align-items:center;gap:8px}.side-card__link{font-size:12.5px;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.side-list a{display:flex;gap:8px;align-items:baseline;padding:5px 0;font-size:13.5px;color:var(--ink-2)}.side-list__num{font-weight:800;color:var(--ink-3);width:14px;flex:none}.side-list li:nth-child(-n+3) .side-list__num{color:var(--accent-ink)}.side-list__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-list__meta{color:var(--ink-3);font-size:12px}.side-quotes li+li{margin-top:6px}.side-quotes a{display:block;padding:6px 0 6px 10px;border-left:2px solid var(--line-strong)}.side-quotes a:hover{border-left-color:var(--ink)}.side-quotes__body{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;font-weight:500;color:var(--ink);line-height:1.45}.side-quotes__meta{display:block;margin-top:3px;font-size:12px;color:var(--ink-2)}.side-quotes__post{display:block;margin-top:1px;font-size:11.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-quotes__post:before{content:"↳ "}.side-list a:hover .side-list__text,.side-quotes a:hover .side-quotes__body{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.more{margin-top:12px}.feed-end{margin-top:14px;text-align:center;font-size:12.5px;color:var(--ink-3)}.notice{margin:10px 0;padding:10px 12px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink-2);font-size:13px}.notice--warn{background:var(--accent-soft);color:var(--ink)}.notice a{text-decoration:underline;text-underline-offset:3px}.check{display:flex;align-items:center;gap:8px;min-height:36px;font-size:13.5px;cursor:pointer}.check input{width:17px;height:17px;accent-color:var(--ink)}.auth__lead{margin-bottom:14px}.migrate-box{border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:12px;margin-bottom:16px;background:var(--surface-2)}.migrate-box__title{font-size:13.5px;font-weight:800;margin-bottom:4px}.row--button{width:100%;text-align:left;border:1px solid var(--line);background:var(--surface);font:inherit}.row--button:hover{border-color:var(--line-strong)}.rows>li>.row--button{border-radius:0}.profile{margin-top:12px}.profile__head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}.profile__avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;background:var(--surface-2);display:grid;place-items:center;font-size:22px;font-weight:800;color:var(--ink-3)}.profile__avatar img{width:100%;height:100%;object-fit:cover}.profile__id{min-width:0}.profile__name{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:19px;font-weight:800}.profile__bio{margin-top:3px;color:var(--ink-2);font-size:14px}.profile__actions{grid-column:1 / -1;display:flex;gap:6px}.profile__stats{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.profile__stats div{display:flex;align-items:baseline;gap:5px}.profile__stats dt{font-size:12.5px;color:var(--ink-3)}.profile__stats dd{font-weight:800;font-size:14.5px}.search-users{margin-bottom:14px}.user-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.user-list>li+li{border-top:1px solid var(--line)}.user-list__item,.user-list__row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:11px 14px}.user-list__row{justify-content:space-between}.user-list__name{font-weight:700}.user-list__bio{flex:1;min-width:0;color:var(--ink-2);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-list__meta{color:var(--ink-3);font-size:12.5px}.user-list__item:hover .user-list__name{text-decoration:underline;text-underline-offset:3px}.settings-card{margin-bottom:12px}.settings-card .field:last-of-type{margin-bottom:10px}.settings-card__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.settings-card__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.emo-history{display:grid;gap:6px}.emo-history li{display:grid;grid-template-columns:64px minmax(0,1fr) 32px;align-items:center;gap:8px;font-size:13px}.emo-history__label{color:hsl(var(--h) calc(var(--s) * .72) 26%);font-weight:700}.emo-history__bar{height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden}.emo-history__bar span{display:block;height:100%;border-radius:999px;background:hsl(var(--h) var(--s) 56%)}.emo-history__count{text-align:right;color:var(--ink-3);font-size:12.5px}.admin .tabs{overflow-x:auto}.tabs--scroll .tabs__item{border:0;background:none;font-family:inherit;flex:none}.admin-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:12px 0 18px}.admin-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px;display:grid;gap:2px}.admin-card__label{font-size:12px;color:var(--ink-3)}.admin-card strong{font-size:19px}.mfa-qr__box{display:flex;justify-content:center;margin:12px 0}.mfa-qr{background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px;max-width:100%;height:auto}.admin-card--warn{border-color:#d97706;background:#fffbeb}.admin-card--warn strong{color:#b45309}.admin-list{display:grid;gap:4px;margin-top:8px;font-size:12.5px;color:var(--ink-2)}.admin-list li{padding:5px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}.admin-list code{background:var(--surface-2);padding:1px 4px;border-radius:4px;font-size:11.5px}.admin-json{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5}.admin .list-head{flex-wrap:wrap;gap:8px}.admin-list--codes{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:4px 12px;margin:10px 0}.admin-list--codes li{border:0;padding:2px 0}.admin-list--codes code,.admin-secret{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;background:var(--surface-2);padding:3px 8px;border-radius:6px;font-size:13px;overflow-wrap:anywhere}.admin-secret{display:inline-block;margin:6px 0}@media (min-width: 768px){:root{--gutter: 24px;--header-h: 56px}body{font-size:15.5px}.header__brand{--logo-h: 22px}.header__search{display:block}.header__search-link{display:none}.account__nick{display:inline-block}.hero{padding:24px 0 18px;--logo-h: 48px}.hero__brand{margin:14px 0;gap:22px}.hero__side{gap:12px}.hero__words{max-width:430px}.hero__word{font-size:12px;padding:4px 9px}.hero__title{font-size:22px;margin-top:20px}.hero__sub{font-size:15px;margin-top:3px}.composer__box{padding:14px 16px}.composer--inline .composer__box:not(.is-open){display:flex;align-items:center;gap:10px;padding:6px 8px 6px 18px;border-radius:999px}.composer--inline .composer__box:not(.is-open) .composer__body{flex:1;min-height:24px;padding:0}.composer--inline .composer__box:not(.is-open) .composer__bar{flex:none}.feed{margin:0;border:1px solid var(--line);border-top:0;border-radius:0 0 var(--radius) var(--radius);overflow:hidden}.feed__note+.feed,.search-form~.feed{border-top:1px solid var(--line);border-radius:var(--radius)}.post{padding:15px 20px 7px}.post__title{font-size:16.5px}.post__thumb{width:96px;height:76px}.inline-trend{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:16px 20px}.inline-trend__hot{display:block}.card{padding:20px}.me-card{grid-template-columns:1fr auto;align-items:center}.comment-list--replies{margin-left:8px;padding-left:18px}.profile__head{grid-template-columns:auto minmax(0,1fr) auto}.profile__actions{grid-column:auto}.profile__avatar{width:68px;height:68px;font-size:26px}.reply-bar{display:none}.detail__comments{margin-bottom:0}.toast-region{bottom:28px}}@media (min-width: 1024px){:root{--page-max: 1000px;--main-max: 700px;--side-w: 264px;--col-gap: 28px}.layout{grid-template-columns:minmax(0,1fr) var(--side-w);gap:var(--col-gap);padding-top:18px}.layout__main{margin:0;max-width:none}.sidebar{display:block;position:sticky;top:calc(var(--header-h) + 18px);align-self:start;max-height:calc(100vh - var(--header-h) - 30px);overflow-y:auto;overscroll-behavior:contain}.inline-trend{display:none}}@media (min-width: 1100px){:root{--page-max: 1100px;--main-max: 740px;--side-w: 288px;--col-gap: 40px}}@media (min-width: 1280px){:root{--page-max: 1180px;--main-max: 800px;--side-w: 300px;--col-gap: 32px}.layout{grid-template-columns:minmax(0,var(--main-max)) var(--side-w);justify-content:center}.post{padding:16px 24px 8px}.post__title{font-size:17px}.post__preview{font-size:14.5px}.post__thumb{width:104px;height:80px}.post__title,.post__preview,.peek__text{max-width:var(--read-max)}.detail__title,.detail__body{max-width:720px}.side-card{padding:16px 0}.side-card__title{font-size:13px;margin-bottom:8px}.side-list a{font-size:14px;gap:10px;padding:6px 0}.side-list__meta{font-size:12.5px}.side-quotes a{padding:7px 0 7px 12px}.side-quotes li+li{margin-top:8px}.side-quotes__body{font-size:14px}.side-quotes__meta{font-size:12.5px}.side-quotes__post{font-size:12px}.header__search{flex:0 1 360px}}@media (min-width: 1440px){:root{--page-max: 1400px;--main-max: 840px;--rail-w: 210px;--side-w: 310px;--col-gap: 36px;--read-max: 660px}.layout--rail{grid-template-columns:var(--rail-w) minmax(0,1fr) var(--side-w);justify-content:stretch}.header__inner{max-width:calc(var(--main-max) + var(--side-w) + var(--col-gap) + var(--gutter) * 2)}.header__inner--rail{max-width:var(--page-max);display:grid;align-items:center;grid-template-columns:var(--rail-w) minmax(0,1fr) var(--side-w);gap:var(--col-gap)}.header__inner--rail .header__brand{grid-column:1;margin-right:0}.header__inner--rail .header__search{grid-column:2;flex:none;width:min(420px,100%)}.header__inner--rail .header__nav{grid-column:3;justify-content:flex-end}}@media (min-width: 1600px){:root{--page-max: 1560px;--main-max: 900px;--rail-w: 230px;--side-w: 320px;--col-gap: 32px}.post{padding:17px 26px 8px}.rail__brand{--logo-h: 34px}.rail__title{font-size:18px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}