:root{--line-green: #06c755;--line-green-dark: #05a847;--text: #1f1f1f;--text-sub: #666;--bg: #f7f8fa;--card-bg: #ffffff;--border: #e3e6ea;--danger: #e0354b;--radius: 12px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app-container{max-width:480px;margin:0 auto;padding:16px;min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 16px;border:none;border-radius:var(--radius);font-size:16px;font-weight:600;cursor:pointer;transition:background .15s ease,opacity .15s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--line-green);color:#fff}.btn-primary:not(:disabled):active{background:var(--line-green-dark)}.btn-secondary{background:#fff;color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--danger);color:#fff}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:16px}.card-title{margin:0 0 12px;font-size:18px;font-weight:700}.status-badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:600;color:#fff}.status-badge--unregistered{background:#9aa0a6}.status-badge--trial{background:#f5a623}.status-badge--registered{background:var(--line-green)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:12px;color:var(--text-sub)}.spinner{width:36px;height:36px;border:4px solid var(--border);border-top-color:var(--line-green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;text-align:center;padding:24px}.error-state__message{color:var(--danger);font-weight:600}.field{margin-bottom:16px}.field-label{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:var(--text-sub)}.input,.textarea{width:100%;padding:12px;font-size:16px;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.textarea{resize:vertical;min-height:80px}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:14px}.text-sub{color:var(--text-sub);font-size:14px;line-height:1.6}.feedback{text-align:center;padding:24px 0}.feedback__title{font-size:18px;font-weight:700;margin-bottom:8px}.empty-state{text-align:center;color:var(--text-sub);padding:32px 0}.list-item{border-bottom:1px solid var(--border);padding:12px 0}.list-item:last-child{border-bottom:none}.list-item__row{display:flex;justify-content:space-between;align-items:center;gap:8px}.inline-error{color:var(--danger);font-size:14px;margin-top:8px}