:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7faf7;font-family:Inter,Pretendard,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,textarea,select{font:inherit}.cbti-page{background:radial-gradient(circle at 0 0,#e9f5eee6,#0000 32%),linear-gradient(135deg,#f7faf7 0%,#eef5f1 48%,#f8fbff 100%);place-items:center;min-height:100svh;padding:24px;display:grid}.phone-shell{background:#fff;border:1px solid #d8ded8;border-radius:8px;flex-direction:column;width:min(390px,100%);height:min(780px,100svh - 48px);min-height:640px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #102b182e}.app-header,.landing-top{color:#102d18;justify-content:space-between;align-items:center;min-height:52px;padding:0 18px;font-size:14px;display:flex;position:relative}.app-header{border-bottom:1px solid #edf0ec}.taste-transition-header{color:#5f858a;border-bottom:0;justify-content:center}.taste-transition-header strong{font-size:14px;font-weight:850}.screen-body{flex:1;min-height:0;overflow:auto}.flow-fade{animation:.28s both flowFadeIn}@keyframes flowFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.landing-screen,.survey-screen,.analysis-screen,.result-screen,.coffee-screen,.bora-screen{flex-direction:column;min-height:100%;padding:20px;display:flex}.landing-screen{color:#0e2515;padding-top:0;position:relative}.landing-copy{z-index:1;padding-top:42px;position:relative}.landing-copy h1,.survey-screen h2,.analysis-screen h2,.result-screen h2,.coffee-screen h2,.bora-screen h2{color:#0f2416;letter-spacing:0;margin:0}.landing-copy h1{max-width:250px;font-size:34px;line-height:1.24}.landing-copy p{color:#26382b;word-break:keep-all;max-width:250px;margin:24px 0 0;font-size:15px;font-weight:600;line-height:1.7}.landing-visual{object-fit:cover;border-radius:0 0 8px 8px;width:calc(100% + 40px);height:260px;margin:54px -20px -20px}.intro-screen{text-align:center;align-items:center;padding:30px 24px 28px;position:relative}.intro-screen .landing-top,.intro-screen .landing-copy,.intro-screen .landing-visual{display:none}.intro-logo-wrap{place-items:center;width:100%;min-height:42px;display:grid}.intro-logo{width:31px;max-width:48%;height:auto;display:block}.intro-menu-wrap{z-index:10;position:absolute;top:24px;right:20px}.intro-menu-wrap .menu-button{background:#ffffffdb;border:1px solid #0000;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;display:inline-flex}.intro-menu-wrap .menu-button:hover,.intro-menu-wrap .menu-button:focus-visible{border-color:#d5e0d8;outline:0}.intro-menu-wrap .menu-button span{background:#17251c;border-radius:999px;width:18px;height:2px}.intro-menu{background:#fff;border:1px solid #dce5dc;border-radius:8px;min-width:132px;padding:6px;position:absolute;top:46px;right:0;box-shadow:0 14px 32px #102b182e}.intro-menu button{color:#0f2f19;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;width:100%;min-height:42px;padding:0 12px;font-size:14px;font-weight:850}.intro-menu button:hover,.intro-menu button:focus-visible{background:#edf6ef;outline:0}.intro-visual-card{background-color:#eee;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWgAAADcCAIAAADSq6xVAAAEL0lEQVR4nO3dvW4bRxhA0ZGwRVK5UwADfv8Hc2DE6hwbSLpJQYuWVvzZS8BQTJ7TiiTY7MXsiDvf3d/fvg2AYplzbn/1x8+fft5XAd7Qhz/eb3/x3ZevX8++SC/gdmwpyJlwrJKRmgT8QtLFfioczz9IMuAWbLzqj4Zj/37JgFtz9vI/HI7d2yQDbtmJDtynVwO3YxeBg/8bWYdDNYC9Y+14EQ7VAFYOtuNHOPxYAzjheSLWtyqWG8DK6yx8D4flBnDWPhQvVhyWG8BBqzgs4/kzbuF5N+AmzTF2K46Pj5/GGB8eLDeAo3aJ2OXiwA/AAE4TDiATDiBbnu2I2hoFtphWHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEC27CdAllGQwO2a04oD6IQDyIQDyIQDyIQDyIQDyIQDyIQDyJwABlROAAM64QAy4QAy4QCyxd4o0Hg6FriAcACZcACZcACZcACZcACZcACZcACZcACZcACZcACZcADZMp9GP04zIIEN5nQCGNAJB5AJB5AJB5AJB5AJB5AJB5AJB5AJB5AJB5AJB5AJB5AJB5AZAQlERkACFxAOIBMOIBMOIFuG3VGgcXQg0AkHkAkHkAkHkAkHkAkHkAkHkAkHkC37ibFGxwJbTE/HAhcQDiATDiATDiATDiATDiATDiATDiBzAhhQOQEM6IQDyIQDyIyABCIPuQEXEA4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gW+bT6MdpBiSwwZxOAAM64QAy4QAy4QAy4QAy4QAy4QAy4QAy4QAy4QAy4QAy4QAy4QAys2OByOxY4ALCAWTCAWTLsMkBNE4AAzrhADLhADLhADLhADLhADLhADLhALJlP/jRBEhgi+khN+ACwgFkwgFkwgFkwgFkwgFkwgFkwgFkwgFkjg4EKkcHAp1wAJlwAJkRkEDk6VjgAsIBZMIBZMIBZMIBZMIBZMIBZMIBZMIBZMIBZMIBZMIBZMIBZMt8mhk7DY8FNpjTCWBAJxxAJhxAJhxAJhxAJhxAJhxAJhxAJhxAJhxAJhxAJhxAZgQkEBkBCVxAOIBMOIBMOIBsGXZHgcYJYEAnHEAmHEAmHEAmHEAmHEAmHEAmHEC27Ac/mgAJbDE9HQtcQDiATDiATDiATDiATDiATDiATDiAzAlgQOUEMKATDiATDiC7H2M8/P5ujPH4z5e3/jLA/9cuEbtcLC+2RG2PAqfNMVa3Ko//WnQAB6zi8D0cD7+9e4svA/xK9qFYb45adAArr7PwIxwWHcAJzxNx//oPFh3A3i4Iq4XF+lZFO4C9g9UYB38Aph3AOF6NMcbd459/nXjPsbcBV+zs5X80HOPlokM+4BZsvOpPhWO8umGRD7hW6WI/E46DnwhcsS3rgyV9kILAtUr3E5vCcdlHA9fqPyi4ActGrGmsAAAAAElFTkSuQmCC);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #c7c7c7;border-radius:16px;place-items:center;width:100%;min-height:310px;margin-top:26px;display:grid;overflow:hidden}.intro-visual-card p{color:#777d82;word-break:keep-all;margin:0;font-size:13px;font-weight:500;line-height:1.75}.intro-copy{color:#222;margin-top:38px}.intro-copy h1{color:#202020;letter-spacing:0;word-break:keep-all;margin:0;font-size:29px;font-weight:900;line-height:1.24}.intro-copy p{color:#64686c;word-break:keep-all;margin:29px 0 0;font-size:16px;font-weight:500;line-height:1.55}.intro-screen .api-error{margin:0;position:absolute;bottom:96px;left:24px;right:24px}.intro-start-button{color:#fff;min-height:56px;box-shadow:none;background:#5f8488;border-radius:9px;font-size:17px;font-weight:800;bottom:28px;left:24px;right:24px}.intro-start-button:hover,.intro-start-button:focus-visible{background:#53787c}.intro-start-button:disabled{opacity:1;background:#5f8488}.intro-start-button span[aria-hidden=true]{display:none}.intro-start-button[aria-busy=true]{color:#0000;position:absolute}.intro-start-button[aria-busy=true]:after{content:"";border:3px solid #ffffff73;border-top-color:#fff;border-radius:999px;width:23px;height:23px;margin:-11.5px 0 0 -11.5px;animation:.76s linear infinite buttonSpin;position:absolute;top:50%;left:50%}@keyframes buttonSpin{to{transform:rotate(360deg)}}.menu-button,.icon-button,.icon-link{color:#0d2d17;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;font-size:25px;text-decoration:none;display:inline-grid}.icon-button,.icon-link{font-size:32px;line-height:1}.landing-menu{z-index:5;background:#fff;border:1px solid #dce5dc;border-radius:8px;min-width:148px;padding:6px;position:absolute;top:44px;right:16px;box-shadow:0 14px 32px #102b182e}.landing-menu a{color:#0f2f19;border-radius:6px;align-items:center;min-height:42px;padding:0 12px;font-size:14px;font-weight:850;text-decoration:none;display:flex}.landing-menu a:hover,.landing-menu a:focus-visible{background:#edf6ef;outline:0}.coffee-expert-chat-screen{background:#f7faf8;flex-direction:column;min-height:100%;padding:18px 18px 16px;display:flex}.expert-status{background:#fff;border:1px solid #dce8df;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.expert-status>span{background:#5f8488;border-radius:999px;flex:none;width:38px;height:38px}.expert-status div{text-align:left;gap:3px;display:grid}.expert-status strong{color:#132219;font-size:15px;font-weight:900}.expert-status small{color:#647169;font-size:12px;font-weight:650}.expert-chat-list{flex:1;align-content:start;gap:14px;padding:22px 0;display:grid}.chat-bubble{gap:6px;max-width:82%;display:grid}.chat-bubble span{color:#6c7971;font-size:11px;font-weight:800}.chat-bubble p{word-break:keep-all;border-radius:14px;margin:0;padding:12px 14px;font-size:14px;font-weight:650;line-height:1.6}.chat-bubble.expert{justify-self:start}.chat-bubble.expert p{color:#1b2a21;background:#fff;border-top-left-radius:4px;box-shadow:0 8px 20px #162d1c14}.chat-bubble.user{justify-self:end}.chat-bubble.user span{text-align:right}.chat-bubble.user p{color:#fff;background:#00571d;border-top-right-radius:4px}.expert-chat-input{background:#fff;border:1px solid #dce8df;border-radius:999px;align-items:center;gap:10px;min-height:50px;padding:6px 6px 6px 16px;display:flex}.expert-chat-input span{color:#8a948d;flex:1;font-size:13px;font-weight:650}.expert-chat-input button{color:#6d7871;background:#dfe8e2;border:0;border-radius:999px;min-width:58px;min-height:38px;font-size:13px;font-weight:850}.step-chip{color:#496052;text-align:right;min-width:62px;font-size:12px}.question-header{justify-content:space-between}.question-header .step-chip{min-width:auto;font-size:14px}.primary-button,.secondary-button{color:#fff;cursor:pointer;background:#00571d;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 22px;font-size:16px;font-weight:800;display:inline-flex;box-shadow:0 10px 20px #00571d33}.landing-screen>.primary-button{z-index:1;position:absolute;bottom:28px;left:28px;right:28px}.primary-button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.landing-screen>.intro-start-button{bottom:28px;left:24px;right:24px}.landing-screen>.intro-start-button:disabled{opacity:1;background:#5f8488}.secondary-button{color:#0f391d;box-shadow:none;background:#edf4ef}.secondary-button:disabled{cursor:not-allowed;opacity:.5}.compact{min-width:94px;min-height:44px;padding:0 18px;font-size:14px}.full-width{width:100%;margin-top:auto}.survey-progress{margin-bottom:20px}.survey-progress span{color:#111f15;margin-bottom:10px;font-size:14px;font-weight:800;display:block}.progress-track{background:#dfc9bf;border-radius:999px;height:5px;overflow:hidden}.progress-fill{border-radius:inherit;background:#00571d;height:100%}.survey-screen h2{word-break:keep-all;margin-bottom:18px;font-size:21px;line-height:1.55}.question-help{color:#506052;word-break:keep-all;margin:-8px 0 18px;font-size:13px;font-weight:700;line-height:1.6}fieldset{border:0;min-width:0;margin:0 0 26px;padding:0}legend{color:#1e2d22;margin-bottom:10px;font-size:14px;font-weight:800}.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.stacked-options,.travel-list,.coffee-list{gap:12px;display:grid}.select-card,.option-card,.travel-card{color:#111f15;text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e9e4;border-radius:8px;align-items:center;gap:12px;width:100%;padding:16px;font-size:15px;font-weight:800;display:flex}.select-card.is-selected,.option-card.is-selected,.travel-card.is-selected{background:#f0f8f2;border-color:#00571d;box-shadow:inset 0 0 0 1px #00571d}.radio-mark{background:#fff;border:2px solid #111f15;border-radius:50%;flex:none;width:17px;height:17px}.is-selected .radio-mark{background:#00571d;border-color:#00571d;box-shadow:inset 0 0 0 4px #fff}.notice{color:#35433a;gap:8px;margin:auto 0 18px;font-size:13px;font-weight:650;line-height:1.65;display:flex}.notice:before{content:"ⓘ";color:#0d321a}.option-icon{background:#fff7e8;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;font-size:24px;display:grid}.option-card span:last-child,.travel-card span{gap:4px;display:grid}.option-card small,.travel-card small{color:#29362d;font-size:12px;font-weight:700;line-height:1.45}.state-word-list{gap:13px;margin-bottom:16px;display:grid}.state-row{grid-template-columns:18px 1fr;align-items:flex-start;gap:9px;display:grid}.state-color{border-radius:50%;width:13px;height:13px;margin-top:7px}.word-cloud{flex-wrap:wrap;gap:6px;display:flex}.word-cloud button{color:#142019;cursor:pointer;background:#f6f8f6;border:1px solid #0000;border-radius:8px;padding:4px 7px;font-size:13px;font-weight:800}.word-cloud button.is-selected{color:#00571d;background:#e8f5ec;border-color:#00571d}.rank-list{gap:18px;margin-top:16px;display:grid}.rank-list label{gap:8px;display:grid}.rank-list span{color:#18251c;font-size:14px;font-weight:800}.rank-list select,.birthday-input input{color:#17201a;background:#fff;border:1px solid #e1e7e1;border-radius:8px;width:100%;min-height:58px;padding:0 16px;font-size:14px;font-weight:700}.birthday-screen{justify-content:flex-start}.birthday-input{align-items:center;gap:12px;margin-top:150px;display:flex}.birthday-input span:last-child{color:#15251a;place-items:center;width:42px;height:42px;font-size:24px;display:grid}.travel-card{min-height:74px;padding:10px}.travel-card img{object-fit:cover;border-radius:8px;flex:none;width:56px;height:56px}.screen-footer{justify-content:flex-end;margin-top:auto;padding-top:20px;display:flex}.analysis-screen,.result-screen,.coffee-screen,.bora-screen{text-align:center;justify-content:center;align-items:center}.analysis-ring{border:14px solid #b44218;border-color:#b44218 #d76217 #efe4dc #efe4dc;border-radius:50%;width:92px;height:92px;margin-bottom:36px;animation:1.1s linear infinite spin}.result-loading-screen{background:#fff;justify-content:flex-start;padding:34px 28px 28px}.result-loading-kicker{color:#5f858a;margin:0;font-size:12px;font-weight:850;line-height:1.4}.result-loading-orbit{width:100%;height:210px;margin-top:50px;position:relative}.result-loading-piece{color:#6c7680;opacity:.28;background:#f8fafc;border:1px solid #d3dce8;border-radius:12px;justify-content:center;align-items:center;min-width:76px;min-height:32px;padding:7px 14px;font-size:12px;font-weight:850;line-height:1.2;transition:opacity .3s,background .3s,border-color .3s,color .3s,transform .3s;display:inline-flex;position:absolute}.result-loading-piece.is-active{color:#243945;opacity:1;background:#f4f7fb;border-color:#c8d6e4;transform:scale(1.04)}.piece-sense{top:44px;left:0}.piece-self{top:44px;right:0}.piece-taste{bottom:34px;left:8px}.piece-result{bottom:34px;right:0}.result-loading-core{background:#f4f7fb;border:1px solid #d8e1ea;border-radius:50%;justify-content:center;align-items:center;gap:8px;width:70px;height:70px;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.result-loading-core i{background:#9fb0b7;border-radius:999px;width:7px;height:7px;animation:1.08s ease-in-out infinite resultLoadingDot}.result-loading-core i:nth-child(2){animation-delay:.13s}.result-loading-core i:nth-child(3){animation-delay:.26s}.result-loading-copy{gap:16px;margin-top:36px;animation:.3s both resultLoadingCopyFade;display:grid}.analysis-screen.result-loading-screen h2{color:#121a24;white-space:pre-line;word-break:keep-all;font-size:24px;font-weight:950;line-height:1.36}.analysis-screen.result-loading-screen p{color:#717d86;word-break:keep-all;font-size:13px;font-weight:650;line-height:1.55}.result-retry-button{min-width:118px;margin-top:30px}@keyframes resultLoadingDot{0%,to{opacity:.35}45%{opacity:1}}@keyframes resultLoadingCopyFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sensory-loading-screen{gap:14px;padding:20px 34px}.sensory-loading-dots{justify-content:center;align-items:center;gap:9px;margin-bottom:22px;display:inline-flex}.sensory-loading-dots span{background:#dce5e2;border-radius:999px;width:12px;height:12px;animation:1.18s ease-in-out infinite sensoryDotPulse}.sensory-loading-dots span:first-child{animation-delay:0s}.sensory-loading-dots span:nth-child(2){animation-delay:.13s}.sensory-loading-dots span:nth-child(3){animation-delay:.26s}.sensory-loading-dots span:nth-child(4){animation-delay:.39s}.analysis-screen.sensory-loading-screen h2{color:#102417;word-break:keep-all;font-size:22px;font-weight:900;line-height:1.35}.analysis-screen.sensory-loading-screen p{color:#66716b;max-width:250px;margin:0;font-size:14px;font-weight:750;line-height:1.65}@keyframes sensoryDotPulse{0%,to{background:#dce5e2;transform:translateY(0)scale(.82)}42%{background:#5f8488;transform:translateY(-7px)scale(1)}}.analysis-screen h2{font-size:28px}.analysis-screen p,.result-screen p,.bora-screen h2{color:#243329;word-break:keep-all;font-size:17px;font-weight:700;line-height:1.8}.analysis-screen .secondary-button,.result-screen .primary-button,.coffee-screen .primary-button,.bora-screen .secondary-button{margin-top:28px}.result-kicker{margin:0}.result-screen h2{margin-top:4px;font-size:30px}.result-image{object-fit:cover;border-radius:50%;width:172px;height:172px;margin:24px 0}.result-screen p{max-width:250px}.coffee-screen{text-align:left;justify-content:flex-start;align-items:stretch}.coffee-screen h2{margin-bottom:22px;padding-top:12px;font-size:23px}.coffee-list{margin-bottom:auto}.coffee-card{border-bottom:1px solid #e8ede8;grid-template-columns:86px 1fr;align-items:center;gap:14px;padding:12px 0;display:grid}.coffee-card img{object-fit:cover;border-radius:8px;width:86px;height:86px}.coffee-card h3{color:#142017;margin:0 0 8px;font-size:17px}.coffee-card p{color:#37423a;margin:0;font-size:14px;font-weight:700;line-height:1.55}.bora-screen{justify-content:flex-start;padding-top:54px}.bora-screen h2{max-width:340px;margin-bottom:28px;font-size:18px}.qr-box{background:#fff;border-radius:8px;place-items:center;width:210px;display:grid}.qr-box img{object-fit:contain;width:100%;height:auto;display:block}.play-bora-logo{color:#231f20;margin:30px 0 0;font-size:28px;font-weight:900}.play-bora-logo span{color:#6647ff}.sensory-test-screen{background:#fbfcfa;flex-direction:column;gap:18px;min-height:100%;padding:20px;display:flex}.sensory-intro{gap:4px;display:grid}.sensory-intro p{color:#7c4a2d;margin:0;font-size:13px;font-weight:900}.sensory-intro h1{color:#102417;letter-spacing:0;margin:0;font-size:25px;line-height:1.25}.sensory-question-list{gap:16px;display:grid}.sensory-fieldset{border-bottom:1px solid #e7ede6;margin:0;padding-bottom:16px}.sensory-fieldset:last-child{border-bottom:0;padding-bottom:0}.sensory-fieldset legend{color:#17542a;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;display:flex}.sensory-fieldset legend span{color:#17542a;text-align:center;background:#e8f3ea;border-radius:6px;min-width:32px;padding:4px 7px}.sensory-fieldset h2{color:#101f15;letter-spacing:0;word-break:keep-all;margin:0 0 12px;font-size:17px;line-height:1.45}.sensory-option-list{gap:8px;display:grid}.sensory-option{color:#142018;text-align:left;word-break:keep-all;cursor:pointer;background:#fff;border:1px solid #e0e7df;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:50px;padding:11px 12px;font-size:14px;font-weight:800;line-height:1.35;display:flex}.sensory-option.is-selected{background:#eff8f1;border-color:#00571d;box-shadow:inset 0 0 0 1px #00571d}.api-error{color:#8b2c15;background:#fff5f1;border:1px solid #f0c8bd;border-radius:8px;margin:0;padding:12px;font-size:13px;font-weight:800;line-height:1.55}.sensory-result{background:#f7fbf7;border:1px solid #d9e5d9;border-radius:8px;gap:12px;padding:16px;display:grid}.sensory-result div{justify-content:space-between;align-items:center;gap:12px;display:flex}.sensory-result span{color:#fff;background:#00571d;border-radius:6px;padding:5px 9px;font-size:12px;font-weight:900}.sensory-result small{color:#687268;font-size:12px;font-weight:800}.sensory-result p{color:#16231a;white-space:pre-line;word-break:keep-all;margin:0;font-size:16px;font-weight:760;line-height:1.75}.sensory-actions{grid-template-columns:104px 1fr;gap:10px;margin-top:auto;padding-top:2px;display:grid}.sensory-actions .primary-button,.sensory-actions .secondary-button{min-height:50px;padding:0 14px;font-size:15px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.screen-kicker,.question-code{color:#8c4b2e;margin:0 0 8px;font-size:13px;font-weight:900}.question-code{color:#0f5b28;background:#eef6ee;border-radius:6px;width:fit-content;padding:4px 8px}.sense-question-screen{padding:14px 24px 24px;position:relative;overflow:hidden}.sense-question-screen .survey-progress{margin-bottom:0}.sense-question-screen .survey-progress span,.self-intro-question-screen .survey-progress span{display:none}.self-core-question-screen .survey-progress{margin-bottom:20px}.self-core-title span,.birthday-title span,.jeju-relation-title span{display:block}.birthday-question-screen .survey-progress,.jeju-relation-question-screen .survey-progress{margin-bottom:20px}.jeju-relation-help{color:#7c8580;text-align:center;margin:24px 0 50px;font-size:13px;font-weight:650}.jeju-relation-question-screen .stacked-options{gap:18px}.jeju-relation-card{color:#121a24;text-align:left;cursor:pointer;background:#f7f9fc;border:1px solid #d3dce8;border-radius:20px;align-content:center;gap:16px;width:100%;min-height:142px;padding:24px 20px;transition:border-color .16s,background .16s,transform .16s;display:grid}.jeju-relation-card:hover,.jeju-relation-card:focus-visible,.jeju-relation-card.is-selected{background:#eef5f6;border-color:#5f878b;outline:0}.jeju-relation-card.is-selected{transform:translateY(-1px)}.jeju-relation-card small{color:#66868d;font-size:13px;font-weight:850}.jeju-relation-card strong{color:#121a24;word-break:keep-all;font-size:18px;font-weight:900;line-height:1.45}.taste-primary-question-screen .survey-progress{margin-bottom:20px}.taste-detail-question-screen{animation-duration:.35s}.taste-detail-list{gap:12px;margin-top:28px;display:grid}.taste-detail-card{color:#121a24;text-align:left;cursor:pointer;background:#fff;border:1px solid #d3dce8;border-radius:16px;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:18px;width:100%;min-height:82px;padding:14px 16px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:grid}.taste-detail-card:hover,.taste-detail-card:focus-visible{border-color:#5f878b;outline:0}.taste-detail-card.is-selected{background:#f6fafb;border-color:#5f878b;transform:scale(1.01);box-shadow:0 10px 24px #1c43481a}.taste-detail-image{aspect-ratio:1;background:#f4f7fb;border:1px solid #d3dce8;border-radius:8px;place-items:center;width:46px;display:grid}.taste-detail-image span{color:#6c7680;text-align:center;word-break:keep-all;font-size:10px;font-weight:650;line-height:1.35}.taste-detail-copy{gap:6px;min-width:0;display:grid}.taste-detail-copy strong{color:#111923;word-break:keep-all;font-size:17px;font-weight:950;line-height:1.35}.taste-detail-copy small{color:#58616b;word-break:keep-all;font-size:13px;font-weight:750;line-height:1.45}.taste-primary-list{pointer-events:auto;gap:12px;margin-top:10px;display:grid}.taste-primary-question-screen.is-taste-primary-transitioning .taste-primary-list{pointer-events:none}.taste-primary-card{color:#121a24;text-align:left;cursor:pointer;transform-origin:50%;background:#fff;border:1px solid #d3dce8;border-radius:20px;grid-template-columns:76px minmax(0,1fr);align-items:start;gap:16px;width:100%;min-height:168px;padding:18px 20px;transition:border-color .18s,background .18s,box-shadow .18s,opacity .18s,transform .18s;display:grid}.taste-primary-card:hover,.taste-primary-card:focus-visible{border-color:#5f878b;outline:0}.taste-primary-card.is-selected{background:#f3f8f9;border-color:#5f878b;transform:scale(1.04);box-shadow:0 12px 28px #1c43481f}.taste-primary-question-screen.is-taste-primary-transitioning .taste-primary-card.is-selected{animation:.53s cubic-bezier(.2,.76,.18,1) forwards tastePrimaryExpand}.taste-primary-card.is-dimmed{opacity:.35;transform:scale(.97)}.taste-primary-image{aspect-ratio:1;background:#f4f7fb;border:1px solid #d3dce8;border-radius:8px;place-items:center;width:68px;display:grid}.taste-primary-image span{color:#6c7680;white-space:pre-line;text-align:center;font-size:10px;font-weight:650;line-height:1.45}.taste-primary-copy{gap:8px;min-width:0;display:grid}.taste-primary-copy strong{color:#111923;font-size:18px;font-weight:950;line-height:1.3}.taste-primary-copy em{color:#58616b;font-size:14px;font-style:normal;font-weight:850;line-height:1.45}.taste-primary-detail{color:#303945;word-break:keep-all;grid-column:1/-1;font-size:14px;font-weight:650;line-height:1.65}@keyframes tastePrimaryExpand{0%{transform:scale(1)}34%{transform:scale(1.04)}to{opacity:.92;transform:scale(1.1)translateY(-8px)}}.sense-question-screen h2{margin-top:19px;font-size:24px;line-height:1.34}.sense-question-screen .visual-option-grid{margin-top:40px}.sense-question-screen.is-sense-transitioning>:not(.sense-transition-overlay){opacity:0;transition:opacity 90ms}.visual-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.visual-choice{color:#17221a;text-align:center;word-break:keep-all;cursor:pointer;will-change:transform;background:#fff;border:1px solid #dbe4dd;border-radius:8px;grid-template-rows:132px 1fr;width:100%;min-height:210px;padding:0;font-weight:850;transition:border-color .12s,box-shadow .12s,transform .12s;display:grid;overflow:hidden}.visual-choice.is-selected{border-color:#00571d;box-shadow:inset 0 0 0 1px #00571d}.visual-choice:active,.visual-choice.is-transition-target{transform:scale(1.04)}.choice-visual{background-position:50%;background-size:cover;place-items:center;min-width:0;padding:14px;display:grid}.choice-visual span{color:#66716b;max-width:120px;font-size:12px;font-weight:800;line-height:1.45}.sense-transition-overlay{left:var(--from-left);top:var(--from-top);z-index:1000;width:var(--from-width);height:var(--from-height);pointer-events:none;background-color:#eee;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #dbe4dd;border-radius:8px;place-items:center;padding:18px;animation:.42s cubic-bezier(.2,.76,.18,1) forwards senseImageExpand;display:grid;position:fixed;overflow:hidden}.sense-transition-overlay span{color:#66716b;text-align:center;word-break:keep-all;max-width:260px;font-size:14px;font-weight:850;line-height:1.55}@keyframes senseImageExpand{0%{left:var(--from-left);top:var(--from-top);width:var(--from-width);height:var(--from-height);border-radius:8px;transform:scale(1.04)}to{left:var(--to-left);top:var(--to-top);width:var(--to-width);height:var(--to-height);border-radius:8px;transform:scale(1)}}.choice-label{justify-content:center;align-items:center;min-height:72px;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}.select-card>span:last-child{gap:4px;min-width:0;display:grid}.select-card small{color:#59645d;font-size:12px;font-weight:750;line-height:1.45}.word-select-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.word-select-grid button{color:#19251d;word-break:keep-all;cursor:pointer;background:#fff;border:1px solid #e1e8e1;border-radius:8px;min-height:44px;padding:8px;font-size:13px;font-weight:850;line-height:1.35}.word-select-grid button.is-selected{color:#00571d;background:#eff8f1;border-color:#00571d;box-shadow:inset 0 0 0 1px #00571d}.rank-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.self-core-question-screen .rank-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-choice-grid button{color:#19251d;word-break:keep-all;cursor:pointer;background:#fff;border:1px solid #e1e8e1;border-radius:8px;align-items:center;gap:8px;min-height:58px;padding:10px;font-size:14px;font-weight:850;line-height:1.35;transition:border-color .16s,background .16s,transform .16s;display:flex}.self-core-question-screen .rank-choice-grid button{text-align:center;justify-content:center;min-height:60px;padding:10px 14px;position:relative}.rank-choice-grid button:hover,.rank-choice-grid button:focus-visible,.rank-choice-grid button.is-selected{color:#00571d;background:#eff8f1;border-color:#00571d;outline:0}.rank-choice-grid button.is-selected{transform:translateY(-1px)}.rank-choice-grid button span{color:#fff;background:#00571d;border-radius:999px;flex:none;place-items:center;width:24px;height:24px;font-size:12px;display:inline-grid}.self-core-question-screen .rank-choice-grid button span{position:absolute;top:8px;left:8px}.birthday-picker-entry{margin-top:42px}.birthday-select-button{color:#6c7580;text-align:center;cursor:pointer;background:#f7f9fc;border:1px solid #cfd8e5;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:72px;padding:0 18px;font-size:16px;font-weight:850;display:inline-flex}.birthday-select-button span:first-child{color:#6f7780}.birthday-picker-entry p{color:#758179;text-align:center;margin:14px 0 0;font-size:13px;font-weight:650}.birthday-picker-backdrop{z-index:20;background:#0c18121f;align-items:flex-end;display:flex;position:absolute;inset:0}.birthday-picker-sheet{background:#fff;border:1px solid #ced9e5;border-bottom:0;border-radius:24px 24px 0 0;flex-direction:column;gap:18px;width:100%;padding:8px 24px 22px;animation:.18s both pickerSlideUp;display:flex;box-shadow:0 -18px 40px #0f22181f}.picker-drag-handle{background:#c6cfdb;border-radius:999px;align-self:center;width:48px;height:4px}.birthday-picker-header{justify-content:space-between;align-items:center;display:flex}.birthday-picker-header h3{color:#15201a;margin:0;font-size:18px}.birthday-picker-header button{color:#587a80;cursor:pointer;background:0 0;border:0;font-size:15px;font-weight:850}.birthday-wheel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid;position:relative}.birthday-wheel-grid:before{content:"";pointer-events:none;background:#edf6ff;border-radius:12px;height:52px;position:absolute;top:91px;left:0;right:0}.birthday-wheel-column{z-index:1;text-align:center;gap:8px;display:grid;position:relative}.birthday-wheel-column+.birthday-wheel-column{border-left:1px solid #e3e8ef}.birthday-wheel-column strong{color:#5d6874;font-size:13px}.birthday-wheel-list{grid-template-rows:repeat(5,38px);align-content:center;min-height:190px;padding:0;display:grid}.birthday-wheel-list button,.birthday-wheel-list span{color:#6e7882;cursor:pointer;background:0 0;border:0;min-height:38px;font-size:18px;font-weight:650}.birthday-wheel-list button.is-selected{color:#14202a;font-size:24px;font-weight:900}.birthday-confirm-button{color:#fff;cursor:pointer;background:#5c8589;border:0;border-radius:16px;min-height:52px;font-size:15px;font-weight:900}@keyframes pickerSlideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.analysis-result-screen,.coffee-detail-screen{flex-direction:column;min-height:100%;padding:20px;display:flex}.mid-result-screen{padding:54px 24px 96px;position:relative;overflow:hidden}.mid-stage-content{flex-direction:column;flex:1;min-height:0;animation:.35s both midStageFadeIn;display:flex}.mid-stage-content.is-leaving{animation:.35s both midStageFadeOut}.mid-result-screen .mid-image-box{background-color:#f2f4f5;border-color:#cfd8dd;border-radius:12px;width:100%;min-height:250px;margin:0 0 30px}.mid-ai-card{background:#fff;border:1px solid #cfd8dd;border-radius:12px;min-height:244px;padding:18px 16px}.mid-ai-card p{color:#7a8289;word-break:keep-all;margin:0;font-size:12px;font-weight:700;line-height:1.6}.mid-result-screen .mid-ai-card h2{color:#20262b;word-break:keep-all;margin:12px 0 22px;font-size:18px;font-weight:900;line-height:1.55}.mid-ai-card p:first-child{font-weight:850}.mid-ai-card p:last-child{font-size:13px;font-weight:600}.mid-fixed-story{text-align:center;flex-direction:column;flex:1;justify-content:center;gap:26px;padding:12px 4px 70px;display:flex}.mid-result-screen .mid-fixed-story h2{color:#1f2529;word-break:keep-all;margin:0;font-size:22px;font-weight:900;line-height:1.36}.mid-fixed-footer{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:26px;left:24px;right:24px}.mid-step-indicator{align-items:center;gap:6px;display:inline-flex}.mid-step-indicator span{background:#d8dee2;border-radius:999px;width:26px;height:4px}.mid-step-indicator span.is-active{background:#5f8488}.mid-next-button{color:#1f2529;cursor:pointer;pointer-events:auto;background:#fff;border:1px solid #d6dde2;border-radius:999px;justify-content:center;align-items:center;gap:3px;min-width:74px;min-height:40px;padding:0 16px;font-size:13px;font-weight:850;display:inline-flex}.mid-next-button:hover,.mid-next-button:focus-visible{border-color:#5f8488;outline:0}@keyframes midStageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes midStageFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.analysis-result-screen h2,.prd-result-screen h2,.coffee-detail-screen h2{color:#102417;letter-spacing:0;word-break:keep-all;margin:0 0 18px;font-size:24px;line-height:1.3}.wide-image-box,.detail-image-box{background-position:50%;background-size:cover;border:1px solid #d5ded8;border-radius:8px;place-items:center;display:grid}.wide-image-box{min-height:180px;margin-bottom:18px;padding:24px}.detail-image-box{min-height:254px;margin-bottom:18px;padding:28px}.wide-image-box span,.detail-image-box span{color:#5f6a65;text-align:center;word-break:keep-all;max-width:250px;font-size:14px;font-weight:850;line-height:1.55}.story-copy{color:#14221a;white-space:pre-line;word-break:keep-all;margin:0 0 22px;font-size:16px;font-weight:800;line-height:1.75}.result-support-copy{color:#58635d;word-break:keep-all;margin:-8px 0 18px;font-size:14px;font-weight:760;line-height:1.65}.taste-transition-screen{text-align:center;justify-content:flex-start;align-items:center;padding:74px 28px 20px}.transition-copy{gap:22px;margin:34px 0 0;display:grid}.transition-copy h2{color:#141b24;white-space:pre-line;word-break:keep-all;margin:0;font-size:27px;font-weight:950;line-height:1.34}.transition-copy p{color:#3d4650;white-space:pre-line;word-break:keep-all;margin:0;font-size:16px;font-weight:650;line-height:1.7}.taste-transition-screen .wide-image-box{border-radius:16px;width:min(260px,100%);min-height:180px}.taste-transition-screen .wide-image-box span{max-width:210px;font-size:12px;font-weight:650;line-height:1.55}.taste-next-button{color:#101923;min-width:74px;min-height:42px;box-shadow:none;background:#fff;border:1px solid #d6dfe8;border-radius:999px;align-self:flex-end;margin-top:auto;padding:0 18px;font-size:14px}.prd-result-screen{text-align:left;justify-content:flex-start;align-items:stretch}.jeju-result-screen{--jeju-accent:#e91e8f;color:#121a24;background:#fff;min-height:100%;padding:18px 24px 0;display:block}.jeju-result-top{border-bottom:1px solid #d3dce8;place-items:center;padding:26px 0 14px;display:grid}.jeju-result-top strong{color:#0f1720;font-size:16px;font-weight:950}.jeju-result-visual{background-color:#f2f4f6;border-color:#d3dce8;border-radius:12px;min-height:254px;margin:24px 0 28px}.jeju-result-visual span{color:#6d7782;white-space:pre-line;max-width:210px;font-size:12px;font-weight:650}.jeju-result-intro{gap:18px;margin-bottom:18px;display:grid}.jeju-result-intro p{color:#41545d;white-space:pre-line;word-break:keep-all;margin:0;font-size:16px;font-weight:650;line-height:1.65}.jeju-result-intro p:first-child{color:var(--jeju-accent);font-size:14px;font-weight:900}.jeju-result-screen .jeju-result-intro h2{color:#111923;white-space:pre-line;word-break:keep-all;margin:0;font-size:26px;font-weight:950;line-height:1.28}.jeju-ai-card{background:#f8fafc;border:1px dashed #bfcbd6;border-radius:10px;padding:16px}.jeju-ai-card strong{color:#6f7b86;margin-bottom:12px;font-size:13px;font-weight:900;display:block}.jeju-ai-card p{color:#6f7b86;white-space:pre-line;word-break:keep-all;margin:0;font-size:13px;font-weight:650;line-height:1.58}.jeju-origin-story{gap:18px;margin-top:26px;padding-bottom:116px;display:grid}.jeju-persona-tag{color:var(--jeju-accent);margin:0;font-size:14px;font-weight:950}.jeju-origin-story h3{color:#151d28;white-space:pre-line;word-break:keep-all;margin:0;font-size:20px;font-weight:950;line-height:1.5}.jeju-origin-story p{color:#283341;white-space:pre-line;word-break:keep-all;margin:0;font-size:15px;font-weight:650;line-height:1.78}.jeju-origin-story .jeju-result-tags{color:var(--jeju-accent);font-weight:950}.jeju-result-actions{z-index:4;background:linear-gradient(#fff0 0%,#fff 34% 100%);justify-content:flex-end;margin:0 -24px;padding:18px 24px;display:flex;position:sticky;bottom:0;right:0}.jeju-result-button{color:#fff;min-width:172px;min-height:48px;box-shadow:none;background:#5f858a;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:900;display:inline-flex}.jeju-result-button:hover,.jeju-result-button:focus-visible{background:#527a80}.prd-result-screen .coffee-list{gap:10px;margin-bottom:18px;display:grid}.coffee-result-screen{color:#121a24;text-align:left;background:#fff;flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:100%;padding:30px 24px 16px;display:flex}.coffee-result-top{border-bottom:1px solid #d3dce8;place-items:center;padding:0 0 14px;display:grid}.coffee-result-top strong{color:#0f1720;font-size:15px;font-weight:950}.coffee-result-copy{gap:4px;margin-top:20px;display:grid}.coffee-result-copy h2{color:#121a24;white-space:pre-line;word-break:keep-all;margin:0;font-size:17px;font-weight:950;line-height:1.46}.coffee-result-copy p,.coffee-result-hint,.coffee-result-footer p{color:#6d7782;word-break:keep-all;margin:0;font-size:12px;font-weight:650;line-height:1.55}.coffee-book-shelf{perspective:860px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px;display:grid}.coffee-book-card{--book-border:#8b705f;--book-result-color:#098f4f;--book-accent:var(--book-result-color);--book-mid:#c65d4b;--book-dark:#5a477a;border:1.5px solid var(--book-border);color:#151d28;text-align:left;cursor:pointer;transform-origin:0;background:#fbfbf7;border-radius:2px;flex-direction:column;align-items:flex-start;min-width:0;min-height:238px;padding:14px 10px 12px;transition:opacity .18s,transform .18s,box-shadow .18s;display:flex;position:relative}.coffee-book-card:before{content:"";background:#0000000d;width:4px;position:absolute;inset:0 auto 0 0}.coffee-book-card.source-energy{--book-border:#7b6059;--book-accent:var(--book-result-color);--book-mid:#a85a4f;--book-dark:#6f4a8e}.coffee-book-card.source-taste{--book-border:#8a5364;--book-accent:var(--book-result-color);--book-mid:#be5d52;--book-dark:#6b477b}.coffee-book-card:hover,.coffee-book-card:focus-visible{outline:0;transform:translateY(-2px);box-shadow:0 12px 22px #1d2d341f}.coffee-book-card.is-selected{z-index:2;animation:.62s cubic-bezier(.2,.76,.18,1) both coffeeBookOpen}.coffee-book-card.is-dimmed{opacity:.28;transform:translateY(8px)scale(.96)}.coffee-book-card:disabled{cursor:default}.coffee-book-source{color:#58636f;letter-spacing:0;font-size:10px;font-weight:900}.coffee-book-card strong{color:#111923;margin-top:18px;font-size:22px;font-weight:950;line-height:1}.coffee-book-name{color:#1f2934;word-break:keep-all;margin-top:24px;font-size:12px;font-weight:850;line-height:1.45}.coffee-book-reason{color:#5d6874;word-break:keep-all;margin-top:16px;font-size:11px;font-weight:650;line-height:1.5}.coffee-color-strip{grid-template-columns:repeat(3,1fr);width:42px;height:6px;margin-top:auto;display:grid;overflow:hidden}.coffee-color-strip i:first-child{background:var(--book-accent)}.coffee-color-strip i:nth-child(2){background:var(--book-mid)}.coffee-color-strip i:nth-child(3){background:var(--book-dark)}.coffee-book-action{color:#56616c;margin-top:10px;font-size:11px;font-weight:850}.coffee-result-hint{color:#5f858a;margin-top:16px}.coffee-result-footer{text-align:center;gap:14px;margin-top:auto;padding-top:70px;display:grid}.coffee-save-button{width:100%;min-height:48px;box-shadow:none;background:#5f858a;border-radius:999px;font-size:14px;font-weight:900}.coffee-save-button:hover,.coffee-save-button:focus-visible{background:#527a80}@keyframes coffeeBookOpen{0%{transform:translateY(0)rotateY(0)scale(1)}42%{transform:translateY(-4px)rotateY(-18deg)scale(1.03)}to{opacity:.92;transform:translateY(-8px)rotateY(-36deg)scale(1.06)}}.coffee-card-button{color:#152219;text-align:left;cursor:pointer;background:#fff;border:1px solid #dde6dd;border-radius:8px;grid-template-columns:84px 1fr;align-items:center;gap:12px;width:100%;min-height:104px;padding:10px;display:grid}.coffee-card-button:focus-visible,.coffee-card-button:hover{border-color:#00571d;outline:0}.coffee-thumb{background-position:50%;background-size:cover;border-radius:8px;width:84px;height:84px}.coffee-card-button>span:last-child{gap:4px;min-width:0;display:grid}.coffee-card-button small{color:#8c4b2e;font-size:12px;font-weight:900}.coffee-card-button strong{color:#122019;font-size:16px;line-height:1.35}.coffee-card-button em{color:#4f5c54;word-break:keep-all;font-size:13px;font-style:normal;font-weight:720;line-height:1.45}.coffee-detail-screen .detail-copy{gap:10px;margin-bottom:16px;display:grid}.coffee-detail-screen{color:#121a24;text-align:left;background:#fff;padding:14px 20px 22px;display:block}.coffee-detail-top{border-bottom:1px solid #d3dce8;grid-template-columns:1fr auto 1fr;align-items:center;padding-bottom:14px;display:grid}.coffee-detail-top button{color:#17212c;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:12px;font-weight:850}.coffee-detail-top strong{color:#101923;grid-column:2;font-size:13px;font-weight:950}.coffee-detail-screen h2{color:#111923;word-break:keep-all;margin:26px 0 8px;font-size:23px;font-weight:950;line-height:1.28}.coffee-detail-strip{--book-result-color:#098f4f;grid-template-columns:repeat(3,1fr);width:78px;height:6px;margin-bottom:28px;display:grid;overflow:hidden}.coffee-detail-strip i:first-child{background:var(--book-result-color)}.coffee-detail-strip i:nth-child(2){background:#c65d4b}.coffee-detail-strip i:nth-child(3){background:#5a477a}.coffee-detail-visual{background-color:#f2f4f6;border-color:#d3dce8;border-radius:10px;min-height:230px;margin-bottom:18px}.coffee-detail-visual span{color:#6d7782;max-width:230px;font-size:12px;font-weight:650;line-height:1.6}.coffee-detail-keywords{color:#5f858a;word-break:keep-all;margin:0 0 48px;font-size:13px;font-weight:900;line-height:1.6}.coffee-detail-oneline{color:#5f858a;white-space:pre-line;word-break:keep-all;margin:0 0 60px;font-size:18px;font-weight:650;line-height:1.55}.coffee-detail-actions{text-align:center;gap:10px;display:grid}.coffee-detail-actions p{color:#6d7782;margin:0 0 12px;font-size:12px;font-weight:650;line-height:1.5}.coffee-online-button,.coffee-bora-button{width:100%;min-height:50px;box-shadow:none;border-radius:999px;font-size:14px;font-weight:900}.coffee-online-button{background:#5f858a}.coffee-online-button:hover,.coffee-online-button:focus-visible{background:#527a80}.coffee-bora-button{color:#40676d;background:#fff;border:1px solid #5f858a}.coffee-bora-button:hover,.coffee-bora-button:focus-visible{background:#f4f8f8}.detail-copy p{color:#26342a;word-break:keep-all;margin:0;font-size:14px;font-weight:760;line-height:1.65}.detail-copy p strong,.detail-copy p span{display:block}.detail-copy p strong{color:#0d311a;margin-bottom:4px}.experience-code-box{background:#f7faf7;border:1px solid #dde5dd;border-radius:8px;grid-template-columns:78px 1fr;align-items:center;gap:12px;padding:12px;display:grid}.experience-code-box img{object-fit:contain;background:#fff;border-radius:8px;width:78px;height:78px}.experience-code-box div{gap:3px;min-width:0;display:grid}.experience-code-box span{color:#5c665f;font-size:12px;font-weight:850}.experience-code-box strong{color:#122219;font-size:18px;line-height:1.2}.experience-code-box small{overflow-wrap:anywhere;color:#496052;font-size:11px;font-weight:760;line-height:1.35}.detail-actions{grid-template-columns:112px 1fr;gap:10px;margin-top:auto;padding-top:18px;display:grid}.detail-actions .primary-button,.detail-actions .secondary-button{min-height:50px;padding:0 14px;font-size:15px}.admin-page{color:#17201a;background:#f4f6f4;min-height:100svh;padding:32px}.admin-shell{width:min(1180px,100%);margin:0 auto}.admin-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.admin-header p{color:#657066;margin:0 0 6px;font-size:13px;font-weight:800}.admin-header h1{color:#111a14;margin:0;font-size:30px;line-height:1.2}.admin-actions{gap:10px;display:flex}.admin-link,.admin-button{color:#18331f;cursor:pointer;background:#fff;border:1px solid #d8ded8;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:0 14px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.admin-button{color:#fff;background:#00571d;border-color:#00571d}.admin-button:disabled{cursor:not-allowed;opacity:.6}.metric-grid,.admin-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.admin-grid.secondary{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-tile,.admin-panel{background:#fff;border:1px solid #dde4dd;border-radius:8px;box-shadow:0 8px 22px #1123170f}.metric-tile{align-content:space-between;gap:10px;min-height:124px;padding:18px;display:grid}.metric-tile span,.metric-tile small,.breakdown-row small,.top-coffee-list small{color:#667066;font-size:13px;font-weight:750}.metric-tile strong{color:#102417;font-size:30px;line-height:1.15}.admin-panel{min-height:260px;padding:20px}.admin-panel h2{color:#152018;margin:0 0 18px;font-size:18px}.admin-status,.empty-text{color:#465148;background:#fff;border:1px solid #dde4dd;border-radius:8px;margin:0 0 14px;padding:16px;font-size:14px;font-weight:750}.empty-text{background:0 0;border:0;margin:0;padding:0}.breakdown-list{gap:16px;display:grid}.breakdown-row{grid-template-columns:1fr auto;align-items:center;gap:8px 12px;display:grid}.breakdown-label{grid-column:1/-1;justify-content:space-between;gap:12px;display:flex}.breakdown-label span,.breakdown-label strong{color:#17201a;font-size:14px;font-weight:800}.bar-track{background:#edf1ed;border-radius:999px;height:9px;overflow:hidden}.bar-track span{border-radius:inherit;background:#00571d;height:100%;display:block}.top-coffee-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.top-coffee-list li{border-bottom:1px solid #edf1ed;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding-bottom:12px;display:grid}.top-coffee-list li:last-child{border-bottom:0;padding-bottom:0}.top-coffee-list span{color:#00571d;background:#edf4ef;border-radius:8px;place-items:center;min-height:34px;font-size:13px;font-weight:900;display:inline-grid}.top-coffee-list strong{color:#17201a;font-size:15px}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.result-loading-piece,.result-loading-piece.is-active,.result-loading-copy{transition:opacity .3s,background .3s,border-color .3s,color .3s;animation:none;transform:none}.result-loading-core i{animation-name:resultLoadingDot}}@media (width<=480px){.cbti-page{padding:0}.phone-shell{border:0;border-radius:0;width:100%;height:100svh;min-height:100svh}.landing-visual{height:280px}.admin-page{padding:18px}.admin-header{flex-direction:column;align-items:stretch}.admin-actions{width:100%}.admin-link,.admin-button{flex:1}.metric-grid,.admin-grid,.admin-grid.secondary{grid-template-columns:1fr}}