*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green:#22c55e;--green-dark:#16a34a;--green-light:#dcfce7;--text:#475569;--text-title:#0f172a;--text-muted:#94a3b8;--bg:#f9fafb;--card-bg:#fff;--border:#e5e7eb;--nav-height:68px}body{background:var(--bg);color:var(--text);font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,sans-serif;line-height:1.625}*{scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.sidebar::-webkit-scrollbar{width:3px}.main::-webkit-scrollbar{width:5px}button{cursor:pointer;font-family:inherit}.app{flex-direction:column;min-height:100vh;display:flex}.main{padding-bottom:var(--nav-height);flex:1}.page{max-width:480px;margin:0 auto;padding:1.25rem 1rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.page-title{letter-spacing:-.02em;font-size:2rem;font-weight:800;line-height:1.2}.search-bar{background:#fff;border-radius:14px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.6rem 1rem;display:flex;box-shadow:0 8px 30px #0000000a}.search-icon{color:var(--text-muted);font-size:1rem}.search-bar input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.95rem}.search-bar input::placeholder{color:var(--text-muted)}.filter-bar{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.filter-badge{background:var(--green-light);color:var(--green-dark);border-radius:20px;padding:.3rem .75rem;font-size:.8rem;font-weight:700}.filter-clear{color:var(--text-muted);background:0 0;border:none;padding:.2rem;font-size:.9rem}.post-grid{grid-template-columns:repeat(2,1fr);gap:.875rem;display:grid}.post-card{cursor:pointer;text-align:left;background:#fff;border-radius:24px;flex-direction:column;gap:.4rem;padding:1.25rem;display:flex;box-shadow:0 8px 30px #0000000a}.post-card-top{justify-content:space-between;align-items:center;display:flex}.post-badge{background:var(--green-light);color:var(--green-dark);border-radius:20px;padding:.2rem .6rem;font-size:.65rem;font-weight:700}.bookmark-btn{color:var(--text-muted);background:0 0;border:none;padding:0;font-size:1.1rem;line-height:1;transition:color .15s}.bookmark-btn.bookmarked{color:#ef4444}.post-card-emoji{text-align:center;padding:.25rem 0;font-size:2rem}.post-card-title{color:var(--text-title);font-size:.9rem;font-weight:700;line-height:1.3}.post-card-preview{color:var(--text-muted);flex:1;font-size:.78rem;line-height:1.625}.post-progress-bar{background:var(--border);border-radius:99px;height:3px;margin-top:.25rem;overflow:hidden}.post-progress-fill{opacity:.7;border-radius:99px;height:100%}.post-card-footer{justify-content:space-between;align-items:center;margin-top:.1rem;display:flex}.post-card-date{color:var(--text-muted);font-size:.7rem}.post-card-btn{background:var(--green);color:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.1rem;display:flex}.bottom-nav{height:var(--nav-height);background:var(--card-bg);border-top:1px solid var(--border);padding:0 .5rem;padding-bottom:env(safe-area-inset-bottom);z-index:100;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--text-muted);background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;min-width:44px;min-height:44px;padding:.5rem .75rem;transition:color .15s;display:flex}.bottom-nav-item.active{color:var(--green)}.bottom-nav-item.accent{background:var(--green);color:#fff;border-radius:50%;width:48px;height:48px;padding:0;font-size:1.4rem}.bottom-nav-icon{font-size:1.2rem;line-height:1}.bottom-nav-label{font-size:.65rem;font-weight:500}.category-grid{grid-template-columns:repeat(3,1fr);gap:.875rem;display:grid}.category-card{cursor:pointer;border-radius:24px;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem .5rem;display:flex;box-shadow:0 8px 30px #0000000a}.category-icon{font-size:2rem}.category-label{color:var(--text);text-align:center;font-size:.78rem;font-weight:600}.profile-card{background:var(--card-bg);text-align:center;border:1px solid var(--border);border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.profile-avatar{margin-bottom:.75rem;font-size:4rem}.profile-name{margin-bottom:.25rem;font-size:1.2rem;font-weight:700}.profile-email{color:var(--text-muted);margin-bottom:1rem;font-size:.85rem}.btn-green{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.5rem;font-size:.9rem;font-weight:700}.settings-group{margin-bottom:1.5rem}.settings-title{margin-bottom:.75rem;font-size:1rem;font-weight:700}.settings-item{background:var(--card-bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:1rem;font-size:.9rem;display:flex}.settings-arrow{color:var(--text-muted);font-size:1.2rem}.search-results{flex-direction:column;gap:.5rem;display:flex}.search-result-item{background:var(--card-bg);border:1px solid var(--border);text-align:left;width:100%;color:var(--text);border-radius:12px;padding:1rem}.search-result-title{margin-bottom:.25rem;font-size:.95rem;font-weight:600}.search-result-date{color:var(--text-muted);font-size:.78rem}.detail{max-width:480px;margin:0 auto;padding:1.25rem 1rem}.detail h1{letter-spacing:-.02em;margin:.75rem 0 .25rem;font-size:1.75rem;font-weight:800;line-height:1.2}.date{color:var(--text-muted);margin-bottom:1.25rem;font-size:.85rem}.content{white-space:pre-wrap;background:#fff;border-radius:20px;min-height:120px;padding:1.5rem;font-size:1rem;line-height:1.8;box-shadow:0 8px 30px #0000000a}.actions{border-top:1px solid var(--border);gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;display:flex}.comments-section{border-top:2px solid var(--border);margin-top:1.5rem;padding-top:1.25rem}.comments-section h2{margin-bottom:1rem;font-size:1.3rem;font-weight:700;line-height:1.3}.comment-list{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;list-style:none;display:flex}.comment{border-left:4px solid var(--border);background:var(--card-bg);border-radius:10px;padding:1rem}.comment-instructor{border-left-color:var(--green);background:var(--green-light)}.comment-manager{background:#eff6ff;border-left-color:#3b82f6}.comment-self{background:#fffbeb;border-left-color:#f59e0b}.comment-badge{background:#00000014;border-radius:20px;margin-bottom:.4rem;padding:.1rem .5rem;font-size:.72rem;font-weight:700;display:inline-block}.comment p{white-space:pre-wrap;font-size:.95rem;line-height:1.625}.comment small{color:var(--text-muted);margin-top:.25rem;font-size:.75rem;display:block}.comment-form{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 8px 30px #0000000a}.comment-form h3{margin-bottom:.75rem;font-size:1rem}.comment-form-row{margin-bottom:.75rem}.form-page{max-width:480px;margin:0 auto;padding:1.25rem 1rem}.form-page h1{letter-spacing:-.02em;margin:.75rem 0 1.25rem;font-size:1.75rem;font-weight:800;line-height:1.2}.post-form{background:#fff;border-radius:24px;flex-direction:column;gap:.75rem;padding:1.75rem;display:flex;box-shadow:0 8px 30px #0000000a}.post-form label{font-size:.9rem;font-weight:700}input[type=text],textarea,select{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:10px;padding:.75rem;font-family:inherit;font-size:16px;transition:border-color .15s}input[type=text]:focus,textarea:focus,select:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 3px #22c55e26}textarea{resize:vertical}.btn-primary{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:10px;align-self:flex-start;padding:.75rem 1.4rem;font-size:.95rem;font-weight:700;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--green-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--bg);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:.65rem 1.2rem;font-size:.95rem;font-weight:700}.btn-danger{color:#dc2626;cursor:pointer;background:#fff5f5;border:1px solid #fecaca;border-radius:10px;padding:.65rem 1.2rem;font-size:.95rem;font-weight:700}.btn-back{color:var(--green);background:0 0;border:none;margin-bottom:.75rem;padding:0;font-size:.9rem;font-weight:600}.stats-grid{grid-template-rows:auto auto;grid-template-columns:2fr 1fr;gap:.875rem;margin-bottom:1.5rem;display:grid}.stat-card{cursor:default;border-radius:22px;flex-direction:column;align-items:flex-start;gap:.3rem;padding:1.5rem 1.25rem;display:flex;box-shadow:0 8px 30px #0000000a}.stat-card-main{grid-row:span 2;justify-content:center;padding:2rem 1.75rem}.stat-card-sub{align-items:flex-start}.stat-icon{margin-bottom:.5rem;font-size:1.75rem}.stat-icon-sm{margin-bottom:.25rem;font-size:1.3rem}.stat-main-value{align-items:baseline;gap:.2rem;line-height:1;display:flex}.stat-value{letter-spacing:-.04em;font-size:2.5rem;font-weight:800;line-height:1}.stat-value-sm{letter-spacing:-.03em;font-size:1.75rem;font-weight:800;line-height:1}.stat-unit{opacity:.7;font-size:.85rem;font-weight:600}.stat-label{opacity:.75;letter-spacing:.02em;margin-top:.25rem;font-size:.72rem;font-weight:600}@media (width<=480px){.stats-grid{grid-template-rows:auto;grid-template-columns:1fr 1fr}.stat-card-main{grid-area:span 1/span 2;padding:1.25rem}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-card{background:var(--card-bg);border:1px solid var(--border);border-radius:24px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.skeleton-badge,.skeleton-emoji,.skeleton-title,.skeleton-line,.skeleton-progress{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/800px 100%;border-radius:99px;animation:1.4s infinite shimmer}.skeleton-badge{width:60px;height:18px}.skeleton-emoji{border-radius:12px;align-self:center;width:40px;height:40px}.skeleton-title{width:85%;height:14px}.skeleton-line{width:100%;height:11px}.skeleton-line.short{width:60%}.skeleton-progress{width:100%;height:3px;margin-top:.25rem}.fab{bottom:calc(var(--nav-height) + 1rem);background:var(--green);color:#fff;z-index:200;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.6rem;line-height:1;display:none;position:fixed;right:1.25rem;box-shadow:0 8px 24px #22c55e59}@media (width<=1023px){.fab{display:flex}}.error{color:#dc2626;background:#fff5f5;border:1px solid #fecaca;border-radius:10px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.empty{color:var(--text-muted);text-align:center;padding:2rem;font-size:.95rem}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:0;padding:4.5rem 2rem;display:flex}.empty-state-icon-wrap{justify-content:center;align-items:center;width:110px;height:110px;margin-bottom:1.75rem;display:flex;position:relative}.empty-state-icon-bg{background:linear-gradient(135deg,#ecfdf5 0%,#a7f3d0 100%);border-radius:30px;position:absolute;inset:0;transform:rotate(-6deg)}.empty-state-icon{z-index:1;font-size:3.5rem;position:relative}.empty-state-text{flex-direction:column;gap:.6rem;margin-bottom:2rem;display:flex}.empty-state-title{color:var(--text-title);letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.empty-state-desc{color:var(--text-muted);font-size:.95rem;line-height:1.8}.empty-state-btn{border-radius:14px;align-self:center;padding:.9rem 2.25rem;font-size:1rem}.toast-container{z-index:1000;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:2rem;right:1.5rem}.toast{pointer-events:auto;white-space:nowrap;border-radius:14px;padding:.875rem 1.25rem;font-size:.9rem;font-weight:600;box-shadow:0 8px 30px #0000001f}.toast-success{color:#f0fdf4;background:#0f172a}@media (width<=1023px){.toast-container{bottom:calc(var(--nav-height) + 1rem)}}.loading{color:var(--text-muted);text-align:center;padding:2rem}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{text-align:center;background:#fff;border-radius:28px;width:100%;max-width:360px;padding:2.5rem 2rem;box-shadow:0 8px 30px #0000000a}.login-icon{margin-bottom:1rem;font-size:3rem}.login-title{margin-bottom:.5rem;font-size:1.4rem;font-weight:700}.login-desc{color:var(--text-muted);margin-bottom:1.5rem;font-size:.85rem}.login-form{flex-direction:column;gap:1rem;display:flex}.login-form .btn-primary{text-align:center;width:100%}@media (width<=360px){.post-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=600px){.post-grid{grid-template-columns:repeat(3,1fr)}}.bottom-nav{padding-bottom:max(.5rem, env(safe-area-inset-bottom))}.sidebar{display:none}@media (width>=1024px){body{background:#f8fafb;position:relative;overflow-x:hidden}body:before,body:after{content:"";filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}body:before{background:#22c55e14;width:400px;height:400px;top:-100px;right:-100px}body:after{background:#22c55e0f;width:500px;height:500px;bottom:-150px;left:-150px}.app{z-index:1;flex-direction:row;max-width:1440px;min-height:100vh;margin:0 auto;position:relative}.bottom-nav{display:none}.sidebar{background:var(--card-bg);border-right:1px solid var(--border);z-index:10;flex-direction:column;flex:1 0;max-width:300px;height:100vh;min-height:100vh;display:flex;position:sticky;top:0}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:1.75rem 1.5rem;display:flex}.sidebar-logo-icon{font-size:1.8rem}.sidebar-logo-text{color:var(--text);letter-spacing:-.02em;font-size:1.1rem;font-weight:800}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:1rem .75rem;display:flex}.sidebar-item{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:.85rem;width:100%;padding:.75rem 1rem;font-size:.95rem;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar-item:hover{background:var(--green-light);color:var(--green-dark)}.sidebar-item.active{background:var(--green-light);color:var(--green-dark);font-weight:700}.sidebar-item-icon{text-align:center;width:1.5rem;font-size:1.1rem}.sidebar-item-label{font-size:.9rem}.sidebar-footer{color:var(--text-muted);border-top:1px solid var(--border);padding:1.25rem 1.5rem;font-size:.75rem}.main{flex:3;min-width:0;padding-bottom:0}.page{max-width:900px;margin:0 auto;padding:2.5rem 2rem}.page-title{font-size:2.25rem}.post-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.post-card{padding:1.5rem}.detail,.form-page{max-width:800px;margin:0 auto;padding:2.5rem 2rem}.category-grid{grid-template-columns:repeat(4,1fr)}}