:root{--ink: #1d1d1f;--paper: #ffffff;--secondary: #f5f5f7;--accent: #3a7ca5;--accent-soft: #eef4f8;--muted: #86868b;--border: #d2d2d7;--danger: #dc2626;--radius: 6px}@media(prefers-color-scheme:dark){:root{--ink: #e5e5e7;--paper: #161618;--secondary: #1c1c1e;--accent: #5aaddb;--accent-soft: #1a2a36;--muted: #7c7c80;--border: #303034;--danger: #ef4444}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Hiragino Sans,Noto Sans JP,system-ui,sans-serif;background:var(--secondary);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}.app-header{background:var(--paper);border-bottom:1px solid var(--border);padding:10px 16px;position:sticky;top:0;z-index:10}.app-header-brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-weight:600;font-size:14px}.screen{max-width:600px;margin:32px auto;padding:0 16px}.screen h2{font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border)}.card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px}.input-group{margin-bottom:12px}.input-group label{display:block;font-size:13px;font-weight:600;margin-bottom:4px}.input-group input,.input-group textarea,.input-group select{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;font-family:inherit;background:var(--paper);color:var(--ink);transition:border-color .15s}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{outline:none;border-color:var(--accent)}.btn{display:inline-block;padding:8px 20px;border:none;border-radius:var(--radius);cursor:pointer;font-size:14px;font-family:inherit;font-weight:500;transition:all .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{opacity:.85}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:none;border:1px solid var(--border);color:var(--ink)}.btn-outline:hover{border-color:var(--muted)}.error{color:var(--danger);font-size:13px;margin-top:8px}.meta{font-size:12px;color:var(--muted)}.text-right{text-align:right}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:16px}.login svg{margin-bottom:12px}.login h1{font-size:24px;font-weight:700;letter-spacing:-.025em;margin-bottom:24px}.login form{width:100%;max-width:320px}.login input{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;font-family:inherit;background:var(--paper);color:var(--ink);margin-bottom:12px;transition:border-color .15s}.login input:focus{outline:none;border-color:var(--accent)}.login button{width:100%}.post-content{font-size:14px;line-height:1.7;margin-bottom:8px}.post-actions{display:flex;gap:6px;flex-wrap:wrap}.btn-sm{padding:4px 12px;font-size:12px}.btn-danger{background:var(--danger);color:#fff;border:none}.btn-danger:hover{opacity:.85}.compose textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;font-family:inherit;background:var(--paper);color:var(--ink);height:100px;resize:vertical;transition:border-color .15s}.compose textarea:focus{outline:none;border-color:var(--accent)}.compose-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.flex{display:flex;gap:12px;align-items:flex-start}.flex-between{display:flex;justify-content:space-between;align-items:center}.spa-marker{position:fixed;bottom:0;right:0;padding:4px 8px;font-size:10px;color:var(--muted);opacity:.4}