:root{color-scheme:light;font-family:Segoe UI Variable,Malgun Gothic,sans-serif;background:radial-gradient(circle at top,rgba(207,137,77,.18),transparent 32%),linear-gradient(180deg,#f8f3ea,#efe5d5);color:#1c2a28;--bg: #efe5d5;--bg-strong: #f7f1e5;--surface: rgba(255, 250, 242, .84);--surface-strong: #fffaf2;--surface-muted: #efe3d0;--border: rgba(54, 70, 63, .14);--border-strong: rgba(31, 92, 82, .2);--text: #1c2a28;--text-muted: #5d6b67;--primary: #1f5c52;--primary-soft: rgba(31, 92, 82, .12);--accent: #c7743d;--accent-soft: rgba(199, 116, 61, .14);--danger: #b85042;--shadow: 0 18px 40px rgba(52, 45, 36, .12);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.app-shell,.screen-shell{min-height:100vh;padding:20px 14px 96px}.screen-shell{display:grid;place-items:center}.app-frame{max-width:760px;margin:0 auto}.app-main{min-height:calc(100vh - 152px)}.page{display:grid;gap:16px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.page-title,.section-title{margin:0;font-family:Georgia,Times New Roman,serif;line-height:1.05;color:var(--primary)}.page-title{font-size:clamp(1.8rem,5vw,2.5rem)}.section-title{font-size:1.2rem}.page-subtitle,.subtle-text{color:var(--text-muted);line-height:1.55}.page-subtitle{margin:6px 0 0}.subtle-text{font-size:.92rem}.panel,.card{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.panel{padding:18px}.card{padding:0;overflow:hidden}.loading-card,.empty-note{display:grid;place-items:center;min-height:160px;text-align:center;color:var(--text-muted)}.error-banner{padding:12px 14px;border-radius:var(--radius-md);border:1px solid rgba(184,80,66,.18);background:#b8504214;color:var(--danger)}.button-row{display:flex;gap:8px;flex-wrap:wrap}.button-row--wrap{justify-content:flex-start}.primary-button,.secondary-button,.ghost-button,.danger-button,.tab-button,.chip,.bottom-nav__item,.mini-post,.user-row,.relation-card__body,.drawer-card__main,.post-card__body{border:0;border-radius:var(--radius-md);transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.primary-button,.secondary-button,.ghost-button,.danger-button{padding:11px 15px;font-weight:700}.primary-button{background:var(--primary);color:#fff}.secondary-button{background:var(--accent-soft);color:var(--accent)}.ghost-button,.ghost-link{background:transparent;color:var(--primary)}.danger-button{background:var(--danger);color:#fff}.ghost-button--danger{color:var(--danger)}.ghost-button--small{padding:7px 10px;font-size:.88rem}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.danger-button:hover,.tab-button:hover,.chip:hover,.mini-post:hover,.user-row:hover,.relation-card__body:hover,.drawer-card__main:hover,.post-card__body:hover,.avatar--interactive:hover{transform:translateY(-1px)}.bottom-nav{position:sticky;bottom:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;border:1px solid var(--border);border-radius:999px;background:#fffaf2eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.bottom-nav__item{text-align:center;padding:12px 10px;color:var(--text-muted);font-weight:700}.bottom-nav__item--active{background:var(--primary);color:#fff}.auth-layout{display:grid;gap:18px;width:min(100%,760px)}.auth-hero{padding:18px 6px}.auth-hero__title{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.1rem,9vw,3.8rem);line-height:.98;color:var(--primary)}.eyebrow{margin:0 0 10px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:.84rem;font-weight:700}.auth-panel{display:grid;gap:16px}.auth-tabs,.chip-row{display:flex;gap:8px;flex-wrap:wrap}.tab-button,.chip{padding:9px 13px;background:#ffffff80;color:var(--text-muted);font-weight:700}.tab-button--active,.chip--active{background:var(--primary);color:#fff}.google-box{display:grid;justify-content:start}.form-grid,.input-stack{display:grid;gap:12px}.field{display:grid;gap:8px}.field span{font-weight:700;color:var(--text)}.text-input,.text-area,.select-input{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;background:var(--surface-strong);color:var(--text)}.text-area{resize:vertical;min-height:120px}.select-input--compact{width:auto;min-width:104px}.inline-form{display:flex;gap:8px;flex-wrap:wrap}.inline-form>.text-input{flex:1 1 200px}.avatar{position:relative;border-radius:50%;overflow:hidden;flex:none;background:linear-gradient(135deg,var(--accent),var(--primary));color:#fff;display:grid;place-items:center}.avatar__fallback{font-weight:800;font-size:1rem}.avatar__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.post-card{display:grid}.post-card__header,.detail-post__author,.profile-editor__hero,.user-row{display:flex;gap:12px;align-items:center}.post-card__header{padding:18px 18px 0}.post-card__author-meta{display:grid;gap:2px}.post-card__body,.relation-card__body,.drawer-card__main{width:100%;text-align:left;background:transparent;padding:18px}.post-card__title,.detail-post__title{margin:0;font-family:Georgia,Times New Roman,serif;color:var(--primary)}.post-card__title{font-size:1.25rem}.detail-post__title{font-size:clamp(1.8rem,5vw,2.4rem)}.post-card__preview{margin:10px 0 0;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.post-card__image,.editor-image-preview{width:100%;border-radius:var(--radius-md);margin-top:14px;background:var(--surface-muted);object-fit:cover}.post-card__actions,.detail-post__actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 18px}.detail-post{display:grid;gap:18px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#141a1885;display:grid;place-items:end center;padding:18px 14px;z-index:20}.modal-card{width:min(100%,760px);max-height:88vh;overflow:auto;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface-strong);box-shadow:var(--shadow)}.modal-card__header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--border);background:#fffaf2f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal-card__title{margin:0;color:var(--primary);font-size:1.2rem}.modal-card__body{padding:18px;display:grid;gap:14px}.stack-list{display:grid;gap:12px}.comments-list{gap:14px}.comment-thread{display:grid;gap:10px}.comment-row{display:flex;gap:10px;align-items:flex-start}.comment-row--reply{margin-left:34px}.comment-row__body{flex:1;display:grid;gap:8px;padding:12px;border-radius:var(--radius-md);background:var(--bg-strong)}.comment-row__header,.drawer-card__meta,.settings-row,.editor-meta__row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.comment-row__content{margin:0;white-space:pre-wrap}.comment-row__actions{display:flex;gap:8px}.reply-banner{display:flex;justify-content:space-between;gap:8px;padding:12px;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent)}.checkbox-row,.toggle-row{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted)}.user-row,.mini-post,.relation-card{width:100%;text-align:left;background:var(--bg-strong);padding:14px}.relation-card{border-radius:var(--radius-md);border:1px solid var(--border);display:grid;gap:12px}.relation-card__body{padding:0}.relation-card__meta{margin:8px 0 0;color:var(--text-muted)}.profile-modal{display:grid;gap:16px;justify-items:center;text-align:center}.profile-modal__meta{display:grid;gap:6px}.profile-modal__id,.profile-modal__bio{margin:0}.profile-modal__name{margin:0;color:var(--primary);font-size:1.35rem}.mini-post{border-radius:var(--radius-md)}.badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.82rem;font-weight:700}.badge--accent{background:var(--accent-soft);color:var(--accent)}.quick-links,.relation-section,.search-panel,.settings-grid,.profile-editor,.editor-meta,.editor-canvas{display:grid;gap:14px}.profile-editor__summary{display:grid;gap:4px}.editor-hint{padding:12px;border-radius:var(--radius-md);background:var(--primary-soft);color:var(--primary);line-height:1.5}.editor-block{display:grid;gap:12px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-strong)}.editor-block__header,.editor-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.editor-textarea{min-height:160px}.editor-title-input{font-size:1.15rem;font-weight:700}.content-renderer{display:grid;gap:16px}.content-renderer__paragraph{margin:0;white-space:pre-wrap;line-height:1.75}.content-renderer__paragraph--left{text-align:left}.content-renderer__paragraph--center{text-align:center}.content-renderer__paragraph--right{text-align:right}.content-renderer__figure{margin:0;display:grid;gap:8px}.content-renderer__figure--left{justify-items:start}.content-renderer__figure--center{justify-items:center}.content-renderer__figure--right{justify-items:end}.content-renderer__image{border-radius:var(--radius-md);background:var(--surface-muted)}.content-renderer__caption{color:var(--text-muted);font-size:.92rem}@media (max-width: 640px){.page-header,.editor-block__header,.editor-toolbar,.settings-row,.editor-meta__row{align-items:stretch}.reply-banner,.detail-post__author,.profile-editor__hero{align-items:flex-start}.bottom-nav{grid-template-columns:repeat(2,1fr);border-radius:var(--radius-xl)}}@media (min-width: 900px){.app-shell,.screen-shell{padding-inline:24px}.auth-layout{grid-template-columns:1.05fr 1fr;align-items:center}}