:root{--primary:#00d1b2;--primary-dark:#00947e;--primary-soft:#00d1b21f;--link:#485fc7;--info:#3e8ed0;--success:#48c78e;--warning:#ffe08a;--warning-dark:#946c00;--danger:#f14668;--danger-soft:#f146681f;--orange:#ff9f43;--bg:#f5f7fa;--bg-elev:#fff;--bg-muted:#f5f5f5;--text:#363636;--text-soft:#4a4a4a;--text-muted:#7a7a7a;--border:#e3e6ea;--shadow:0 1px 2px #0a0a0a0a, 0 8px 24px -12px #0a0a0a2e;--shadow-hover:0 2px 4px #0a0a0a0f, 0 16px 36px -14px #0a0a0a47;--radius:14px;--radius-sm:8px;--font:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#14161a;--bg-elev:#1e2128;--bg-muted:#262a32;--text:#f0f2f5;--text-soft:#d5d9df;--text-muted:#9aa1ab;--border:#2e333c;--primary-soft:#00d1b229;--shadow:0 1px 2px #0006, 0 10px 28px -14px #000000b3;--shadow-hover:0 2px 6px #00000080, 0 18px 40px -14px #000c;--warning-dark:#ffe08a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.55;transition:background-color .25s,color .25s}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{letter-spacing:-.005em;margin:0;font-weight:500;line-height:1.3}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 16px}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{cursor:pointer;background:var(--bg-muted);color:var(--text);white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-weight:500;transition:transform .12s,background-color .15s,box-shadow .15s,border-color .15s;display:inline-flex}.btn,.btn:hover{text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-outline{border-color:var(--border);background:0 0}.btn-outline:hover{border-color:var(--primary);color:var(--primary-dark)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{border-radius:8px;padding:6px 12px;font-size:13px}.btn-block{width:100%}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.tag{background:var(--bg-muted);color:var(--text-soft);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex}.tag-primary{background:var(--primary-soft);color:var(--primary-dark)}.tag-danger{background:var(--danger-soft);color:var(--danger)}.tag-info{color:var(--info);background:#3e8ed024}.tag-warning{color:var(--warning-dark);background:#ffe08a59}.tag-success{color:#257953;background:#48c78e29}:root[data-theme=dark] .tag-success{color:var(--success)}.tag-amazon{color:#b45f00;background:#ff990029}.tag-rakuten{color:#bf0000;background:#bf00001f}:root[data-theme=dark] .tag-amazon{color:#ffb547}:root[data-theme=dark] .tag-rakuten{color:#ff7b7b}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--text-soft);font-size:13px;font-weight:500}.input,.select,.textarea{border:1px solid var(--border);background:var(--bg-elev);width:100%;color:var(--text);border-radius:10px;outline:none;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.textarea{resize:vertical;min-height:90px}.checkbox{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.checkbox input{width:16px;height:16px;accent-color:var(--primary)}.table{border-collapse:collapse;width:100%;font-size:14px}.table td,.table th{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:10px 12px}.table th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:12px;font-weight:500}.table tr:hover td{background:var(--bg-muted)}.muted{color:var(--text-muted)}.small{font-size:13px}.row{align-items:center;gap:10px;display:flex}.wrap{flex-wrap:wrap}.grow{flex:1}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-2{margin-bottom:16px}.section-title{align-items:center;gap:10px;margin-bottom:14px;font-size:20px;display:flex}.section-title .tag{font-size:11px}@keyframes fire{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-1px)scale(1.08)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.35s both fadeUp}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--bg-muted) 25%,var(--border) 37%,var(--bg-muted) 63%);border-radius:var(--radius-sm);background-size:800px 100%;animation:1.4s linear infinite shimmer}.prose p{color:var(--text-soft);margin:0 0 12px}.prose h2{margin:28px 0 10px;font-size:22px}.prose h3{margin:20px 0 8px;font-size:17px}.prose ul{color:var(--text-soft);padding-left:20px}.prose li{margin-bottom:6px}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.001ms!important;animation-duration:.001ms!important}}
