:root{--bg:#f3ead5;--ink:#1a1612;--ink-soft:#5a4f44;--accent:#8a2331;--line:#28140a26}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.7}a{color:var(--accent)}.container{max-width:960px;margin:0 auto;padding:32px 20px 80px}.container.narrow{max-width:460px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.topbar h1{margin:0;font-size:20px}.topbar span{color:var(--ink-soft);font-size:13px}input[type=email],input[type=text],input[type=password]{border:1px solid var(--line);background:#fff;border-radius:6px;width:100%;padding:10px 12px;font-size:15px}button,.upload-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:12px;padding:10px 18px;font-size:14px;display:inline-block}button:disabled{opacity:.5;cursor:default}.upload-btn:has(input:disabled){opacity:.5;cursor:default}.upload-btn input{display:none}.error{color:var(--accent);font-size:13px}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:24px;display:grid}.card{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;text-decoration:none;display:block;overflow:hidden}.card img,.thumb-placeholder{aspect-ratio:1;object-fit:cover;width:100%;display:block}.thumb-placeholder{color:var(--ink-soft);background:#e7ddc6;justify-content:center;align-items:center;font-size:13px;display:flex}.card-name{white-space:nowrap;text-overflow:ellipsis;padding:8px 10px;font-size:12px;display:block;overflow:hidden}.preview{border:1px solid var(--line);border-radius:8px;max-width:100%}.share{border-top:1px solid var(--line);margin-top:32px;padding-top:16px}code{word-break:break-all;background:#e7ddc6;border-radius:4px;padding:2px 6px}