@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap");:root{color-scheme:light;--ink:#1d2638;--muted:#29394d;--blue:#234fcf;--blue-deep:#183ca8;--blue-soft:#e9efff;--cream:#b9ddf4;--paper:#fffefa;--line:#5c9e99;--coral:#f07c58;--green:#1f7658;--red:#9f3f3f}*{box-sizing:border-box}html{scrollbar-color:#9ba9c7 var(--cream)}body,html{background:var(--cream)}body{margin:0;color:var(--ink);font-family:DM Sans,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}::selection{color:#fff;background:var(--blue)}button,select,textarea{font:inherit}button{color:inherit}:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.app-shell{width:min(100% - 48px,920px);min-height:100vh;margin:0 auto}.topbar{height:88px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.brand,.topbar{align-items:center}.brand{display:inline-flex;flex-direction:column;gap:2px;color:var(--ink);text-decoration:none;font-family:Manrope,Segoe UI,sans-serif;font-size:21px;font-weight:800;letter-spacing:-1.1px}.brand-mark{width:48px;height:48px;display:grid;place-items:center;overflow:hidden;border-radius:11px;background:#70c3c1}.brand-mark img{width:100%;height:100%;object-fit:cover;transform:scale(1.12)}.brand-wordmark{display:flex;align-items:center;gap:1px;font-size:10px;font-weight:900;letter-spacing:1.5px;line-height:1}.brand-wordmark span:first-child{color:#5669a1}.brand-wordmark span:nth-child(2){color:#e77868}.brand-wordmark span:nth-child(3){color:#8d9b61}.brand-wordmark span:nth-child(4){color:#7772b6}.brand-wordmark span:nth-child(5){color:#d67790}.topbar-note{color:var(--muted);font-size:14px}.screen{padding:58px 0 48px}.screen-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:34px}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-family:Manrope,Segoe UI,sans-serif;font-size:clamp(30px,5vw,42px);line-height:1.14;font-weight:800;letter-spacing:-1.7px}.flow-heading p,.screen-heading p{margin-bottom:0;color:var(--muted);font-size:16px;line-height:1.55}.primary-button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 19px;border:0;border-radius:12px;color:white;background:var(--blue);font-weight:700;cursor:pointer;transition:background .16s ease,transform .16s ease;white-space:nowrap}.primary-button:hover:not(:disabled){background:var(--blue-deep);transform:translateY(-1px)}.primary-button:disabled{opacity:.48;cursor:not-allowed}.heading-actions{display:flex;align-items:center;gap:9px}.secondary-button{min-height:50px;padding:0 16px;border:1px solid #b7c4e8;border-radius:12px;color:var(--blue-deep);background:#f4f6ff;font-weight:700;cursor:pointer}.secondary-button:hover{border-color:var(--blue);background:var(--blue-soft)}.pick-list{border-top:1px solid var(--line)}.pick-row{min-height:91px;display:flex;align-items:center;gap:16px;padding:17px 4px;border-bottom:1px solid var(--line)}.pick-stamp{flex:0 0 42px;height:42px;display:grid;place-items:center;border-radius:14px;color:var(--blue);background:var(--blue-soft)}.pick-stamp.is-nope{color:#876453;background:#f3e9dc}.pick-copy{min-width:0;flex:1 1}.pick-copy h2{margin-bottom:5px;font-family:Manrope,Segoe UI,sans-serif;font-size:17px;line-height:1.35;font-weight:700;letter-spacing:-.25px;overflow-wrap:anywhere}.pick-meta{display:flex;gap:8px;color:var(--muted)}.amazon-link,.pick-meta{align-items:center;font-size:13px}.amazon-link{min-height:34px;display:inline-flex;gap:7px;margin-top:7px;color:var(--blue-deep);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.amazon-link:hover{color:#102b83}.amazon-action{margin:-13px 0 25px}.amazon-action p{margin:2px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.dot{color:#9b9b95}.boundary-tag{flex:0 0 auto;padding:7px 10px;border-radius:999px;color:#645246;background:#f1e9df;font-size:12px;font-weight:600}.privacy-note{max-width:70ch;margin:23px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.empty-state{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 24px;border:1px dashed #c8c5bb;border-radius:18px;text-align:center}.empty-mark{width:58px;height:58px;display:grid;place-items:center;margin-bottom:17px;border-radius:19px;color:var(--blue);background:var(--blue-soft)}.empty-state h2{margin-bottom:8px;font-family:Manrope,Segoe UI,sans-serif;font-size:21px;letter-spacing:-.5px}.empty-state p{max-width:390px;margin-bottom:20px;color:var(--muted);line-height:1.55}.back-button,.text-button{display:inline-flex;align-items:center;gap:9px;padding:8px 0;border:0;color:var(--blue);background:transparent;font-weight:700;cursor:pointer}.back-button:hover,.text-button:hover{color:var(--blue-deep)}.flow-screen{max-width:620px;margin:0 auto;padding-top:34px}.back-button{margin-bottom:34px;color:var(--muted);font-size:14px}.flow-heading{margin-bottom:28px}.question-form{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.boundary-label,.question-form label{font-size:14px;font-weight:700}.question-form textarea{width:100%;min-height:130px;resize:vertical;padding:15px 16px;border:1px solid #c9cbd3;border-radius:12px;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.5}.question-form textarea::placeholder{color:#68768a;opacity:1}.question-form textarea:focus,select:focus{border-color:var(--blue);outline:3px solid #cdd8ff;outline-offset:1px}.topic-picks{width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.topic-picks>span{margin-right:2px;color:var(--muted);font-size:12px}.topic-picks button{min-height:34px;padding:0 12px;border:1px solid #d7d4cc;border-radius:999px;color:#32415a;background:#fffdf6;font-size:13px;font-weight:600;cursor:pointer}.topic-picks button:hover{border-color:var(--blue);color:var(--blue-deep);background:var(--blue-soft)}.field-foot{width:100%;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.question-form .primary-button{margin-top:12px}.prototype-note{margin:30px 0 0;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.55}.recommendation{display:flex;align-items:center;gap:17px;margin:0 0 29px;padding:21px;border-radius:17px;background:#f0eddf}.idea-icon{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border-radius:17px;color:var(--blue);background:#fffdf4}.recommendation-label{margin-bottom:5px;color:#58677b;font-size:12px;font-weight:700}.recommendation h2{margin-bottom:0;font-family:Manrope,Segoe UI,sans-serif;font-size:20px;line-height:1.35;letter-spacing:-.4px}.rating-form{display:flex;flex-direction:column;align-items:flex-start;gap:21px}fieldset{width:100%;min-width:0;margin:0;padding:0;border:0}legend{margin-bottom:11px;font-size:14px;font-weight:700}.rating-options{display:flex;gap:9px}.rating-choice{position:relative;width:48px;height:46px;display:grid;place-items:center;border:1px solid #c9cbd3;border-radius:11px;color:#3d4a60;background:var(--paper);font-weight:700;cursor:pointer}.rating-choice:has(input:checked){border-color:var(--blue);color:var(--blue-deep);background:var(--blue-soft);box-shadow:0 0 0 1px var(--blue)}.rating-choice input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.rating-choice:has(input:focus-visible){outline:3px solid var(--coral);outline-offset:3px}.rating-hints{width:276px;display:flex;justify-content:space-between;margin-top:7px;color:var(--muted);font-size:12px}.segmented{display:flex;gap:9px}.segmented button{min-height:43px;padding:0 14px;border:1px solid #c9cbd3;border-radius:10px;color:#3d4a60;background:var(--paper);cursor:pointer}.segmented button:hover{border-color:var(--blue)}.segmented button.selected{border-color:var(--blue);color:var(--blue-deep);background:var(--blue-soft);box-shadow:0 0 0 1px var(--blue)}.boundary-label{margin-bottom:-12px}.rating-form select{width:100%;min-height:47px;padding:0 13px;border:1px solid #c9cbd3;border-radius:10px;color:var(--ink);background:var(--paper)}.boundary-help{margin:-15px 0 0;color:var(--muted);font-size:12px}.save-button{margin-top:1px}.saved-message{display:flex;align-items:center;gap:9px;color:var(--green);font-weight:700}.error-note,.inline-error{color:var(--red);font-size:14px;line-height:1.5}.inline-error{margin:-5px 0 0}.error-note{display:flex;justify-content:space-between;gap:15px;margin:0 0 20px;padding:13px 15px;border:1px solid #e0b8b1;border-radius:10px;background:#fff5f1}.error-note button{flex:0 0 auto;border:0;color:var(--red);background:transparent;font-size:20px;cursor:pointer}.success-note{display:flex;align-items:center;gap:8px;margin-top:17px;color:var(--green);font-size:14px;font-weight:600}@media (max-width:640px){.app-shell{width:min(100% - 32px,920px)}.topbar{height:72px}.brand{font-size:10px}.brand-mark{width:44px;height:44px}.brand-wordmark{font-size:9px;letter-spacing:1.3px}.topbar-note{max-width:142px;font-size:12px;text-align:right}.screen{padding-top:36px}.screen-heading{align-items:flex-start;flex-direction:column;gap:19px;margin-bottom:27px}.screen-heading p{font-size:15px}.heading-actions{width:100%}.heading-actions .primary-button{flex:1 1}.heading-actions .secondary-button{flex:0 0 auto}.pick-row{gap:12px;padding:15px 0}.pick-stamp{flex-basis:38px;height:38px}.pick-copy h2{font-size:15px}.pick-meta{font-size:12px}.boundary-tag{max-width:112px;padding:6px 8px;font-size:11px;line-height:1.3}.empty-state{min-height:285px;padding:27px 18px}.flow-screen{padding-top:25px}.back-button{margin-bottom:26px}.flow-heading{margin-bottom:24px}.flow-heading p{font-size:15px}.rating-options{gap:8px}.rating-choice{width:46px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important}}