:root{color:#1c2424;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f3ed;font-family:Inter,Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:28px}.site-nav{background:#ffffffe6;border:1px solid #dfe5df;border-radius:8px;align-items:center;gap:8px;max-width:1180px;min-height:48px;margin:0 auto 18px;padding:6px;display:flex}.site-nav a{color:#3f4d4b;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:0 12px;font-weight:800;text-decoration:none;display:inline-flex}.site-nav a.active,.site-nav a:hover{color:#fff;background:#1f7a63}.nav-spacer{flex:1}.nav-button{color:#3f4d4b;background:#eef1ed;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:0 12px;font-weight:800;display:inline-flex}.hero{color:#fff;background-color:#0000;background-image:linear-gradient(120deg,#1c2424e0,#254743d1),url(https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1600&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:stretch;gap:24px;max-width:1180px;margin:0 auto;padding:36px;display:grid;overflow:hidden}.hero-copy{flex-direction:column;justify-content:center;min-height:280px;display:flex}.eyebrow{color:#e7f5ef;background:#ffffff24;border:1px solid #ffffff52;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin:0 0 18px;padding:8px 10px;font-size:.9rem;display:inline-flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:14px;font-size:4.8rem;line-height:.98}.lead{color:#edf7f4;max-width:620px;margin-bottom:0;font-size:1.12rem}.stat-strip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff38;border-radius:8px;grid-template-columns:repeat(3,1fr);align-self:end;gap:1px;display:grid;overflow:hidden}.stat-strip div{background:#ffffff1f;flex-direction:column;justify-content:center;min-height:108px;padding:18px;display:flex}.stat-strip strong{font-size:2.1rem;line-height:1}.stat-strip span{color:#d7e9e3;margin-top:8px;font-size:.92rem}.notice{color:#654311;background:#fff7e8;border:1px solid #e4d3b9;border-radius:8px;align-items:center;gap:12px;max-width:1180px;margin:18px auto 24px;padding:14px 18px;display:flex}.notice p{flex:1;margin:0}.notice-link{color:#fff;background:#1f7a63;border-radius:6px;justify-content:center;align-items:center;min-height:36px;padding:0 12px;font-weight:800;text-decoration:none;display:inline-flex}.status-message{color:#17634f;background:#f1faf5;border:1px solid #cddfd5;border-radius:8px;max-width:1180px;margin:-6px auto 18px;padding:12px 14px;font-weight:700}.workspace{grid-template-columns:390px minmax(0,1fr);align-items:start;gap:22px;max-width:1180px;margin:0 auto;display:grid}.public-feed{max-width:1180px;margin:0 auto 36px}.post-form,.feed{background:#ffffffe6;border:1px solid #dfe5df;border-radius:8px;box-shadow:0 16px 45px #28302a14}.post-form{gap:16px;padding:22px;display:grid;position:sticky;top:24px}.section-heading{align-items:center;gap:10px;display:flex}.section-heading h2{margin-bottom:0;font-size:1.2rem}.seo-section{border-top:1px solid #dfe5df;grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:28px;max-width:1180px;margin:0 auto 104px;padding:28px 0 0;display:grid}.seo-copy{max-width:760px}.seo-copy h2{color:#1f2b2a;margin:8px 0 12px;font-size:1.65rem}.seo-copy p{color:#4a5754;margin:0 0 12px;line-height:1.85}.seo-points{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.seo-points span{color:#31403d;background:#fff;border:1px solid #d7e0dc;border-radius:999px;padding:9px 12px;font-size:.9rem;font-weight:800}label{color:#3f4d4b;gap:7px;font-size:.92rem;font-weight:700;display:grid}.two-column{grid-template-columns:1fr 1fr;gap:12px;display:grid}input,select,textarea{color:#1c2424;background:#fff;border:1px solid #cfd8d3;border-radius:6px;outline:none;width:100%}input,select{height:42px;padding:0 12px}textarea{resize:vertical;min-height:88px;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:#1f7a63;box-shadow:0 0 0 3px #1f7a6324}.primary-button,.like-button,.segmented button,.icon-button{border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.primary-button{color:#fff;background:#1f7a63;min-height:46px;font-weight:800}.primary-button:hover{background:#17634f}.feed{padding:22px}.feed-toolbar{grid-template-columns:minmax(0,1fr) minmax(230px,320px);align-items:center;gap:16px;display:grid}.search-box{position:relative}.search-box svg{color:#66746e;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box input{padding-left:38px}.filters{background:#f7faf7;border:1px solid #e2e8e2;border-radius:8px;align-items:center;gap:10px;margin:18px 0 20px;padding:12px;display:flex}.filters select{max-width:150px}.segmented{background:#e6ece7;border-radius:7px;grid-template-columns:repeat(2,1fr);min-width:150px;min-height:40px;padding:3px;display:inline-grid}.segmented button{color:#4a5854;background:0 0;min-width:0;padding:0 12px;font-weight:700}.segmented button.active{color:#1f7a63;background:#fff;box-shadow:0 2px 8px #1f7a631f}.post-list{gap:14px;display:grid}.sticky-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.sticky-note{color:#302b16;text-align:left;background:#fff3a8;border:0;border-radius:6px 6px 16px;align-content:space-between;gap:14px;min-height:150px;padding:18px;display:grid;transform:rotate(-.5deg);box-shadow:0 14px 28px #302b1624}.sticky-note:hover{transform:translateY(-2px)rotate(0)}.sticky-note strong{font-size:1.2rem;line-height:1.35}.sticky-subject{color:#665d2a;font-size:.82rem;font-weight:800}.sticky-mobile-text{display:none}.note-1{background:#dff3ff;transform:rotate(.8deg)}.note-2{background:#e6f5cf;transform:rotate(-.9deg)}.note-3{background:#ffe0d2;transform:rotate(.5deg)}.mistake-card{background:#fff;border:1px solid #dce5dd;border-radius:8px;gap:12px;padding:18px;display:grid}.card-topline,.card-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.pill{color:#17634f;background:#e1f2eb;border-radius:999px;align-items:center;min-height:26px;margin:0 6px 6px 0;padding:4px 9px;font-size:.78rem;font-weight:800;display:inline-flex}.pill.muted{color:#4d5c58;background:#eef1ed}.pill.ok{color:#17634f;background:#e1f2eb}.pill.danger{color:#a4332b;background:#ffe8e4}.icon-button{color:#6b4d4d;background:#f4f6f4;flex:none;width:34px;height:34px}.icon-button:hover{color:#9a5b12;background:#fff1df}.mistake-card h3{color:#182220;margin-bottom:0;font-size:1.12rem}.info-block{background:#f7f7f4;border-radius:7px;grid-template-columns:26px minmax(0,1fr);gap:8px;padding:12px;display:grid}.info-block.positive{background:#eef8f2}.info-block span{color:#1f7a63;padding-top:2px;display:flex}.info-block p{color:#33413e;margin-bottom:0}.info-block strong{color:#1f2a28;margin-bottom:2px;display:block}.like-button{color:#a9432f;background:#fff1ed;min-height:38px;padding:0 12px;font-weight:800}.like-button:hover{background:#ffe4dc}.like-button strong{color:#642112}.card-actions span{color:#71817b;font-size:.86rem}.empty-state{color:#60706b;text-align:center;border:1px dashed #cfd8d3;border-radius:8px;justify-items:center;gap:10px;padding:42px 16px;display:grid}.empty-state p{margin-bottom:0}.spin{animation:.9s linear infinite spin}.admin-shell{max-width:1180px;margin:0 auto}.admin-header,.mypage-header{color:#fff;background:#1c2424;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:24px;padding:32px;display:flex}.admin-header h1,.mypage-header h1{font-size:3.6rem}.mypage-header{background-color:#0000;background-image:linear-gradient(120deg,#1c2424e6,#4c3d2bd1),url(https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1400&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;max-width:1180px;margin:0 auto 20px}.mypage-stats{background:#ffffffeb;min-width:360px;margin:0}.admin-eyebrow{color:#e7f5ef}.return-link{color:#fff;border:1px solid #ffffff42;border-radius:6px;justify-content:center;align-items:center;min-height:42px;padding:0 14px;font-weight:800;text-decoration:none;display:inline-flex}.admin-login,.admin-stats,.admin-list{margin-top:20px}.admin-login{background:#fff;border:1px solid #dfe5df;border-radius:8px;grid-template-columns:minmax(0,1fr) 180px;align-items:end;gap:14px;padding:18px;display:grid}.admin-input-row{display:block;position:relative}.admin-input-row svg{color:#66746e;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.admin-input-row input{padding-left:40px}.admin-stats{background:#fff;border:1px solid #dfe5df;border-radius:8px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.admin-stats div{border-right:1px solid #edf1ed;flex-direction:column;justify-content:center;min-height:96px;padding:18px;display:flex}.admin-stats div:last-child{border-right:0}.admin-stats strong{font-size:2rem;line-height:1}.admin-stats span{color:#60706b;margin-top:8px;font-weight:700}.admin-list{gap:14px;display:grid}.admin-card.is-hidden,.mistake-card.is-hidden{background:snow;border-color:#f0c2ba}.report-count{color:#a9432f;font-weight:800}.admin-actions{flex-wrap:wrap;gap:10px;display:flex}.admin-actions button{color:#24312e;background:#eef1ed;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-weight:800;display:inline-flex}.admin-actions button:hover{background:#dde7df}.danger-action{color:#a4332b!important;background:#ffe8e4!important}.danger-action:hover{background:#ffd6cf!important}.subtle-action{color:#6b4d4d;background:#f4f6f4;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 10px;font-weight:800;display:inline-flex}.subtle-action:hover{color:#9a5b12;background:#fff1df}.save-action{color:#1f7a63;background:#eef8f2;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 10px;font-weight:800;display:inline-flex}.save-action.active{color:#fff;background:#1f7a63}.auth-panel{color:#fff;background:#1c2424;border-radius:8px;grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;max-width:980px;margin:0 auto;padding:32px;display:grid}.auth-form{color:#1c2424;background:#fff;border-radius:8px;gap:14px;padding:18px;display:grid}.auth-tabs{width:100%}.google-button{color:#1c2424;background:#fff;border:1px solid #d7ded9;border-radius:6px;justify-content:center;align-items:center;gap:10px;min-height:46px;font-weight:800;display:inline-flex}.google-button:hover{background:#f7faf7}.google-button span{color:#1a73e8;background:#f1f3f4;border-radius:999px;place-items:center;width:22px;height:22px;font-weight:900;display:inline-grid}.auth-divider{color:#66746e;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-size:.86rem;font-weight:700;display:grid}.auth-divider:before,.auth-divider:after{content:"";background:#dfe7e2;height:1px}.form-message{color:#a4332b;margin:0;font-weight:800}.fab{z-index:20;color:#fff;background:#1f7a63;border:0;border-radius:999px;justify-content:center;align-items:center;width:66px;height:66px;display:inline-flex;position:fixed;bottom:26px;right:26px;box-shadow:0 16px 34px #1f7a6359}.fab:hover{background:#17634f}.modal-backdrop{z-index:30;background:#14191885;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-panel{background:#fff;border-radius:8px;width:min(720px,100%);max-height:min(86vh,860px);padding:20px;overflow:auto;box-shadow:0 28px 70px #14191847}.modal-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.modal-heading h2{margin-bottom:0;font-size:1.35rem}.modal-panel .post-form{box-shadow:none;border:0;padding:0;position:static}.detail-card{gap:14px;display:grid}.edit-panel{background:#fff;border:1px solid #dfe5df;border-radius:8px;max-width:1180px;margin:0 auto 20px;padding:18px;box-shadow:0 16px 45px #28302a14}.edit-panel .post-form{box-shadow:none;border:0;padding:0;position:static}.edit-panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.secondary-button{color:#24312e;background:#eef1ed;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-weight:800;display:inline-flex}.mypage-feed{max-width:1180px;margin:0 auto}.page-tabs{width:min(420px,100%);margin-bottom:18px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.hero,.workspace{grid-template-columns:1fr}.hero-copy{min-height:220px}.post-form{position:static}.sticky-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.app-shell{padding:14px}.hero{padding:24px}h1{font-size:2.8rem}.stat-strip,.feed-toolbar,.seo-section,.two-column{grid-template-columns:1fr}.seo-section{margin-bottom:92px;padding-top:22px}.seo-copy h2{font-size:1.35rem}.seo-points{justify-content:flex-start}.filters{flex-direction:column;align-items:stretch}.filters select,.segmented{width:100%;max-width:none}.card-topline,.card-actions{flex-direction:column;align-items:flex-start}.sticky-grid{grid-template-columns:1fr;gap:12px}.sticky-note{min-height:0;box-shadow:none;border:1px solid #dce5dd;border-radius:8px;background:#fff!important;transform:none!important}.sticky-note strong{font-size:1.06rem}.sticky-mobile-text{color:#4d5c58;font-size:.92rem;line-height:1.55;display:block}.fab{width:60px;height:60px;bottom:18px;right:18px}.modal-backdrop{align-items:end;padding:10px}.modal-panel{max-height:92vh}.like-button{width:100%}.admin-header,.mypage-header,.admin-login,.admin-stats{grid-template-columns:1fr}.admin-header,.mypage-header{flex-direction:column;padding:24px}.mypage-stats{width:100%;min-width:0}.site-nav{flex-direction:column;align-items:stretch}.site-nav a,.return-link,.admin-login .primary-button{width:100%}.auth-panel{grid-template-columns:1fr;padding:24px}}