:root{color:#0b2545;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--navy:#0b2545;--deep-blue:#13315c;--blue:#134074;--mist:#8da9c4;--paper:#eef4ed;--line:#13315c24;background:#eef4ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}#root{flex-direction:column;min-height:100vh;display:flex}main{background:radial-gradient(circle at 90% 0%, #8da9c438, transparent 38%), var(--paper);flex:1}main>.state{width:min(100% - 48px,1060px);margin:54px auto}a{color:var(--blue);text-underline-offset:3px}a:hover{color:var(--navy)}button,input,textarea,select{font:inherit}button,.button-link{transition:background-color .18s,border-color .18s,transform .18s}button{border:1px solid var(--blue);background:var(--blue);color:#fff;cursor:pointer;border-radius:10px;min-height:46px;padding:10px 18px;font-weight:700}button:hover:not(:disabled),.button-link:hover{background:var(--navy);border-color:var(--navy);color:#fff;transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--mist);outline-offset:3px}.topbar{background:var(--navy);color:var(--paper)}.topbar-inner{justify-content:space-between;align-items:center;gap:24px;width:min(100% - 48px,1120px);min-height:78px;margin:auto;display:flex}.brand{color:var(--paper);letter-spacing:-.035em;white-space:nowrap;align-items:center;gap:12px;font-size:1.12rem;font-weight:800;text-decoration:none;display:inline-flex}.brand:hover{color:#fff}.brand-mark{background:var(--blue);color:#fff;border:1px solid #eef4ed47;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.brand-mark svg{width:22px;height:22px}.topbar nav{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.topbar nav a{min-height:44px;color:var(--paper);border-radius:10px;align-items:center;padding:8px 16px;font-weight:600;text-decoration:none;display:inline-flex}.topbar nav a:hover,.topbar nav a.active{background:var(--blue);color:#fff}.account-menu{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.account-menu span{overflow-wrap:anywhere;min-width:0;color:var(--mist);font-size:.875rem}.account-menu button{min-height:42px;color:var(--paper);background:0 0;border:1px solid #eef4ed66;padding:8px 14px}.account-menu button:hover:not(:disabled){background:var(--blue);border-color:var(--mist)}.account-menu [role=alert]{color:var(--paper)}.page{align-content:start;gap:28px;width:min(100% - 48px,1060px);margin:0 auto;padding:54px 0 88px;display:grid}.page-heading{gap:8px;min-width:0;display:grid}.eyebrow{color:var(--blue);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;font-size:.72rem;font-weight:800;line-height:1.5;display:inline-flex}.eyebrow:before{content:"";background:var(--mist);border-radius:50%;flex:none;width:6px;height:6px}.page-heading h1{letter-spacing:-.05em;overflow-wrap:anywhere;margin:0;font-size:clamp(2.25rem,4vw,3.4rem);font-weight:800;line-height:1.12}.page-heading h1:focus{outline:none}.page-heading p{color:var(--deep-blue);margin:0;font-size:1.025rem;line-height:1.6}.page h2{letter-spacing:-.035em;margin:0;font-size:1.35rem;line-height:1.25}.panel{border:1px solid var(--line);background:#fff;border-radius:20px;align-content:start;gap:20px;min-width:0;padding:28px;display:grid;box-shadow:0 12px 34px #0b25450b}.panel form{gap:16px;display:grid}.panel label{min-width:0;color:var(--deep-blue);gap:8px;font-size:.9rem;font-weight:700;display:grid}.panel input,.panel textarea,.panel select{border:1px solid var(--mist);outline-offset:2px;width:100%;min-height:46px;color:var(--navy);background:#fff;border-radius:9px;padding:10px 13px}.panel input::placeholder{color:var(--deep-blue);opacity:.8}.panel [role=alert]{color:#812d22}.panel textarea{resize:vertical}.panel p{margin:0;line-height:1.55}.panel ul{margin:0;padding:0;list-style:none}.auth-page{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;width:min(100% - 48px,1060px);padding-top:72px}.auth-page .page-heading{background:linear-gradient(145deg, var(--blue), var(--navy) 75%);min-height:505px;color:var(--paper);isolation:isolate;border-radius:24px 0 0 24px;align-content:end;gap:16px;padding:clamp(36px,5vw,64px);position:relative;overflow:hidden}.auth-page .page-heading:before{content:"";z-index:-1;border:1px solid #eef4ed42;border-radius:50%;width:280px;height:280px;position:absolute;top:-75px;right:-30px;box-shadow:0 0 0 48px #8da9c414,0 0 0 100px #8da9c40d}.auth-page .page-heading:after{content:"✦";color:var(--mist);z-index:-1;font-size:6rem;line-height:1;position:absolute;top:75px;right:110px;transform:rotate(-15deg)}.auth-page .page-heading .eyebrow{color:var(--mist)}.auth-page .page-heading h1{max-width:420px;font-size:clamp(2.5rem,4.5vw,4.1rem)}.auth-page .page-heading p{max-width:380px;color:var(--paper)}.auth-form{border-radius:0 24px 24px 0;align-content:center;gap:17px;min-width:0;padding:clamp(32px,5vw,64px);box-shadow:0 16px 48px #0b254512}.auth-form h2{margin:-8px 0 14px;font-size:1.6rem}.auth-form button{width:100%;margin-top:8px}.auth-form>p:last-child{border-top:1px solid var(--line);color:var(--deep-blue);margin-top:10px;padding-top:22px;font-size:.92rem}.auth-form [role=alert]{color:#812d22}.dashboard-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;display:grid}.collection{min-width:0}.section-heading,.panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.section-heading{margin-bottom:18px}.section-heading>div,.panel-heading>div{gap:5px;display:grid}.count-badge,.role-badge{color:var(--deep-blue);white-space:nowrap;background:#8da9c43b;border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-size:.76rem;font-weight:800;line-height:1.4;display:inline-flex}.role-badge{text-transform:capitalize}.wishlist-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.wishlist-list li{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:44px minmax(0,1fr) auto 24px;align-items:center;gap:14px;min-width:0;padding:17px 20px;transition:border-color .18s,box-shadow .18s;display:grid;box-shadow:0 5px 18px #0b254509}.wishlist-list li:hover{border-color:var(--mist);box-shadow:0 10px 24px #0b254514}.wishlist-list li:before{content:"✦";width:44px;height:44px;color:var(--blue);background:#8da9c433;border-radius:12px;place-items:center;font-size:1.3rem;display:grid}.wishlist-list li:after{content:"→";color:var(--blue);font-size:1.3rem}.wishlist-list a{overflow-wrap:anywhere;min-width:0;font-size:1.025rem;font-weight:750;text-decoration:none}.wishlist-list a:hover{text-decoration:underline}.create-panel{background:radial-gradient(circle at 100% 0, #8da9c438, transparent 48%), var(--deep-blue);color:#fff;border-color:#0000;gap:13px;padding:30px;position:relative;overflow:hidden}.create-panel .eyebrow{color:var(--mist)}.create-panel h2{font-size:1.65rem}.create-panel>p{color:var(--paper);font-size:.92rem}.create-panel form{margin-top:12px}.create-panel label{color:var(--paper)}.create-panel button{background:var(--mist);border-color:var(--mist);color:var(--navy)}.create-panel button:hover:not(:disabled){background:var(--paper);border-color:var(--paper);color:var(--navy)}.create-panel [role=alert]{color:#812d22;background:#fff;border-radius:8px;padding:10px}.empty{padding:36px}.empty h2{margin-bottom:8px}.empty p{color:var(--deep-blue)}.detail-layout{grid-template-columns:minmax(0,1fr) minmax(280px,330px);align-items:start;gap:24px;display:grid}.detail-sidebar{align-content:start;gap:20px;min-width:0;display:grid}.items-panel,.members-panel{gap:22px}.panel-heading .button-link{min-height:42px;padding:8px 14px;font-size:.875rem}.items-list li{border-top:1px solid var(--line);overflow-wrap:anywhere;justify-items:start;gap:9px;min-width:0;padding:18px 0;display:grid}.items-list li:last-child{padding-bottom:0}.items-list li>a:first-child{font-size:1.05rem;font-weight:750}.items-list li>p{color:var(--deep-blue);font-size:.9rem}.items-list li>button{border-color:var(--mist);color:var(--blue);background:#fff}.items-list li>button:hover:not(:disabled){background:var(--paper);border-color:var(--blue);color:var(--navy)}.items-list li>a:last-child:not(:first-child){font-size:.9rem}.members-list li{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:14px 0;display:flex}.members-list li>span{overflow-wrap:anywhere;gap:6px;min-width:0;font-size:.875rem;display:grid}.members-list .role-badge{justify-self:start}.members-list button{min-height:36px;padding:6px 10px;font-size:.8rem}.members-panel form{border-top:1px solid var(--line);padding-top:22px}.members-panel form p{color:var(--deep-blue);font-size:.8rem}.settings-panel{gap:16px}.settings-panel button{justify-self:start}.danger-button{color:#812d22;background:#fff4f3;border-color:#b34535;justify-self:start}button.danger-button:hover:not(:disabled){color:#812d22;background:#fbded8;border-color:#812d22}.actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.button-link{border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-height:46px;padding:10px 18px;font-weight:700;text-decoration:none;display:inline-flex}.page .button-link{color:#fff}.editor-page{max-width:720px}.editor-page .panel>button{justify-self:start}.purchase-panel{justify-items:start}.route-examples{margin:0}.state{border:1px solid var(--mist);color:var(--deep-blue);background:#8da9c42e;border-radius:12px;margin:0;padding:16px 20px;line-height:1.5}.state.error{color:#812d22;background:#fff0ee;border-color:#b34535}.dialog-backdrop{z-index:5;background:#0b2545b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{width:min(100%,520px);max-height:calc(100vh - 32px);overflow:auto}.dialog .danger-button{justify-self:stretch}.dialog button:last-child{background:var(--paper);border-color:var(--mist);color:var(--navy)}.dialog button:last-child:hover:not(:disabled){border-color:var(--blue);color:var(--navy);background:#8da9c466}.site-footer{background:var(--navy);color:var(--mist);flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding:22px max(24px,50% - 530px);font-size:.82rem;display:flex}.site-footer span:first-child{color:var(--paper);font-weight:700}.skip{z-index:6;background:#fff;padding:12px;position:absolute;top:-100px;left:12px}.skip:focus{top:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=860px){.detail-layout{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.auth-page{grid-template-columns:minmax(0,1fr);gap:0;padding-top:32px}.auth-page .page-heading{border-radius:20px 20px 0 0;min-height:270px;padding:32px}.auth-page .page-heading:before{right:-120px}.auth-page .page-heading:after{font-size:4rem;top:36px;right:36px}.auth-page .page-heading h1{font-size:clamp(2.25rem,6vw,3.4rem)}.auth-form{border-radius:0 0 20px 20px;padding:32px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.create-panel{order:-1}}@media (width<=600px){.topbar-inner{flex-direction:column;align-items:flex-start;gap:12px;width:calc(100% - 32px);padding:14px 0}.topbar nav{flex-wrap:wrap;justify-content:space-between;width:100%}.topbar nav a{padding:8px 12px}.account-menu{display:contents}.account-menu button{order:1}.account-menu span{order:2;width:100%}.page{gap:24px;width:calc(100% - 32px);padding:32px 0 56px}.auth-page{gap:0}.page-heading h1{font-size:2.4rem}.panel{padding:22px}.wishlist-list li{grid-template-columns:38px minmax(0,1fr) auto;gap:10px;padding:14px}.wishlist-list li:before{width:38px;height:38px}.wishlist-list li:after{display:none}.auth-page .page-heading{min-height:250px;padding:28px}.auth-form{padding:28px}.site-footer{padding:20px 16px}}@media (width<=380px){.panel-heading .button-link{width:100%}.wishlist-list li{grid-template-columns:38px minmax(0,1fr)}.wishlist-list .role-badge{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){button,.button-link,.wishlist-list li{transition:none}button:hover:not(:disabled),.button-link:hover{transform:none}}
