:root{--navy:#0b1f3a;--navy-deep:#081527;--navy-soft:#1c3358;--cream:#faf7ef;--paper:#fffdf8;--accent:#c9a24b;--accent-soft:#c9a24b24;--accent-dark:#9c7a34;--like:#3c6e52;--like-soft:#3c6e521f;--pass:#a44343;--pass-soft:#a443431f;--text:#16223a;--text-muted:#667089;--text-faint:#97a0b5;--border:#e7dfcd;--border-soft:#f0e9d9;--shadow-sm:0 6px 16px -8px #0b1f3a38;--shadow-md:0 20px 44px -20px #0b1f3a61;--shadow-lg:0 32px 64px -24px #0b1f3a6b;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--font-serif:Georgia, "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-2xs:11px;--text-xs:12.5px;--text-sm:13.5px;--text-base:15px;--text-md:16.5px;--text-lg:19px;--text-xl:23px;--text-2xl:28px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#fff;margin:0;line-height:1.4}#root{height:100%}button{font-family:inherit}a{color:inherit}.app-shell{background:var(--cream);max-width:448px;min-height:100dvh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);flex-direction:column;margin:0 auto;display:flex;position:relative}.app-shell--loading,.app-shell--gate{justify-content:center;align-items:center;padding:28px}.gate-loader{flex-direction:column;align-items:center;gap:14px;display:flex}.gate-loader__mark{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--navy);letter-spacing:.01em;opacity:.55}.gate-loader__bar{background:var(--border);border-radius:999px;width:120px;height:3px;position:relative;overflow:hidden}.gate-loader__bar:after{content:"";background:var(--accent);border-radius:999px;width:40%;animation:1.1s ease-in-out infinite loader-sweep;position:absolute;inset:0}@keyframes loader-sweep{0%{transform:translate(-100%)}to{transform:translate(340%)}}.gate-card,.onboarding-card{background:var(--paper);border:1px solid var(--border-soft);width:100%;box-shadow:var(--shadow-md);text-align:center;border-radius:22px;flex-direction:column;align-items:center;gap:10px;padding:34px 26px 28px;display:flex}.gate-card__mark{font-family:var(--font-serif);letter-spacing:.005em;color:var(--navy);margin:0;font-size:30px;font-weight:400}.gate-card__rule{background:var(--accent);border:none;width:34px;height:2px;margin:4px 0 6px}.gate-card__body,.onboarding-card__body{color:var(--text-muted);font-size:var(--text-sm);max-width:30ch;margin:0 0 6px;line-height:1.55}.onboarding-screen{padding:20px}.onboarding-card{text-align:left;align-items:stretch;padding:26px 22px}.onboarding-card__title{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--navy);text-align:left;align-self:flex-start;margin:0;font-weight:400}.onboarding-card__body{text-align:left;align-self:flex-start;max-width:none}.onboarding-form{text-align:left;flex-direction:column;gap:6px;width:100%;display:flex}.onboarding-form__label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-top:10px;font-weight:600}.onboarding-form__input,.onboarding-form__textarea{border:1px solid var(--border);width:100%;font-size:var(--text-base);color:var(--text);background:var(--cream);resize:vertical;border-radius:12px;padding:11px 13px;font-family:inherit}.onboarding-form__input:focus,.onboarding-form__textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.onboarding-form__error{color:var(--pass);font-size:var(--text-xs);margin:0}.btn{font-size:var(--text-base);cursor:pointer;border:none;border-radius:999px;padding:13px 26px;font-weight:600;transition:transform .15s,opacity .15s,background .15s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:default}.btn--primary{background:var(--navy);color:var(--cream)}.btn--primary:hover:not(:disabled){background:var(--navy-soft)}.btn--ghost{color:var(--navy);text-underline-offset:3px;background:0 0;padding:8px 12px;font-weight:500;text-decoration:underline}.top-bar{flex-direction:column;gap:14px;padding:20px 20px 0;display:flex}.top-bar__brand{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.top-bar__wordmark{font-family:var(--font-serif);letter-spacing:.005em;color:var(--navy);white-space:nowrap;font-size:21px;font-weight:400}.top-bar__candidate{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;text-align:right;min-width:0;font-weight:600;overflow:hidden}.top-bar__tabs{border-bottom:1px solid var(--border);gap:24px;display:flex}.top-bar__tab{font-size:var(--text-sm);letter-spacing:.01em;color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:0 1px 11px;font-weight:600;transition:color .18s;position:relative}.top-bar__tab:after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .22s cubic-bezier(.2,.8,.3,1);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.top-bar__tab--active{color:var(--navy)}.top-bar__tab--active:after{transform:scaleX(1)}.top-bar__count{color:var(--accent-dark);background:var(--accent-soft);vertical-align:1px;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:10.5px;font-weight:700;display:inline-block}.taste-note{background:var(--paper);border:1px solid var(--border-soft);border-left:2px solid var(--accent);border-radius:4px 14px 14px 4px;margin:14px 18px 4px;padding:13px 16px}.taste-note__label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.07em;color:var(--accent-dark);margin-bottom:4px;font-weight:700;display:block}.taste-note__text{font-size:var(--text-sm);color:var(--text);margin:0;font-style:italic;line-height:1.5}.screen{flex-direction:column;flex:1;min-height:0;padding:6px 18px 24px;display:flex}.swipe-stack{flex:1;min-height:440px;margin-bottom:22px;position:relative}.swipe-card-slot{position:absolute;inset:0}.swipe-card{background:var(--paper);border:1px solid var(--border-soft);box-shadow:var(--shadow-lg);touch-action:none;will-change:transform;border-radius:26px;flex-direction:column;padding:0 24px 26px;display:flex;position:absolute;inset:0;overflow:hidden}.swipe-card--active{cursor:grab}.swipe-card--active:active{cursor:grabbing}.swipe-card__tint{pointer-events:none;z-index:1;position:absolute;inset:0}.swipe-card__tint--like{background:var(--like)}.swipe-card__tint--pass{background:var(--pass)}.swipe-card__tint--save{background:var(--accent)}.swipe-card__stamp{font-size:var(--text-md);letter-spacing:.14em;text-transform:uppercase;pointer-events:none;z-index:2;border:1.5px solid;border-radius:4px;padding:7px 18px;font-weight:600;position:absolute;top:28px}.swipe-card__stamp--like{color:var(--like);left:24px;transform:rotate(-10deg)}.swipe-card__stamp--pass{color:var(--pass);right:24px;transform:rotate(10deg)}.swipe-card__stamp--save{color:var(--accent-dark);top:20px;left:50%;transform:translate(-50%)rotate(0)}.company-visual{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 42%, var(--navy) 100%);flex-shrink:0;justify-content:center;align-items:center;width:calc(100% + 48px);height:108px;margin:0 -24px 16px;display:flex;position:relative}.company-visual__badge{background:var(--paper);width:60px;height:60px;box-shadow:var(--shadow-sm);border-radius:16px;justify-content:center;align-items:center;display:flex;overflow:hidden}.company-visual__img{object-fit:contain;width:34px;height:34px}.company-visual__initials{font-family:var(--font-serif);color:var(--navy);letter-spacing:.02em;font-size:20px;font-weight:400}.swipe-card__visual{height:108px}.swipe-card__body{z-index:2;flex-direction:column;flex:1;gap:12px;min-height:0;display:flex;position:relative}.swipe-card__top-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.swipe-card__score-pill,.swipe-card__deadline-pill{font-size:var(--text-2xs);letter-spacing:.03em;border-radius:999px;padding:5px 12px;font-weight:700}.swipe-card__score-pill{background:var(--accent-soft);color:var(--accent-dark);border:1px solid #c9a24b4d}.swipe-card__deadline-pill{color:var(--text-muted);border:1px solid var(--border);background:0 0}.swipe-card__title{font-family:var(--font-serif);color:var(--navy);margin:8px 0 0;font-size:25px;font-weight:400;line-height:1.22}.swipe-card__company{font-size:var(--text-md);color:var(--text);margin:0;font-weight:600}.swipe-card__location{font-size:var(--text-sm);color:var(--text-muted);margin:0}.swipe-card__reason{border-top:1px solid var(--border-soft);margin-top:auto;padding-top:16px}.swipe-card__reason-label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);margin-bottom:5px;font-weight:700;display:block}.swipe-card__reason p{font-size:var(--text-sm);color:var(--text);margin:0;line-height:1.55}.swipe-actions{justify-content:center;align-items:center;gap:16px;padding-bottom:4px;display:flex}.swipe-actions__btn{border:1px solid var(--border);background:var(--paper);width:52px;height:52px;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.swipe-actions__btn svg{stroke-width:1.6px;width:20px;height:20px}.swipe-actions__btn:active{transform:scale(.9)}.swipe-actions__btn--pass{color:var(--pass)}.swipe-actions__btn--pass:hover{border-color:var(--pass)}.swipe-actions__btn--skip{color:var(--text-muted)}.swipe-actions__btn--skip:hover{border-color:var(--text-muted)}.swipe-actions__btn--save{color:var(--accent-dark)}.swipe-actions__btn--save:hover{border-color:var(--accent)}.swipe-actions__btn--like{width:62px;height:62px;color:var(--like);border-color:var(--like)}.swipe-actions__btn--like:hover{box-shadow:var(--shadow-md)}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:14px;margin:auto;padding:32px 16px;display:flex}.empty-state__mark{border:1px solid var(--border);width:46px;height:46px;color:var(--accent-dark);border-radius:50%;justify-content:center;align-items:center;margin-bottom:2px;display:flex}.empty-state__mark svg{stroke-width:1.4px;width:20px;height:20px}.empty-state__title{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--navy);margin:0;font-weight:400}.empty-state__body{color:var(--text-muted);font-size:var(--text-sm);max-width:300px;margin:0;line-height:1.55}.card-skeleton{border:1px solid var(--border-soft);background:linear-gradient(100deg, var(--border-soft) 30%, #f4eeda 50%, var(--border-soft) 70%);background-size:200% 100%;border-radius:26px;animation:1.5s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.apply-list{flex-direction:column;gap:12px;margin:10px 0 0;padding:0;list-style:none;display:flex}.apply-item{background:var(--paper);border:1px solid var(--border-soft);box-shadow:var(--shadow-sm);border-radius:18px;align-items:center;gap:14px;padding:14px 18px;transition:box-shadow .18s,transform .18s;display:flex}.apply-item__visual{border-radius:12px;flex-shrink:0;width:48px;height:48px;margin:0}.apply-item__visual .company-visual__badge{width:48px;height:48px;box-shadow:none;border-radius:12px}.apply-item__visual .company-visual__img{width:26px;height:26px}.apply-item__visual .company-visual__initials{color:var(--paper);font-size:16px}.apply-item__info{flex:1;min-width:0}.apply-item__title{font-family:var(--font-serif);font-size:var(--text-md);color:var(--navy);margin:0;font-weight:400;line-height:1.3}.apply-item__company{font-size:var(--text-sm);color:var(--text);margin:3px 0 0;font-weight:600}.apply-item__meta{font-size:var(--text-xs);color:var(--text-muted);margin:4px 0 0}.apply-item__cta{background:var(--accent);color:var(--navy-deep);font-size:var(--text-xs);letter-spacing:.01em;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:10px 16px;font-weight:700;text-decoration:none;transition:transform .15s,background .15s}.apply-item__cta:hover{background:var(--accent-dark)}.apply-item__cta:active{transform:scale(.96)}.apply-item-skeleton{border:1px solid var(--border-soft);background:linear-gradient(100deg, var(--border-soft) 30%, #f4eeda 50%, var(--border-soft) 70%);background-size:200% 100%;border-radius:18px;height:88px;animation:1.5s ease-in-out infinite shimmer}@media (width>=500px){.app-shell{min-height:calc(100dvh - 56px);box-shadow:var(--shadow-lg);border:1px solid var(--border-soft);border-radius:30px;margin-top:28px;overflow:hidden}}
