:root{--primary: rgb(44, 128, 237);--secondary: rgb(68, 161, 205);--primary-opacity: rgba(44, 128, 237, .3);--secondary-opacity: rgba(68, 161, 205, .3);--error: rgb(255, 82, 0);--text-white: #ffffff;--text-black: #000000;--text-gray: #808080;--text-lightGray: #f0f0f0;--text-darkGray: #333333}*{box-sizing:border-box}html{background:#f7f8fa}body{margin:0;min-width:320px;min-height:100vh;color:#191f28;background:linear-gradient(180deg,#eef6ff 0,#f7f8fa 320px);font-family:Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(49,130,246,.28);outline-offset:2px}.layout-container{width:100%;min-height:100vh}.layout-content{width:min(100% - 32px,720px);min-height:calc(100vh - 180px);margin:0 auto;padding:116px 0 56px}.page-shell{width:100%}.page-heading{margin-bottom:28px}.eyebrow{display:block;margin-bottom:10px;color:#3182f6;font-size:.75rem;font-weight:800;letter-spacing:.12em}.page-heading h1{margin:0;color:#191f28;font-size:clamp(1.8rem,6vw,2.7rem);line-height:1.2;letter-spacing:-.045em}.page-heading p{margin:12px 0 0;color:#6b7684;font-size:.98rem;line-height:1.65;word-break:keep-all}.tool-card,.save-list-form{display:flex;padding:28px;border:1px solid rgba(255,255,255,.8);border-radius:24px;background:#ffffffeb;box-shadow:0 16px 44px #1f3c5c17;flex-direction:column;gap:10px}.field-label{margin-top:6px;color:#333d4b;font-size:.86rem;font-weight:750}.field-label em{color:#8b95a1;font-style:normal;font-weight:500}.field-help,.one-to-one-description,.save-list-form-title-description,.view-list-form-title-description{color:#8b95a1;font-size:.78rem;line-height:1.55}input,select,textarea{width:100%;min-height:52px;padding:0 16px;border:1px solid #e5e8eb;border-radius:14px;color:#191f28;background:#f9fafb;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}input::placeholder{color:#aeb5bc}input:focus,select:focus,textarea:focus{border-color:#3182f6;background:#fff;box-shadow:0 0 0 4px #3182f61a}button,.match-button,.submit-button,.save-list-form-button{min-height:52px;padding:0 18px;border:0;border-radius:14px;color:#fff;background:#3182f6;font-weight:750;transition:transform .18s,background .18s,box-shadow .18s}button:hover{background:#1b64da;transform:translateY(-1px)}.match-button,.submit-button,.save-list-form-button{margin-top:8px;box-shadow:0 8px 20px #3182f633}.save-button{display:block;width:100%;margin-top:16px;background:#191f28}.save-button:hover{background:#333d4b}.divider,.divider-line,.save-list-divider{width:100%;height:1px;margin:32px 0;background:#e5e8eb}.empty-result{display:flex;width:100%;min-height:132px;padding:24px;border:1px dashed #d9dfe5;border-radius:20px;color:#8b95a1;background:#f9fafb;align-items:center;justify-content:center;flex-direction:column;gap:7px;text-align:center}.empty-result strong{color:#4e5968;font-size:.95rem}.empty-result span{font-size:.8rem}.ad-slot{min-height:100px;width:min(100% - 32px,720px);margin:8px auto 40px;border-radius:20px;overflow:hidden;background:#f2f4f6}.error-page{display:flex;min-height:60vh;align-items:center;justify-content:center;flex-direction:column;gap:16px}.error-page-title{margin:0;font-size:1.6rem}.error-page-link{padding:14px 20px;border-radius:14px;color:#fff;background:#3182f6;text-decoration:none;font-weight:700}@media (max-width: 560px){.layout-content{width:min(100% - 24px,720px);padding-top:104px}.tool-card,.save-list-form{padding:20px;border-radius:20px}.page-heading{padding:0 4px}}.layout-header{position:fixed;top:16px;left:50%;z-index:1000;display:flex;width:min(calc(100% - 32px),720px);min-height:72px;padding:10px 12px 10px 18px;border:1px solid rgba(255,255,255,.9);border-radius:22px;background:#ffffffe0;box-shadow:0 12px 36px #1f3c5c1f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;justify-content:space-between;transform:translate(-50%)}.brand-link{display:flex;align-items:center;border-radius:10px}.header-logo{display:block;width:112px;height:auto;object-fit:contain}.header-nav-container{display:flex;padding:4px;border-radius:14px;background:#f2f4f6;gap:2px}.header-nav-link{min-width:68px;padding:10px 12px;border-radius:11px;color:#6b7684;text-align:center;text-decoration:none;font-size:.86rem;font-weight:650;transition:.18s ease}.header-nav-link:hover{color:#3182f6;background:#fff}.header-nav-link.active{color:#1b64da;background:#fff;box-shadow:0 3px 10px #1f3c5c1a;font-weight:800}.footer{display:flex;min-height:76px;padding:22px 24px;border-top:1px solid #e5e8eb;color:#8b95a1;background:#fff;align-items:center;justify-content:center}.footer-text2{text-align:center}.copyright{font-size:.75rem}@media (max-width:560px){.layout-header{top:10px;width:calc(100% - 20px);min-height:66px;padding-left:14px;border-radius:19px}.header-logo{width:82px}.header-nav-link{min-width:auto;padding:10px;font-size:.78rem}.footer{min-height:68px}}.one-to-one-container{margin:0 auto}.pairs-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pairs-container .empty-result{grid-column:1/-1}.pair-item{display:flex;min-height:68px;padding:14px;border:1px solid #e5e8eb;border-radius:18px;color:#333d4b;background:#fff;box-shadow:0 8px 24px #1f3c5c0f;align-items:center;justify-content:center;gap:10px;font-size:.92rem;font-weight:700;text-align:center}@media (max-width:480px){.pairs-container{grid-template-columns:1fr}.pair-item{min-height:60px}}.team-share-container{margin:0 auto}.team-options{display:grid;grid-template-columns:minmax(110px,1fr) auto auto;margin:6px 0;padding:14px;border:0;border-radius:16px;background:#f2f4f6;align-items:center;gap:12px}.team-options legend{padding:0 4px;color:#333d4b;font-size:.84rem;font-weight:750}.team-options input[type=number]{background:#fff}.toggle-option{display:flex;min-height:38px;padding:0 10px;border-radius:12px;color:#4e5968;background:#fff;align-items:center;gap:7px;font-size:.84rem;font-weight:650;white-space:nowrap}.toggle-option input{width:18px;min-height:18px;accent-color:#3182f6}.teams-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.teams-container .empty-result{grid-column:1/-1}.team-item{padding:20px;border:1px solid #e5e8eb;border-radius:20px;background:#fff;box-shadow:0 10px 28px #1f3c5c12}.team-item h3{margin:0 0 12px;color:#3182f6;font-size:1rem}.team-member{padding:10px 4px;border-bottom:1px solid #f2f4f6;color:#333d4b;font-size:.9rem}.team-member:last-child{border-bottom:0}@media (max-width:540px){.team-options{grid-template-columns:1fr 1fr}.team-options input[type=number]{grid-column:1/-1}.teams-container{grid-template-columns:1fr}}.save-list-container{margin:0 auto}.save-list-form{width:100%;align-items:stretch}.save-list-title{margin:0 0 2px;color:#191f28;font-size:1.15rem;letter-spacing:-.025em}.save-list-form-title-description{margin-bottom:8px}.get-list-container{display:flex;width:100%;flex-direction:column;gap:10px}.get-list-button{display:flex;margin:0 0 6px;color:#333d4b;align-items:center;justify-content:space-between;font-size:1.05rem}.save-item-container{display:flex;width:100%;min-height:58px;padding:0 18px;border:1px solid #e5e8eb;border-radius:16px;color:#333d4b;background:#fff;box-shadow:0 6px 18px #1f3c5c0d;align-items:center;justify-content:space-between;text-decoration:none;transition:.18s ease}.save-item-container:hover{border-color:#9ec5fb;color:#1b64da;background:#f7fbff;transform:translateY(-1px)}.save-item-name{font-size:.95rem;font-weight:750}.member-item-container{display:flex;width:100%;min-height:64px;padding:10px 12px 10px 18px;border:1px solid #e5e8eb;border-radius:16px;color:#333d4b;background:#fff;align-items:center;justify-content:space-between;gap:12px}.member-item-name{min-width:0;overflow:hidden;font-size:.95rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.member-item-button-container{display:flex;flex-shrink:0;gap:6px}.member-item-button{min-height:38px;padding:0 12px;border-radius:11px;color:#4e5968;background:#f2f4f6;box-shadow:none;font-size:.78rem}.member-item-button:hover{color:#1b64da;background:#e8f3ff}.member-item-button:first-child:hover{color:#d9393e;background:#fff0f0}.member-item-input{min-width:0;min-height:42px;padding:0 12px;flex:1;font-size:.9rem}.team-view-container{margin:0 auto}.view-list-container{display:flex;width:100%;flex-direction:column;gap:10px}.danger-button{color:#e5484d;background:#fff1f1;box-shadow:none}.danger-button:hover{color:#c9363e;background:#ffe5e5}.floating-button{position:fixed;right:max(16px,calc((100vw - 720px)/2));bottom:24px;z-index:50;min-height:48px;padding:0 18px;border:1px solid rgba(255,255,255,.85);border-radius:16px;color:#fff;background:#191f28;box-shadow:0 10px 30px #191f2838}.floating-button:hover{background:#333d4b}@media (max-width:560px){.floating-button{right:14px;bottom:14px}}.tag-input-container{display:flex;flex-wrap:wrap;gap:6px;padding:6px 8px;border:1px solid #ddd;border-radius:5px;background:#fff;cursor:text;min-height:40px;align-items:center}.tag-chip{display:inline-flex;align-items:center;gap:4px;background-color:var(--primary-opacity);color:var(--text-darkGray);padding:3px 8px;border-radius:20px;font-size:13px;font-weight:500;white-space:nowrap}.tag-chip-required{background-color:#44cd7840;color:#1a7a40}.tag-chip-required .tag-remove{color:#1a7a40}.tag-remove{background:none;border:none;cursor:pointer;color:var(--primary);font-size:16px;padding:0;line-height:1;display:flex;align-items:center}.tag-input{border:none;outline:none;flex:1;min-width:80px;padding:2px 0;font-size:14px;background:transparent}