:root{color-scheme:light;--ink:#303446;--muted:#798092;--lav:#ece8fa;--accent:#6c609f;--accent-dark:#504677;--light:#f8f7f5;--line:#e9e9ed;--white:#fff;--green:#dceee5;--peach:#fae6d9;--shadow:0 18px 48px rgba(49,48,78,.045);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic",Meiryo,sans-serif;font-size:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--light);color:var(--ink);line-height:1.7}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:var(--accent-dark);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b2a5ed;outline-offset:3px}button:disabled{opacity:.48;cursor:not-allowed}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.4;letter-spacing:-.025em}h1{font-size:32px}h2{font-size:24px}h3{font-size:16px}.muted{color:var(--muted)}.small{font-size:12px}.xs{font-size:11px}.strong{font-weight:750}.bold{font-weight:700}.text-right{text-align:right}.boot{padding:60px;text-align:center;color:var(--muted)}.app-shell{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);position:sticky;top:0;height:100vh;padding:30px 16px 22px;display:flex;flex-direction:column;gap:28px}.brand{display:flex;gap:10px;align-items:center;padding:0 10px}.brand-mark{width:41px;height:41px;background:#f0ebfb;border-radius:14px;display:grid;place-items:center;font-size:25px}.brand-name{font-size:20px;font-weight:850;letter-spacing:-.055em}.brand-tag{font-size:10px;color:#8d8d98;letter-spacing:.02em}.nav-group{display:grid;gap:6px}.nav-head{font-size:10px;font-weight:800;color:#a4a5af;letter-spacing:.12em;padding:12px 16px}.nav-btn{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:12px;color:#646879;width:100%;text-align:left;border:0;background:transparent;font-weight:650}.nav-btn:hover{background:#f7f5fc;text-decoration:none}.nav-btn.active{background:#f0ecfb;color:var(--accent-dark)}.nav-icon{font-size:17px;width:23px;text-align:center}.side-bottom{margin-top:auto;padding:0 8px}.side-note{background:#f6f3fd;padding:15px;border-radius:15px;font-size:12px;color:#776b93}.side-note strong{display:block;color:#655a8b;margin-bottom:7px}.tiny-footer{margin-top:12px;text-align:center;color:#9b9eaa;font-size:10px}.main-area{min-width:0}.topbar{height:83px;background:rgba(248,247,245,.9);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid #eeeeef;position:sticky;top:0;z-index:20}.crumb{font-weight:750;font-size:15px}.top-actions{display:flex;gap:10px;align-items:center}.mode-pill{background:#fff0dc;color:#8e6434;border:1px solid #edd7ba;padding:5px 10px;font-size:11px;font-weight:700;border-radius:100px}.live-pill{background:#e0efe8;color:#35644a;border-color:#c3e1d1}.main-inner{max-width:1210px;padding:34px 42px 100px;margin:0 auto}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.main-column{min-width:0}.right-column{display:flex;flex-direction:column;gap:18px}.panel,.white-card{background:#fff;border:1px solid #eeedf0;border-radius:19px;box-shadow:var(--shadow)}.panel{padding:22px}.right-column .panel{padding:20px}.pill{display:inline-block;background:#f0eef9;color:#6b6297;padding:4px 11px;border-radius:999px;font-size:11px;font-weight:700}.tiny-pill{font-size:10px;padding:3px 8px;border-radius:99px;background:#f2f1f5;color:#7b7b89}.btn{border:1px solid transparent;border-radius:11px;padding:10px 18px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-weight:750;line-height:1.4;white-space:nowrap;min-height:41px}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-dark)}.btn.secondary{border-color:#e2dff0;background:#fff;color:var(--accent-dark)}.btn.secondary:hover,.btn.ghost:hover{background:#f3f0fa}.btn.ghost{background:transparent;color:var(--muted)}.btn.soft{background:#f0ecfa;color:#615389}.btn.small{padding:7px 11px;min-height:32px;font-size:12px}.btn.full{width:100%}.row{display:flex;align-items:center}.space-between{justify-content:space-between}.gap8{gap:8px}.gap12{gap:12px}.gap16{gap:16px}.wrap{flex-wrap:wrap}.section{margin-bottom:25px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:10px}.section-heading h2{font-size:20px}.section-heading a,.inline-link{font-weight:700;font-size:12px;color:var(--accent)}.hero{border-radius:24px;background:linear-gradient(107deg,#efebf9 0%,#f7f0ed 100%);min-height:296px;position:relative;overflow:hidden;padding:42px 36px;margin-bottom:26px;display:flex;align-items:center}.hero-copy{max-width:72%;position:relative;z-index:2}.hero h1{font-size:31px;margin:11px 0 13px;font-weight:850}.hero p{color:#726e86;max-width:470px;margin-bottom:22px}.hero-art{position:absolute;right:35px;bottom:25px;width:215px;height:212px}.art-glow{position:absolute;width:190px;height:190px;border-radius:100%;background:#e2daef;right:9px;top:3px}.art-house{position:absolute;bottom:22px;right:35px;width:128px;height:113px;background:#fff9ef;border-radius:12px;box-shadow:14px 15px 0 rgba(142,119,153,.07)}.art-roof{position:absolute;bottom:128px;right:21px;width:153px;height:78px;background:#9d93bc;clip-path:polygon(50% 0,100% 75%,93% 82%,7% 82%,0 75%);border-radius:8px}.art-door{position:absolute;background:#b6abd1;border-radius:12px 12px 2px 2px;bottom:22px;right:84px;width:39px;height:65px}.art-door:after{content:"";position:absolute;right:7px;top:34px;width:5px;height:5px;background:white;border-radius:50%}.art-window{position:absolute;background:#e8d7bd;right:48px;bottom:68px;width:20px;height:24px;border-radius:7px 7px 3px 3px}.art-plant{position:absolute;bottom:13px;right:6px;font-size:47px}.intro-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:29px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;text-align:left;display:block;color:inherit;width:100%;transition:transform .18s,border-color .18s}.feature-card:hover{transform:translateY(-3px);border-color:#c4bde0;text-decoration:none}.feature-icon{display:grid;place-items:center;height:44px;width:44px;background:#f4eef8;border-radius:14px;font-size:22px;margin-bottom:10px}.feature-card strong{display:block;margin-bottom:4px}.feature-card span:last-child{font-size:12px;color:var(--muted)}.post-list{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}.post-row{padding:18px 20px;border-bottom:1px solid #f0eff1;display:flex;align-items:flex-start;gap:14px;cursor:pointer;transition:background .15s}.post-row:last-child{border-bottom:0}.post-row:hover{background:#faf9fe}.post-icon{width:41px;height:41px;border-radius:12px;background:#f3effa;display:grid;place-items:center;font-size:19px;flex-shrink:0}.post-text{min-width:0;flex:1}.post-title{font-weight:750;font-size:14px;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-snippet{font-size:12px;color:#8b8c98;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-meta{font-size:11px;color:#9799a6}.post-replies{margin-left:auto;color:#9593a6;font-size:11px;white-space:nowrap}.post-replies span{font-size:17px;vertical-align:middle}.side-section-title{font-weight:800;font-size:14px;margin-bottom:9px}.mood-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:13px 0 8px}.mood-btn{border:1px solid #eeeef2;background:white;border-radius:12px;padding:9px 1px;color:var(--ink);display:grid;gap:4px;justify-items:center;font-size:11px}.mood-btn .emo{font-size:21px}.mood-btn.chosen{background:#eee9fa;border-color:#b2a5d9}.notice{background:#f8f3e9;border:1px solid #efe6d5;padding:15px;border-radius:13px;color:#766b61;font-size:12px}.notice.lav{background:#f5f2fc;border-color:#e6e1f5;color:#6d638a}.notice.green{background:#f0f8f4;border-color:#dcefe5;color:#537763}.callout{background:linear-gradient(145deg,#f0f6f1,#f8f8fa);border-radius:16px;padding:19px;margin-bottom:22px}.callout h3{margin-bottom:7px}.event-card{display:flex;gap:13px;padding:17px 0;border-top:1px solid #f2f0f4}.event-card:first-of-type{border-top:0}.event-date{background:#f1eef9;border-radius:12px;padding:11px;min-width:59px;height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.35;color:#6b5d98}.event-date b{font-size:21px}.event-text{flex:1}.event-text strong{display:block}.event-text p{font-size:12px;color:var(--muted);margin:5px 0}.page-header{margin-bottom:22px}.page-header h1{font-size:27px;margin-bottom:7px}.filter-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.filter-btn{background:white;border:1px solid var(--line);color:#747588;border-radius:100px;padding:7px 13px;font-size:12px;font-weight:700}.filter-btn.chosen{background:#6e619e;color:#fff;border-color:#6e619e}.search-input,.input,.textarea,.select{width:100%;background:#fff;border:1px solid #dddfe6;border-radius:11px;padding:11px 13px;outline:none;color:var(--ink)}.search-input:focus,.input:focus,.textarea:focus,.select:focus{border-color:#afa1d0;box-shadow:0 0 0 3px #f0ecfa}.search-input{max-width:310px}.textarea{min-height:124px;resize:vertical}.field{display:grid;gap:7px;margin-bottom:15px}.field label{font-weight:750;font-size:12px}.field .help{font-size:11px;color:var(--muted)}.chat-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:15px}.channel-list{background:white;border-radius:16px;border:1px solid var(--line);padding:11px;height:fit-content}.channel-btn{width:100%;border:0;text-align:left;padding:13px;background:transparent;border-radius:11px;color:#78758b;font-size:12px;font-weight:750}.channel-btn.selected{background:#ede9f8;color:#5c5189}.chat-panel{min-height:540px;border:1px solid var(--line);background:#fff;border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.chat-head{border-bottom:1px solid var(--line);padding:17px 19px}.chat-messages{padding:19px;flex:1;min-height:330px;max-height:480px;overflow-y:auto;display:flex;flex-direction:column;gap:17px}.chat-line{display:flex;gap:9px;align-items:flex-start}.avatar{width:32px;height:32px;border-radius:11px;background:#e9e2f5;display:grid;place-items:center;font-size:13px;color:#5d528b;font-weight:850;flex-shrink:0}.chat-author{font-size:12px;font-weight:750}.chat-time{font-size:10px;color:#9b9eaa;margin-left:8px}.chat-bubble{background:#f6f5f8;border-radius:3px 12px 12px 12px;padding:9px 12px;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;display:inline-block;max-width:100%}.chat-line.self .chat-bubble{background:#ede8f9}.chat-compose{border-top:1px solid var(--line);padding:13px;display:flex;gap:8px}.chat-compose .input{flex:1;min-width:0}.empty{padding:45px 20px;text-align:center;color:#8a8a96}.empty .e{font-size:34px;margin-bottom:9px}.empty b{display:block;color:var(--ink);margin-bottom:7px}.guide-list{display:grid;gap:13px}.guide-item{background:#fff;border:1px solid var(--line);padding:18px;border-radius:14px}.guide-item h3{margin-bottom:7px}.guide-item p{font-size:13px;color:#707587}.tag{display:inline-flex;align-items:center;gap:6px;border-radius:8px;background:#f4f3f7;color:#7a7887;font-size:11px;padding:4px 8px}.profile-card{display:flex;gap:20px;align-items:center}.profile-avatar{width:68px;height:68px;border-radius:22px;background:#e9e2f7;display:grid;place-items:center;font-size:27px;font-weight:800;color:#675d93}.divider{border:0;border-top:1px solid var(--line);margin:19px 0}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.bottom-nav{display:none}.modal-backdrop{position:fixed;inset:0;background:rgba(22,23,42,.44);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:min(100%,550px);max-height:min(90vh,830px);overflow-y:auto;background:white;border-radius:20px;box-shadow:0 20px 90px #2223;padding:25px;position:relative}.modal h2{font-size:23px;margin-bottom:12px}.close-modal{position:absolute;right:18px;top:17px;border:0;background:#f5f4f7;border-radius:50%;height:33px;width:33px}.modal-body{margin-top:10px}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:18px}.topic-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;padding:6px 0 14px}.reply-card{background:#f8f7fa;border-radius:12px;padding:14px;margin-bottom:11px}.reply-card p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;margin:8px 0}.reply-form{margin-top:15px}.toast{position:fixed;bottom:28px;right:26px;background:#323448;color:#fff;padding:12px 17px;border-radius:12px;box-shadow:0 8px 30px #0002;z-index:180;max-width:320px}.link-button{border:0;background:transparent;padding:0;color:var(--accent);font-size:12px;font-weight:700}.color-peach{background:#fff2eb}.color-green{background:#eaf5ed}.status{display:inline-block;background:#f4f1fa;color:#64558f;border-radius:6px;padding:2px 8px;font-size:11px}.admin-report{border-bottom:1px solid var(--line);padding:15px 0}.switch{padding:5px 0}.form-error{color:#ad3e43;font-size:12px;margin-top:7px}.card-title{font-size:18px;margin-bottom:13px}.desktop-only{display:initial}.mobile-only{display:none}.privacy-flag{padding:10px 12px;border-radius:9px;background:#f9f1e4;font-size:12px;color:#896748;margin-bottom:12px}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
@media(max-width:1100px){.page-grid{grid-template-columns:minmax(0,1fr)}.right-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.main-inner{padding:26px 26px 100px}.topbar{padding:0 26px}}
@media(max-width:750px){.app-shell{display:block}.sidebar{display:none}.topbar{height:65px;padding:0 18px;z-index:30}.main-inner{padding:19px 16px 100px}.hero{min-height:260px;padding:26px 21px;align-items:flex-start}.hero-copy{max-width:100%}.hero h1{font-size:26px}.hero p{max-width:78%;font-size:12px}.hero-art{transform:scale(.57);transform-origin:bottom right;right:-5px;bottom:-2px}.intro-cards{gap:8px}.feature-card{padding:12px}.feature-card strong{font-size:12px}.feature-card span:last-child{font-size:10px}.feature-icon{height:36px;width:36px;font-size:18px}.right-column{grid-template-columns:1fr}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:35;background:rgba(255,255,255,.97);border-top:1px solid var(--line);justify-content:space-around;padding:9px 6px calc(10px + env(safe-area-inset-bottom))}.bottom-item{background:none;border:0;color:#9192a0;min-width:56px;font-size:10px;display:grid;justify-items:center;gap:1px}.bottom-item .ico{font-size:20px}.bottom-item.active{color:#64568e;font-weight:850}.chat-layout{grid-template-columns:1fr}.channel-list{display:flex;overflow-x:auto;gap:5px}.channel-btn{min-width:max-content;padding:10px}.chat-panel{min-height:480px}.chat-messages{min-height:300px}.desktop-only{display:none}.mobile-only{display:initial}.resource-grid{grid-template-columns:1fr}.page-header h1{font-size:25px}.search-input{max-width:100%}.post-row{padding:14px 12px}.modal{padding:23px 19px}.top-actions .btn.secondary{padding:8px 12px}}
@media(max-width:370px){.hero-art{opacity:.35}.hero p{max-width:100%}.feature-card strong{font-size:11px}.post-replies{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.legal-text { line-height: 1.9; overflow-wrap: anywhere; }