*{box-sizing:border-box}body{color:#111827;background:#f3f5f7;margin:0;font-family:Arial,sans-serif}main{max-width:760px;margin:0 auto;padding:14px}.topbar{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.top-actions{align-items:center;gap:8px;display:flex}.top-project-select{min-width:170px;max-width:240px;padding:10px 12px;font-size:16px}.top-date{max-width:160px;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;margin-bottom:16px;padding:18px;box-shadow:0 4px 18px #00000014}.moment-card-main{padding-top:14px}nav{gap:8px;margin-bottom:14px;padding-bottom:4px;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}.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%;padding:14px;font-size:18px}textarea{resize:vertical;min-height:360px;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;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;margin-bottom:10px;padding:12px}.moment-card p{white-space:pre-wrap;color:#111827;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:100px}.time-row{align-items:center;gap:8px;display:flex}.time-row input{flex:1}.user-row,.reader-row,.reader-order-row{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;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}.logo{width:auto;height:80px;display:block}.tab-row{gap:8px;margin-bottom:14px;display:flex}.tab-row button{color:#111827;background:#fff;border:1px solid #d1d5db}.tab-row button.active{color:#fff;background:#111827}.header-meta{margin-top:4px;font-size:13px;line-height:1.25}@media (width<=600px){main{padding:10px}.topbar{flex-direction:column}.top-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.top-project-select,.top-date{min-width:0;max-width:none}.logout{grid-column:span 2}h1{font-size:32px}.card{padding:14px}textarea{min-height:500px}input,select,textarea{font-size:18px}.primary{width:100%}.logo{height:54px}}