:root{color-scheme:light;--bg: #e9f7f8;--surface: rgba(255, 255, 252, .86);--surface-soft: rgba(232, 246, 243, .78);--ink: #17313a;--muted: #5c7479;--line: rgba(118, 170, 178, .26);--sea: #1689a2;--deep: #0b5e78;--aqua: #6fd6d6;--foam: #f8ffff;--pearl: #fff8ec;font-family:Inter,Noto Sans JP,Segoe UI,system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{min-width:320px;margin:0;background:radial-gradient(circle at 12% 12%,rgba(255,255,255,.9) 0 34px,transparent 35px),radial-gradient(circle at 86% 18%,rgba(255,255,255,.7) 0 22px,transparent 23px),radial-gradient(circle at 76% 76%,rgba(255,255,255,.6) 0 44px,transparent 45px),linear-gradient(118deg,rgba(111,214,214,.2),transparent 38%),linear-gradient(245deg,rgba(22,137,162,.16),transparent 44%),var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}svg{width:18px;height:18px;flex:0 0 auto}.app-shell{display:grid;grid-template-columns:218px minmax(0,860px);gap:22px;width:min(1140px,100%);margin:0 auto;padding:18px 20px 56px;isolation:isolate}.left-rail{position:sticky;top:18px;align-self:start}.brand-mark{display:grid;grid-template-columns:52px 1fr;gap:10px;width:100%;align-items:center;border:0;background:transparent;color:var(--ink);text-align:left}.brand-mark span{display:grid;width:52px;height:52px;grid-row:span 2;place-items:center;border:1px solid rgba(255,255,255,.56);border-radius:22px 22px 10px;background:radial-gradient(circle at 28% 25%,rgba(255,255,255,.94) 0 8px,transparent 9px),linear-gradient(145deg,#1d94ad,#66d2d2 58%,#f0d9aa);color:#fff;font-size:24px;font-weight:950;box-shadow:0 18px 34px #0f677e33}.brand-mark strong{font-size:21px}.brand-mark small,.language-panel span,.kicker,.hero-copy,.signal-stack span,.dock-copy span,.feed-summary span,.post-identity small,details{color:var(--muted);font-size:13px}.main-nav{display:grid;gap:9px;margin:24px 0}.main-nav button,.language-panel{border:1px solid var(--line);border-radius:24px;background:#ffffffad;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.main-nav button{display:flex;min-height:46px;align-items:center;gap:10px;color:var(--ink);padding:0 13px;font-weight:850}.main-nav button.active{border-color:#1689a261;background:linear-gradient(90deg,#6fd6d64d,#ffffffb8)}.rail-tabs{display:grid;gap:9px;margin-bottom:12px}.rail-tabs-toggle{display:grid;grid-template-columns:18px minmax(0,1fr);gap:6px 10px;align-items:center;width:100%;min-height:56px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 22px 18px,rgba(255,255,255,.86) 0 7px,transparent 8px),#ffffffad;color:var(--ink);padding:11px 13px;text-align:left;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.rail-tabs-toggle svg{grid-row:span 2}.rail-tabs-toggle span,.rail-tabs-toggle b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-tabs-toggle span{font-size:13px;font-weight:900}.rail-tabs-toggle b{color:#0f5a73;font-size:12px}.rail-tabs.open .rail-tabs-toggle{border-color:#1689a261;background:linear-gradient(90deg,#6fd6d64d,#ffffffb8)}.rail-tab-list{display:grid;gap:7px;border:1px solid rgba(118,170,178,.22);border-radius:26px;background:#ffffff75;padding:10px}.rail-tab-list button{min-height:36px;border:1px solid rgba(118,170,178,.18);border-radius:999px;background:#f8ffffc2;color:#1f6c86;padding:0 10px;text-align:left;font-weight:850}.rail-tab-list button.active{border-color:transparent;background:linear-gradient(135deg,#0b5e78f0,#1689a2e6);color:#fff}.language-panel{display:grid;gap:9px;padding:14px}.language-panel span,.auth-panel span{display:flex;align-items:center;gap:8px;font-weight:850}.auth-panel{display:grid;gap:9px;margin-top:12px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 22px 18px,rgba(255,255,255,.86) 0 7px,transparent 8px),#ffffffad;padding:14px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.auth-panel p,.auth-panel small{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.auth-panel input{font-size:13px}.auth-panel button{min-height:40px;border:1px solid rgba(118,170,178,.28);border-radius:999px;background:linear-gradient(135deg,#0b5e78f0,#1689a2e6);color:#fff;font-weight:850}select,input,textarea{min-width:0;width:100%;border:1px solid rgba(118,170,178,.32);border-radius:18px;background:#ffffffc7;color:var(--ink);box-shadow:inset 0 1px #fffc}select,input{min-height:42px;padding:0 12px}textarea{min-height:96px;padding:14px;resize:vertical;line-height:1.55}.world-stage{position:relative;overflow:hidden;border:1px solid rgba(118,170,178,.3);border-radius:34px;background:linear-gradient(180deg,#ffffffbd,#f6ffffa8),#fffffcb8;box-shadow:0 30px 80px #174c5c29;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.world-stage:before{position:absolute;inset:-90px 18px auto auto;width:360px;height:360px;border:1px solid rgba(255,255,255,.72);border-radius:48% 52% 44% 56%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.74),rgba(111,214,214,.16) 44%,transparent 68%);content:"";pointer-events:none}.world-stage:after{position:absolute;inset:auto auto 18px 18px;width:160px;height:160px;border:1px solid rgba(255,255,255,.62);border-radius:42% 58% 54% 46%;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.8),rgba(111,214,214,.12) 58%,transparent 72%);content:"";pointer-events:none}.world-hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 176px;gap:24px;padding:30px 34px 26px;background:radial-gradient(circle at 86% 18%,rgba(255,255,255,.86) 0 28px,transparent 29px),radial-gradient(circle at 74% 68%,rgba(255,255,255,.58) 0 18px,transparent 19px),linear-gradient(135deg,rgba(111,214,214,.34),transparent 50%),linear-gradient(315deg,rgba(11,94,120,.14),transparent 42%),#f4fcfb}.kicker{margin:0 0 8px;color:var(--deep);font-weight:950}.world-hero h1{max-width:650px;margin:0;font-size:clamp(31px,4.2vw,46px);line-height:1.12;letter-spacing:0}.hero-copy{max-width:650px;margin:15px 0 0;font-size:15px;line-height:1.75}.signal-stack{display:grid;gap:10px;align-content:center}.signal-stack span{display:block;border:1px solid rgba(118,170,178,.28);border-radius:999px;background:#ffffffb8;padding:10px 12px;font-weight:900;box-shadow:inset 0 1px #ffffffd1}.create-strip{position:relative;z-index:1;display:grid;grid-template-columns:160px minmax(0,1fr);gap:18px;padding:24px 34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,#6fd6d629,#ffffff7a),#f4fcfbb8}.world-stage.signed-in .create-strip{border-top:0;padding-top:30px}.create-label span{display:grid;width:52px;height:52px;margin-bottom:12px;place-items:center;border:1px solid rgba(255,255,255,.76);border-radius:24px 24px 24px 9px;background:radial-gradient(circle at 32% 24%,#fff 0 8px,transparent 9px),linear-gradient(145deg,#d7f5f3,#fff3d6);color:#174554;font-weight:950}.create-label strong,.dock-copy strong{display:block;line-height:1.45}.create-actions{display:grid;grid-template-columns:minmax(120px,1fr) 120px;gap:10px;margin-top:10px}.draft-preview{display:grid;gap:10px;margin-top:12px;border:1px solid rgba(118,170,178,.24);border-radius:26px;background:radial-gradient(circle at 20px 17px,rgba(255,255,255,.86) 0 7px,transparent 8px),#ffffff7a;padding:13px}.draft-preview>span{color:#0f5a73;font-size:12px;font-weight:950}#draftPreviewDrops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.preview-drop{display:block;width:100%;border:1px solid rgba(118,170,178,.2);border-radius:22px 22px 22px 8px;background:#f8ffffbd;color:var(--ink);padding:10px;text-align:left}.preview-drop span{color:#1e7890;font-size:11px;font-weight:950}.preview-drop p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.primary-action,.tab-tools button,.post-actions button,.reply-line button,.follow-button,.join-bubble{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:850}.primary-action{border-color:transparent;background:linear-gradient(135deg,var(--deep),var(--sea));color:#fff;box-shadow:0 10px 24px #1689a233}.interest-dock{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:16px;padding:22px 34px 18px;background:#fffffcc7}.community-reef{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr) minmax(220px,.8fr);gap:14px;padding:0 34px 22px;background:#fffffcc7}.community-reef>div{border:1px solid rgba(118,170,178,.24);border-radius:28px;background:radial-gradient(circle at 22px 18px,rgba(255,255,255,.88) 0 8px,transparent 9px),linear-gradient(145deg,#e8fafae0,#ffffffad);padding:16px;box-shadow:inset 0 1px #ffffffdb}.community-reef span,.community-reef small{color:var(--muted);font-size:12px;font-weight:850}.community-reef strong{display:block;margin-top:5px;font-size:22px}.community-reef p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.reef-stats{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;text-align:center}.reef-stats span{display:grid;gap:4px}.reef-stats b{color:var(--ink);font-size:24px}.translation-current strong{font-size:15px;line-height:1.5}.join-bubble{width:100%;margin-top:12px;border-color:#1689a247;background:#ffffffb8;color:#0f5a73}.join-bubble.active{border-color:transparent;background:linear-gradient(135deg,#0b5e78f0,#1689a2e6);color:#fff}.bubble-discovery{position:relative;z-index:1;display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);gap:16px;padding:0 34px 22px;background:#fffffcc7}.discovery-copy{border:1px solid rgba(118,170,178,.22);border-radius:28px 28px 28px 10px;background:radial-gradient(circle at 22px 18px,rgba(255,255,255,.9) 0 8px,transparent 9px),#f8ffffbd;padding:16px}.discovery-copy span{color:#0f5a73;font-size:13px;font-weight:950}.discovery-copy p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.bubble-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bubble-card{display:grid;gap:10px;border:1px solid rgba(118,170,178,.22);border-radius:30px 30px 30px 12px;background:radial-gradient(circle at 22px 18px,rgba(255,255,255,.9) 0 7px,transparent 8px),linear-gradient(145deg,#e8fafae6,#ffffff9e);padding:13px;box-shadow:inset 0 1px #ffffffd6}.bubble-card.joined{border-color:#1689a261;background:radial-gradient(circle at 22px 18px,rgba(255,255,255,.94) 0 7px,transparent 8px),linear-gradient(145deg,#c7f2f1f2,#ffffffa3)}.bubble-card button{min-height:34px;border:1px solid rgba(118,170,178,.22);border-radius:999px;background:#ffffffb8;color:#0f5a73;font-weight:900}.bubble-card>button:first-child{justify-self:start;padding:0 12px}.bubble-card div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.bubble-card span{display:grid;gap:2px;color:var(--muted);font-size:11px;text-align:center}.bubble-card b{color:var(--ink);font-size:18px}.bubble-open{width:100%}.tab-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-self:end}.tab-tools button{min-width:104px}.tab-track{display:flex;grid-column:1 / -1;gap:10px;overflow-x:auto;padding-top:2px}.tab-track button{min-height:42px;border:1px solid transparent;border-radius:999px;background:#ebf8f6c7;color:#1f6c86;padding:0 15px;white-space:nowrap;font-weight:850}.tab-track button.active{border-color:#1689a25c;background:linear-gradient(135deg,#6fd6d66b,#ffffffc2);color:#0f5a73}.feed-summary{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f8ffffb8}.feed-summary div{padding:14px 34px;border-right:1px solid var(--line)}.feed-summary div:last-child{border-right:0}.feed-summary strong{display:block;font-size:24px}.personal-current{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:9px;align-items:center;padding:14px 34px;border-bottom:1px solid var(--line);background:#f4fcfba8}.personal-current span,.personal-current strong{border:1px solid rgba(118,170,178,.24);border-radius:999px;background:#ffffff9e;padding:7px 11px;font-size:12px}.personal-current span{color:var(--muted);font-weight:850}.babu-stream{position:relative;z-index:1;display:grid;gap:0;padding:0 34px 34px;background:#fffffcc2}.babu-card{position:relative;display:grid;gap:12px;padding:24px 0;border-bottom:1px solid #e6ded2}.babu-card:before{position:absolute;top:30px;bottom:30px;left:24px;width:2px;background:linear-gradient(180deg,#1689a23d,#6fd6d61f);content:""}.post-identity{z-index:1;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center}.post-identity>span{display:grid;width:52px;height:52px;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:24px;background:radial-gradient(circle at 33% 25%,rgba(255,255,255,.9) 0 7px,transparent 8px),linear-gradient(145deg,#d8f5f4,#fff2d6);color:#174554;font-weight:950}.post-identity strong,.post-identity small{display:block}.follow-button{min-height:32px;padding:0 12px;color:#1f6c86}.follow-button.active{background:#d5f4f1db;color:#0f5a73}.translation-bubble{margin-left:64px;border:1px solid rgba(118,170,178,.24);border-radius:30px 30px 30px 10px;background:radial-gradient(circle at 20px 18px,rgba(255,255,255,.92) 0 8px,transparent 9px),linear-gradient(90deg,rgba(111,214,214,.16),transparent 72%),#f8ffffe0;padding:16px 18px;box-shadow:inset 0 1px #ffffffdb}.translation-bubble p{margin:10px 0 0;font-size:21px;line-height:1.62}.translation-head{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between}.translation-head span,.translation-meta span{color:#1e7890;font-size:12px;font-weight:950}.translation-head strong{border:1px solid rgba(22,137,162,.2);border-radius:999px;background:#ffffffb3;color:#0f5a73;padding:5px 10px;font-size:12px}.translation-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.translation-meta span{border-radius:999px;background:#ffffff8f;padding:5px 9px}details{margin-left:64px}details p{margin:8px 0 0;line-height:1.6}.post-tags,.post-actions,.reply-stack,.reply-line{display:flex;flex-wrap:wrap;gap:8px;margin-left:64px;align-items:center}.post-tags button{min-height:32px;border:1px solid var(--line);border-radius:999px;background:#ebf8f6c7;color:#1f6c86;padding:0 10px;font-weight:850}.post-actions button{min-height:32px;padding:0 10px}.post-actions button.active{color:var(--sea)}.reply-stack{display:grid;gap:8px}.reply-bubble{width:min(100%,560px);border:1px solid rgba(118,170,178,.22);border-radius:22px 22px 22px 8px;background:radial-gradient(circle at 18px 15px,rgba(255,255,255,.86) 0 6px,transparent 7px),#ffffff9e;padding:10px 13px}.reply-bubble strong{display:block;color:#1e7890;font-size:12px}.reply-bubble p{margin:4px 0 0;line-height:1.55}.reply-line{display:grid;grid-template-columns:minmax(0,1fr) auto}.reply-line button{padding:0 14px}.empty-state{padding:44px;color:var(--muted)}@media(max-width:820px){.app-shell{display:block;padding:0}.left-rail{position:static;padding:14px 16px}.main-nav{display:flex;overflow-x:auto;margin:14px 0}.main-nav button{white-space:nowrap}.world-stage{border-right:0;border-left:0;border-radius:0}.world-stage:before,.world-stage:after{display:none}.world-hero,.create-strip,.interest-dock,.community-reef,.bubble-discovery,.personal-current,.babu-stream{padding-right:16px;padding-left:16px}.world-hero,.create-strip,.interest-dock,.community-reef,.bubble-discovery,.create-actions,#draftPreviewDrops,.bubble-grid{grid-template-columns:1fr}.signal-stack{display:none}.feed-summary div{padding:12px 16px}.post-identity{grid-template-columns:52px minmax(0,1fr)}.follow-button{grid-column:2;justify-self:start}.translation-bubble,details,.post-tags,.post-actions,.reply-stack,.reply-line{margin-left:0}}