*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#0f0f12;color:#e4e4e7;min-height:100vh}#root{min-height:100vh}.page{max-width:640px;margin:0 auto;padding:1.5rem}.header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.header h1{margin:0;font-size:1.5rem;font-weight:600}.back{color:#a1a1aa;text-decoration:none;font-size:.95rem}.back:hover{color:#fff}.btn{padding:.5rem 1rem;border-radius:6px;border:none;font-size:.9rem;cursor:pointer;background:#27272a;color:#e4e4e7}.btn.primary{background:#3b82f6;color:#fff}.btn.primary:hover:not(:disabled){background:#2563eb}.btn:disabled{opacity:.6;cursor:not-allowed}.card{background:#18181b;border:1px solid #27272a;border-radius:8px;padding:1rem 1.25rem;margin-bottom:.75rem}.form-card .input,.form-card .textarea,.form-card .btn{display:block;width:100%;margin-bottom:.75rem}.form-card .btn{margin-bottom:0}.link-card{display:block;text-decoration:none;color:inherit;transition:border-color .15s}.link-card:hover{border-color:#3b82f6}.list{list-style:none;padding:0;margin:0}.list-item{margin-bottom:.5rem}.title{margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.desc{margin:0;font-size:.9rem;color:#a1a1aa;white-space:pre-wrap}.done-badge{display:inline-block;font-size:.7rem;padding:.2rem .5rem;border-radius:4px;margin-bottom:.5rem;background:#27272a;color:#a1a1aa}.link-card .done-badge{background:#166534;color:#86efac}.input,.textarea{padding:.5rem .75rem;border-radius:6px;border:1px solid #27272a;background:#0f0f12;color:#e4e4e7;font:inherit}.input:focus,.textarea:focus{outline:none;border-color:#3b82f6}.textarea.code{font-family:ui-monospace,monospace;font-size:.85rem;line-height:1.5}.label{display:block;font-size:.85rem;color:#a1a1aa;margin-bottom:.35rem}.detail-page .form-card{margin-top:0}.test-block{margin-bottom:.75rem;padding:.5rem 0;border-bottom:1px solid #27272a}.test-block .input,.test-block .textarea{margin-bottom:.5rem}.test-block .btn{margin-top:.25rem}.meta-badge{display:inline-block;font-size:.7rem;padding:.2rem .5rem;border-radius:4px;margin-right:.35rem;margin-bottom:.35rem;background:#27272a;color:#a1a1aa}.meta-badge.tags{background:#1e3a5f;color:#93c5fd}.link-card .meta-badge:first-of-type{margin-left:0}