@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";#root{flex-direction:column;min-height:100vh;display:flex}:root{--color-primary:#f47b2a;--color-primary-hover:#d9661f;--color-primary-light:#fde8d5;--color-success-bg:#d1fae5;--color-success-text:#065f46;--color-success-border:#6ee7b7;--color-warning-bg:#fef3c7;--color-warning-text:#92400e;--color-warning-border:#fcd34d;--color-danger-bg:#fee2e2;--color-danger-text:#991b1b;--color-danger-border:#fca5a5;--color-neutral-bg:#f9fafb;--color-neutral-text:#374151;--radius:12px;--shadow:0 4px 24px #0000001a;--shadow-modal:0 8px 40px #0000002e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-neutral-bg);color:var(--color-neutral-text);flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex}.header{background:var(--color-primary);color:#fff;padding:20px 32px}.header__inner{justify-content:start;align-items:center;gap:14px;max-width:960px;margin:0 auto;display:flex}.header__logo{object-fit:contain;background:#fff;border-radius:10px;flex-shrink:0;width:52px;height:52px;padding:4px}.header__text{flex-direction:column;gap:3px;display:flex}.header__title{letter-spacing:-.02em;font-size:1.35rem;font-weight:700}.header__subtitle{opacity:.85;font-size:.87rem}.main{flex-direction:column;flex:1;align-items:center;gap:16px;padding:56px 16px 32px;display:flex}.main__hint{color:#6b7280;text-align:center;font-size:.92rem}.search-box{gap:8px;width:100%;max-width:480px;display:flex}.search-input{border-radius:var(--radius);border:2px solid #e5e7eb;outline:none;flex:1;padding:13px 16px;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #f47b2a26}.search-input:disabled{cursor:not-allowed;background:#f3f4f6}.search-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;min-width:96px;padding:13px 22px;font-family:inherit;font-size:1rem;font-weight:600;transition:background .2s,transform .1s;display:flex}.search-btn:hover:not(:disabled){background:var(--color-primary-hover)}.search-btn:active:not(:disabled){transform:scale(.97)}.search-btn:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{border:2.5px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.footer{text-align:center;color:#9ca3af;border-top:1px solid #f0f0f0;padding:18px 16px;font-size:.8rem}.modal-backdrop{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:16px;animation:.2s backdropIn;display:flex;position:fixed;inset:0}.modal-card{border-radius:var(--radius);width:100%;max-width:680px;box-shadow:var(--shadow-modal);border:1px solid #0000;padding:32px 28px 24px;animation:.25s cubic-bezier(.34,1.56,.64,1) modalIn;position:relative}.modal-card--waiting,.modal-card--not-member,.modal-card--is-member,.modal-card--collaborator,.modal-card--error{color:var(--color-neutral-text);background:#fff}.modal-card--waiting{border-top:4px solid var(--color-warning-border)}.modal-card--not-member{border-top:4px solid var(--color-danger-border)}.modal-card--is-member{border-top:4px solid var(--color-success-border)}.modal-card--collaborator{border-top:4px solid var(--color-warning-border)}.modal-card--error{border-top:4px solid var(--color-danger-border)}.modal-close{cursor:pointer;opacity:.5;background:0 0;border:none;font-family:inherit;font-size:1rem;line-height:1;transition:opacity .15s;position:absolute;top:12px;right:14px}.modal-close:hover{opacity:1}.modal-card__title{margin-bottom:10px;font-size:1.15rem;font-weight:700}.modal-card__content{font-size:.95rem;line-height:1.7}.modal-card__content *,.modal-card__content :before,.modal-card__content :after{margin:revert;padding:revert;list-style:revert;font-size:revert;font-weight:revert;line-height:revert}.modal-btn-reset{cursor:pointer;opacity:.7;background:0 0;border:none;margin-top:20px;font-family:inherit;font-size:.85rem;text-decoration:underline;display:inline-block}.modal-btn-reset:hover{opacity:1}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.88)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=480px){.header{padding:14px 16px}.header__inner{gap:10px}.header__title{font-size:1.1rem}.header__logo{width:42px;height:42px}.main{padding:36px 12px 24px}.modal-card{padding:28px 18px 20px}}