*{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}body{color:#111827;background:#f3f5f7;margin:0;font-family:Arial,sans-serif}main{max-width:760px;margin:0 auto;padding:14px}.topbar{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.brand-row{justify-content:flex-start;align-items:center;display:flex}.logo{width:auto;height:54px;display:block}.top-actions{grid-template-columns:1fr 1fr;align-items:center;gap:8px;width:100%;display:grid}.top-project-select,.top-date{width:100%;min-width:0;max-width:none;padding:10px 12px;font-size:16px}h1{margin:0;font-size:34px}h2{margin-top:0;font-size:26px}h3{margin-bottom:8px}small,p{color:#4b5563}.card{background:#fff;border-radius:18px;width:100%;max-width:100%;margin-bottom:16px;padding:18px;box-shadow:0 4px 18px #00000014}.moment-card-main{padding-top:16px}nav{-webkit-overflow-scrolling:touch;gap:8px;max-width:100%;margin-bottom:14px;padding-bottom:5px;display:flex;overflow-x:auto}nav button{white-space:nowrap;color:#111827;background:#fff;border:1px solid #d1d5db}nav button.active{color:#fff;background:#111827}button{cursor:pointer;color:#fff;background:#2563eb;border:0;border-radius:12px;padding:12px 14px;font-size:16px}button:disabled{cursor:not-allowed;opacity:.55}.logout{color:#111827;background:#e5e7eb}.profile-logout{width:100%;margin-top:12px;padding:14px}.form{flex-direction:column;gap:10px;display:flex}.compact{margin-bottom:18px}label{margin-top:8px;margin-bottom:4px;font-weight:700;display:block}input,select,textarea{background:#fff;border:1px solid #d1d5db;border-radius:14px;width:100%;max-width:100%;padding:14px;font-size:18px}textarea{resize:vertical;min-height:320px;line-height:1.5}.moment-form label:first-child{margin-top:0}.moment-form select{margin-bottom:0}.primary{background:#16a34a;padding:16px;font-size:20px}.diary-box{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;min-height:180px;margin-bottom:16px;padding:14px}.diary-box p{color:#111827;margin:0 0 10px}.err{color:#991b1b;background:#fee2e2;border-radius:12px;padding:12px}.ok{color:#166534;background:#dcfce7;border-radius:12px;padding:12px}.project{text-align:left;color:#111827;background:#f9fafb;border:1px solid #e5e7eb;width:100%;margin-bottom:8px}.project.active{color:#fff;background:#111827}.auth{max-width:440px;padding-top:60px}a{color:#2563eb;cursor:pointer}.moment-list{margin-top:16px}.moment-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;max-width:100%;margin-bottom:10px;padding:12px;overflow:hidden}.moment-card p{white-space:pre-wrap;color:#111827;overflow-wrap:anywhere;word-break:break-word;margin:0}.moment-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.secondary{color:#111827;background:#e5e7eb}.danger{color:#fff;background:#dc2626}.edit-textarea{min-height:130px}.time-row{align-items:center;gap:8px;display:flex}.time-row input{flex:1}.user-row,.reader-row,.reader-order-row{overflow-wrap:anywhere;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;max-width:100%;margin-bottom:10px;padding:12px;display:flex}.reader-row,.reader-order-row{text-align:left;color:#111827;background:#f9fafb;width:100%}.reader-row.active,.reader-order-row.active{color:#fff;background:#111827}.reader-row.active small,.reader-order-row.active small{color:#e5e7eb}.reader-orders{margin-bottom:12px;margin-left:12px}.diary-project{margin-bottom:22px}.diary-project h3{color:#fff;background:#111827;border-radius:12px;padding:12px}.tab-row{-webkit-overflow-scrolling:touch;gap:8px;margin-bottom:14px;display:flex;overflow-x:auto}.tab-row button{color:#111827;white-space:nowrap;background:#fff;border:1px solid #d1d5db}.tab-row button.active{color:#fff;background:#111827}.header-meta{display:none}@media (width<=600px){main{max-width:100%;padding:8px}.topbar{gap:7px;margin-bottom:8px}.brand-row{min-height:34px}.logo{height:36px}.top-actions{grid-template-columns:1fr 1fr;gap:6px}.top-project-select,.top-date{border-radius:12px;padding:9px 10px;font-size:15px}nav{gap:6px;margin-bottom:8px;padding-bottom:5px}nav button{border-radius:12px;padding:9px 11px;font-size:15px}h1{font-size:26px}h2{margin-bottom:12px;font-size:24px}h3{font-size:18px}.card{border-radius:16px;margin-bottom:12px;padding:14px}.moment-card-main{padding-top:14px}label{margin-top:7px;margin-bottom:5px;font-size:15px}input,select,textarea{border-radius:13px;padding:11px;font-size:16px}textarea{min-height:230px}.moment-form textarea{min-height:220px}.edit-textarea{min-height:150px}.primary{width:100%;padding:14px;font-size:18px}.moment-list{margin-top:12px}.moment-card{border-radius:13px;padding:10px}.moment-card p{font-size:15px;line-height:1.35}.moment-actions button{padding:10px 12px;font-size:14px}.time-row{gap:6px}.time-row button{padding:10px 12px}.user-row,.reader-row,.reader-order-row{align-items:flex-start;gap:8px;padding:10px}.reader-orders{margin-left:0}.tab-row{gap:6px;margin-bottom:10px}.tab-row button{padding:10px 12px;font-size:14px}.diary-box{min-height:120px;padding:12px;font-size:15px}.auth{padding-top:24px}}