:root{color-scheme:light;--bg: #f4f1ea;--bg-accent: #e3e7de;--panel: #fcfbf8;--panel-strong: #ffffff;--line: #d8d3c7;--line-strong: #c4bdaf;--text: #1e2224;--muted: #656b70;--accent: #235f63;--accent-strong: #173b3e;--accent-warm: #8f5a33;--accent-soft: rgba(35, 95, 99, .12);--shadow: 0 20px 52px rgba(28, 34, 36, .08);--radius-xl: 18px;--radius-lg: 14px;--radius-md: 10px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(1100px 520px at 100% -10%,rgba(35,95,99,.11),transparent 55%),radial-gradient(900px 420px at 0% 0%,rgba(143,90,51,.12),transparent 48%),radial-gradient(700px 260px at 30% 100%,rgba(99,125,84,.11),transparent 58%),linear-gradient(180deg,#faf8f3 0%,var(--bg) 100%);font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,Yu Gothic,system-ui,sans-serif;line-height:1.75;letter-spacing:.01em;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(#ffffff47,#ffffff47),repeating-linear-gradient(90deg,transparent 0,transparent 39px,rgba(31,35,38,.02) 40px);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.18),transparent 70%);mask-image:linear-gradient(180deg,rgba(0,0,0,.18),transparent 70%)}body:after{content:"";position:fixed;right:-90px;bottom:-90px;width:280px;height:280px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(35,95,99,.08),transparent 66%);filter:blur(6px)}a{color:var(--accent);text-decoration:none;transition:color .12s ease,opacity .12s ease}a:hover{color:var(--accent-strong)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(44,83,109,.45);outline-offset:2px}button,input,textarea,select{font:inherit}button{cursor:pointer}img,picture,video,canvas,svg{max-width:100%;height:auto}.app-shell{width:min(1024px,calc(100vw - 32px));margin:0 auto;padding:22px 0 42px}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;padding:4px 0 18px;margin-bottom:16px;border-bottom:1px solid rgba(196,189,175,.8)}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0;color:inherit}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(145deg,#235f63,#2f7a78 52%,#8f5a33);color:#fff;font-size:1.05rem;font-weight:700;flex:0 0 auto;box-shadow:0 10px 24px #235f6338}.brand strong{display:block;font-size:1rem;letter-spacing:.01em}.brand small,.topbar-copy span,.muted,.panel-header span,.handle,.post-meta,.post-footer,.session-pill span{color:var(--muted)}.brand small{display:block;font-size:.78rem}.brand-chip{display:inline-flex;width:fit-content;margin-top:6px;padding:3px 8px;border-radius:999px;background:#235f6314;border:1px solid rgba(35,95,99,.14);color:var(--accent-strong);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.topbar-copy{text-align:right}.topbar-copy p{margin:0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.15;letter-spacing:-.03em;font-weight:700}.topbar-copy p:before{content:"";display:block;width:2.6rem;height:3px;margin-bottom:12px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-warm))}.topbar-copy span{display:block;margin-top:6px;font-size:.92rem}.topbar-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center}.session-pill{display:grid;gap:2px;padding:9px 12px;min-width:130px;border-radius:12px;background:#ffffffd1;border:1px solid rgba(196,189,175,.85)}.session-pill span{font-size:.72rem;letter-spacing:.05em}.session-pill strong{font-size:.92rem}.page-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:14px}.panel{border:1px solid rgba(196,189,175,.92);border-radius:var(--radius-xl);background:#fbfbf9f5;box-shadow:var(--shadow);padding:18px;animation:rise .42s ease both}.wide-panel,.feed-panel{grid-column:1 / -1}.profile-panel h1{margin:10px 0 2px;font-size:clamp(1.85rem,3.8vw,3rem);line-height:1.1;letter-spacing:-.035em}.hero-title{margin:10px 0 12px;font-size:clamp(1.85rem,4.8vw,3.5rem);line-height:1.1;letter-spacing:-.04em}.handle{margin:0 0 12px;font-weight:600}.summary{margin:0;font-size:.98rem;line-height:1.75}.panel-header{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:16px}.panel-header h2{margin:0;font-size:.84rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-strong)}.panel-header:after{content:"";flex:1 1 auto;height:1px;align-self:center;background:linear-gradient(90deg,rgba(35,95,99,.24),transparent)}.profile-grid,.feature-list{list-style:none;padding:0;margin:0}.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.profile-grid div{min-width:0;padding:13px 14px;border-radius:var(--radius-md);background:#ffffffb8;border:1px solid rgba(196,189,175,.88)}.profile-grid dt{margin:0 0 6px;font-size:.72rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.profile-grid dd{margin:0;word-break:break-word}.composer,.follow-form,.login-form{display:grid;gap:14px}.composer label,.follow-form label,.login-form label{display:grid;gap:8px;font-size:.92rem;font-weight:600}.composer textarea,.composer input,.composer select,.follow-form input,.login-form input{width:100%;border:1px solid rgba(196,189,175,.95);border-radius:var(--radius-md);background:var(--panel-strong);color:var(--text);padding:11px 12px;transition:border-color .12s ease,box-shadow .12s ease}.composer textarea{resize:vertical;min-height:172px}.composer textarea::placeholder,.composer input::placeholder,.follow-form input::placeholder,.login-form input::placeholder{color:#91979d}.composer textarea:focus-visible,.composer input:focus-visible,.composer select:focus-visible,.follow-form input:focus-visible,.login-form input:focus-visible{border-color:#235f636b;box-shadow:0 0 0 4px #235f631a}.composer-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.composer button,.follow-form button,.login-form button,.secondary-button,.feed-actions button{border:1px solid rgba(35,95,99,.24);border-radius:12px;padding:11px 16px;background:var(--panel-strong);color:var(--accent-strong);font-weight:700;text-decoration:none;transition:transform .12s ease,border-color .12s ease,background-color .12s ease,color .12s ease,opacity .12s ease}.composer button,.follow-form button,.login-form button{justify-self:start;background:linear-gradient(180deg,#fff,#f2f7f6)}.composer button:hover,.follow-form button:hover,.login-form button:hover,.secondary-button:hover,.feed-actions button:hover{transform:translateY(-1px);border-color:#235f6359;color:var(--accent)}.composer button:disabled,.follow-form button:disabled,.login-form button:disabled,.feed-actions button:disabled{cursor:progress;opacity:.72;transform:none}.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px}.feed-list{display:grid;border-top:1px solid rgba(196,189,175,.9)}.timeline-summary{margin-bottom:14px}.post-card{padding:16px 0;border-bottom:1px solid rgba(234,229,219,1)}.post-card:first-child{padding-top:18px}.post-card:last-child{border-bottom:0;padding-bottom:0}.post-meta,.post-footer{display:flex;flex-wrap:wrap;gap:10px 14px;justify-content:space-between;font-size:.84rem}.post-meta{align-items:center}.post-body{margin:12px 0;font-size:.98rem;line-height:1.78;overflow-wrap:anywhere}.post-body p{margin:0 0 1rem}.post-body p:last-child{margin-bottom:0}.post-body ul,.post-body ol{margin:0 0 1rem 1.2rem;padding:0}.post-body li+li{margin-top:.25rem}.post-body code{padding:.14em .38em;border-radius:6px;border:1px solid rgba(196,189,175,.95);background:#f4f1eb;font-size:.92em}.post-body pre{margin:1rem 0;padding:1rem 1.05rem;border-radius:12px;border:1px solid #2f3945;background:linear-gradient(180deg,#202833,#171c24);color:#e8eef5;overflow-x:auto}.post-body pre code{padding:0;border:0;background:transparent;color:inherit}.post-body a{text-decoration:underline;text-underline-offset:.18em}.post-footer{align-items:center}.error{margin:0;color:#8b1d1d;font-weight:600}.login-panel,.login-aside{min-height:100%}.login-note{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:18px;padding:14px 15px;border-radius:var(--radius-md);background:#ffffffbd;border:1px solid rgba(196,189,175,.9)}.login-note span{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.feature-list{margin-top:18px;display:grid;gap:10px}.feature-list li{position:relative;padding:13px 13px 13px 20px;border-radius:var(--radius-md);background:#ffffffb8;border:1px solid rgba(196,189,175,.9)}.feature-list li:before{content:"";position:absolute;top:18px;left:10px;width:6px;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-warm))}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.hero-title+.summary{max-width:60ch}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:920px){.page-grid{grid-template-columns:1fr}.topbar{grid-template-columns:1fr;align-items:start}.topbar-copy{text-align:left}.topbar-actions{justify-content:flex-start}.profile-grid,.composer-row{grid-template-columns:1fr}.topbar-actions,.button-row,.login-note{flex-direction:column;align-items:stretch}.session-pill,.secondary-button,.composer button,.login-form button,.feed-actions button{width:100%}.post-meta,.post-footer{justify-content:flex-start}}@media(max-width:640px){.app-shell{width:min(100vw - 20px,1024px);padding-top:12px;padding-bottom:28px}.panel{padding:14px;border-radius:14px}.topbar{padding-bottom:14px;margin-bottom:12px}.topbar-copy p{font-size:clamp(1.5rem,9vw,2.1rem)}.post-card{padding:14px 0}.composer textarea{min-height:150px}}@media(prefers-reduced-motion:reduce){.panel,.composer button,.login-form button,.secondary-button,.feed-actions button{animation:none;transition:none}}