@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700&family=Space+Grotesk:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
html[data-look]{--display:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif;--radius:12px;--paper:#f6f7fb;--surface:#fff;--ink:#15233c;--muted:#596375;--green:#274cfa;--accent:#ff7547;--line:#dce2ed;--sidebar:#274cfa;--side-text:#e2e8ff;--side-active:#fff;--side-active-text:#274cfa;--soft:#e8edff;--sage:#d7eee8;--peach:#ffe0c7;--lavender:#dce4ff;--sand:#f6eabf;--pink:#f9d8df;--button-text:#fff;--serif:var(--display);--sans:var(--body)}
html[data-look=ink]{--display:'Space Grotesk',sans-serif;--body:'Space Grotesk',sans-serif;--radius:4px;--paper:#f0f1ee;--surface:#fbfcf8;--ink:#242721;--muted:#63665d;--green:#c8f341;--accent:#c8f341;--line:#d0d3c8;--sidebar:#252821;--side-text:#d7dccc;--side-active:#c8f341;--side-active-text:#252821;--soft:#e7eccf;--sage:#e1e7d6;--peach:#e9dfcb;--lavender:#dbe0e5;--sand:#e4eab7;--pink:#e6d9ce;--button-text:#252821}
html[data-look=plum]{--display:'Bricolage Grotesque',sans-serif;--body:'Manrope',sans-serif;--radius:22px;--paper:#fcf3ee;--surface:#fffaf7;--ink:#452344;--muted:#806879;--green:#6c285f;--accent:#f3a36e;--line:#e8d7df;--sidebar:#f4e4ee;--side-text:#6c4461;--side-active:#6c285f;--side-active-text:#fff7f9;--soft:#f6e2d6;--sage:#eed9e4;--peach:#f9d4b7;--lavender:#e6dcf3;--sand:#f5e6b8;--pink:#f2cbd9;--button-text:#fff}
html[data-look=pool]{--display:'Manrope',sans-serif;--body:'DM Sans',sans-serif;--radius:12px;--paper:#f7fcfd;--surface:#fff;--ink:#12343b;--muted:#526e75;--green:#d72b46;--accent:#6fdfdf;--line:#c6dde0;--sidebar:#a0eeed;--side-text:#24535b;--side-active:#12343b;--side-active-text:#fff;--soft:#def6f6;--sage:#c5eeee;--peach:#ffd2bd;--lavender:#d6e3fa;--sand:#f7e9a4;--pink:#ffcbd5;--button-text:#fff}
html[data-look=navy]{--display:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif;--radius:12px;--paper:#fffbf3;--surface:#fff;--ink:#004777;--muted:#536675;--green:#a30000;--accent:#ff7700;--line:#e3d8c3;--sidebar:#004777;--side-text:#fff;--side-active:#efd28d;--side-active-text:#004777;--soft:#f8edcf;--sage:#d0eff0;--peach:#ffe0c4;--lavender:#d8e8f2;--sand:#efd28d;--pink:#f5d9d6;--button-text:#fff;--teal:#00afb5}
html[data-look=rose]{--display:'Manrope',sans-serif;--body:'DM Sans',sans-serif;--radius:18px;--paper:#fff7f7;--surface:#fff;--ink:#1b2021;--muted:#65616a;--green:#89023e;--accent:#ea638c;--line:#e9d4db;--sidebar:#30343f;--side-text:#ffd9da;--side-active:#ffd9da;--side-active-text:#89023e;--soft:#ffd9da;--sage:#f5dde4;--peach:#ffd9da;--lavender:#e8e4ed;--sand:#f5e9e9;--pink:#f6b8ca;--button-text:#fff}
[data-look] body{font-family:var(--body);background:var(--paper);color:var(--ink)}
[data-look] :is(h1,h2,h3){font-family:var(--display);color:var(--ink);font-weight:600;letter-spacing:-.65px}
[data-look] h1{font-weight:700!important;letter-spacing:-1.8px!important}
[data-look] :is(.page-heading h1,.profile-heading h1){font-size:46px}
[data-look] .page-heading{margin-top:0;margin-bottom:32px;align-items:center}
[data-look] :is(.page-heading p,.profile-heading p){font-size:14px;color:var(--muted);margin-top:12px}
[data-look] .sidebar{width:216px;background:var(--sidebar);border:0;padding:30px 17px 0}
[data-look] .brand{font-family:var(--display);font-size:22px;letter-spacing:-1px;font-weight:700;color:var(--side-text);gap:9px}
[data-look] :is(.brand-dot,.brand-flower){color:inherit}
[data-look] .brand-flower{display:flex;align-items:center;justify-content:center;width:32px;height:34px}
[data-look] .brand-flower>.icon{width:26px;height:26px;stroke-width:1.8}
[data-look] .sidebar nav{margin-top:45px;gap:8px}
[data-look] .nav-link{font-size:12px;padding:14px 12px;border-radius:var(--radius);color:var(--side-text);gap:11px}
[data-look] .nav-link:hover{background:color-mix(in srgb,var(--side-text) 12%,transparent)}
[data-look] .nav-link.active{background:var(--side-active);color:var(--side-active-text)}
[data-look] .nav-count{background:color-mix(in srgb,var(--side-text) 20%,transparent);color:inherit}
[data-look] .active .nav-count{background:color-mix(in srgb,var(--side-active-text) 12%,transparent)}
[data-look] .account{border-color:color-mix(in srgb,var(--side-text) 20%,transparent);color:var(--side-text);padding:22px 0}
[data-look] :is(.account small,.account>.icon){color:var(--side-text);opacity:.85}
[data-look] .avatar.me{background:var(--soft);color:var(--ink);font-family:var(--display);font-weight:600}
[data-look] .account .avatar.me{background:var(--accent);color:var(--ink)}
[data-look] .app-body{margin-left:216px}
[data-look] .topbar{height:69px;padding:0 36px;border:0}
[data-look] main{padding:22px 36px 55px;max-width:1400px}
[data-look] :is(.style-review-link,.prototype-label){color:var(--muted);font-size:11px}
[data-look] .prototype-label i{background:var(--accent)}
[data-look] .btn{border-radius:calc(var(--radius) * .7);font-size:13px;font-weight:600;padding:13px 17px}
[data-look] .btn.primary{background:var(--green);color:var(--button-text);border-color:transparent}
[data-look] .btn.primary:hover{filter:brightness(.92)}
[data-look] .btn.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}
[data-look] .btn.secondary:hover{background:var(--soft)}
[data-look] :is(.text-button,.text-link,.back-link,.shop-link,.audience-link){color:var(--ink)}
[data-look] .back-link{font-size:12px;margin-bottom:24px}
[data-look] :is(.quiet,.person-card p,.wish-info p,.claimed-copy,.list-membership,.list-tile-main p,.group-card>p,.group-members>span,.group-card-footer>span,.explain-panel p,.giving-info p,.recipient,.giving-info .text-button,.settings-profile p,.settings-row p,.advanced p,.modal-subtitle,.fine-print,.radio-options small,.check-option,.login-form>p,.login-reassurance){color:var(--muted)}
[data-look] :is(.number,.tab.selected){background:var(--soft);color:var(--ink)}
[data-look] .filterbar{margin-bottom:22px}
[data-look] .tab{color:var(--muted);font-size:12px;padding:10px 13px;border-radius:calc(var(--radius) * .7)}
[data-look] .tab:hover{background:var(--soft)}
[data-look] .tab.selected{font-weight:650}
[data-look] .search{border:1px solid var(--line);background:var(--surface);padding:5px 11px;border-radius:calc(var(--radius) * .7);color:var(--muted)}
[data-look] .search input{font-size:12px;color:var(--ink);width:125px}
[data-look] .search input::placeholder{color:var(--muted)}
[data-look] .people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
[data-look] .person-card{padding:24px;background:var(--surface);border:0;border-radius:var(--radius);box-shadow:0 2px 5px #16213c06;position:relative}
[data-look] .person-card-top .avatar{width:56px;height:56px}
[data-look] .person-card h3{font-size:20px;margin-top:17px;font-weight:600}
[data-look] .person-card p{font-size:12px;margin:5px 0 19px;min-height:0}
[data-look] .circle-arrow{border:0;background:var(--soft);color:var(--ink);width:32px;height:32px}
[data-look] .person-previews{height:100px;gap:8px}
[data-look] .person-previews>div{border-radius:calc(var(--radius) * .6)}
[data-look] .person-previews .more-wishes{flex-basis:38px;background:var(--soft);color:var(--ink);font-size:13px}
[data-look] .notice{padding:12px 0;background:none;font-size:12px;color:var(--muted);border-radius:0}
[data-look] .notice>.icon{color:var(--ink)}
[data-look] .wish-filter{margin-top:18px}
[data-look] .wish-grid{gap:22px}
[data-look] .wish-card{background:var(--surface);border:0;border-radius:var(--radius);box-shadow:0 2px 5px #16213c06}
[data-look] .wish-art{height:230px}
[data-look] .wish-info{padding:22px}
[data-look] .wish-info h3{font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-.4px}
[data-look] .wish-info p{font-size:12px;margin-top:10px;line-height:1.65}
[data-look] .wish-actions{min-height:40px}
[data-look] .btn.small{font-size:12px;min-height:40px;padding:10px 12px}
[data-look] .claim-badge{font-size:11px;padding:8px 11px;background:var(--surface);color:var(--ink);border:0;border-radius:calc(var(--radius) * .8)}
[data-look] .claim-badge.yours{background:var(--ink);color:var(--paper)}
[data-look] .claimed-copy{font-size:11px}
[data-look] .art-edit{background:var(--surface);color:var(--ink)}
[data-look] :is(.list-tile,.group-card,.giving-row,.settings-panel){background:var(--surface);border-color:var(--line);border-radius:var(--radius)}
[data-look] .list-tile{border:0;padding:24px}
[data-look] .list-tile.chosen{box-shadow:inset 0 0 0 2px var(--green)}
[data-look] .list-tile-main h3{font-size:17px}
[data-look] .list-tile-icon{color:var(--ink);border-radius:calc(var(--radius) * .6)}
[data-look] .audience-link{font-size:11px}
[data-look] .list-membership{font-size:11px}
[data-look] .add-wish-card{border-radius:var(--radius);border:1px dashed var(--line);min-height:350px}
[data-look] :is(.add-wish-card,.new-group-card):hover{background:var(--soft)}
[data-look] :is(.add-wish-card>span,.new-group-card>span){background:var(--soft);color:var(--ink)}
[data-look] :is(.add-wish-card h3,.new-group-card h3){font-family:var(--display);color:var(--ink);font-weight:600;font-size:21px}
[data-look] :is(.add-wish-card p,.new-group-card p){color:var(--muted);font-size:12px}
[data-look] .group-illustration{color:var(--ink);border-radius:calc(var(--radius) * .7)}
[data-look] .group-card h2{font-size:28px}
[data-look] .group-card-footer{border-color:var(--line)}
[data-look] .new-group-card{border-color:var(--line);border-radius:var(--radius);min-height:160px}
[data-look] .explain-panel{background:var(--soft);border-radius:var(--radius)}
[data-look] .explain-panel h3{color:var(--ink);font-size:15px}
[data-look] .explain-panel>.icon{color:var(--ink)}
[data-look] .giving-note{background:var(--soft);border-radius:var(--radius)}
[data-look] .giving-note h2{font-size:22px;color:var(--ink)}
[data-look] .giving-note p{font-size:12px;color:var(--muted)}
[data-look] .giving-check{background:var(--soft);color:var(--ink)}
[data-look] :is(.badge,.radio-options>label:has(input:checked)){background:var(--soft);color:var(--ink)}
[data-look] .radio-options>label:has(input:checked){border-color:var(--ink)}
[data-look] #dialog{background:var(--paper);color:var(--ink);border-color:var(--line);border-radius:var(--radius)}
[data-look] form :is(input:not([type=radio]):not([type=checkbox]),textarea,select){background:var(--surface);color:var(--ink);border-color:var(--line);font-size:13px}
[data-look] form :is(input,textarea)::placeholder{color:var(--muted)}
[data-look] .radio-options>label{border-color:var(--line)}
[data-look] :is(.check-option input,.radio-options input){accent-color:var(--ink)}
[data-look] :is(.radio-options .icon,.advanced summary){color:var(--muted)}
[data-look] #toast{background:var(--ink);color:var(--paper);border-color:var(--ink);left:calc(50% + 108px)}
[data-look] .login-page>.brand{color:var(--ink)}
[data-look] .login-illustration{background:var(--soft);border-radius:var(--radius)}
[data-look] .login-illustration h1{color:var(--ink);font-size:45px}
/* Distinct treatments, beyond palette changes. */
[data-look=cobalt] .sidebar .brand{color:white}
[data-look=cobalt] .wish-card{border-radius:14px}
[data-look=cobalt] .person-card{border-top:4px solid var(--accent)}
[data-look=cobalt] .btn.primary{box-shadow:0 3px 0 #1736c7}
[data-look=cobalt] .notice>.icon{color:var(--green)}
[data-look=ink] h1{font-size:43px;letter-spacing:-2px}
[data-look=ink] :is(.person-card,.wish-card){border:1px solid var(--line);box-shadow:none}
[data-look=ink] .person-card h3{font-size:19px}
[data-look=ink] .person-card-top .avatar{border-radius:4px}
[data-look=ink] .wish-info{padding:20px}
[data-look=ink] .wish-art{height:210px}
[data-look=ink] .btn{border-radius:3px}
[data-look=ink] .wish-actions{border-top:1px solid var(--line);padding-top:16px}
[data-look=ink] .tab.selected{background:var(--ink);color:var(--paper)}
[data-look=ink] .circle-arrow{border-radius:3px}
[data-look=plum] :is(.page-heading h1,.profile-heading h1){font-size:49px}
[data-look=plum] .person-card h3{font-size:23px;letter-spacing:-.8px}
[data-look=plum] .wish-card{padding:10px;box-shadow:0 4px 14px #45234408}
[data-look=plum] .wish-art{border-radius:15px;height:210px}
[data-look=plum] .wish-info{padding:17px 12px 10px}
[data-look=plum] .btn{border-radius:30px}
[data-look=plum] .sidebar .brand{font-size:24px;color:var(--ink)}
[data-look=plum] .person-previews>div{border-radius:12px}
[data-look=pool] :is(.person-card,.wish-card){border:1px solid var(--ink);box-shadow:3px 3px 0 #b6dcdf}
[data-look=pool] :is(.page-heading h1,.profile-heading h1){font-weight:800!important;letter-spacing:-2px!important}
[data-look=pool] .brand{font-size:21px;color:var(--ink)}
[data-look=pool] .btn.primary{border:1px solid #a3142a;box-shadow:2px 2px 0 #a3142a}
[data-look=pool] .circle-arrow{background:var(--accent);border:1px solid var(--ink)}
[data-look=pool] .tab.selected{background:var(--ink);color:white}
[data-look=pool] .person-card h3{font-weight:800;font-size:19px}
/* User-provided Coolors palettes; neutral surfaces and tints preserve legibility. */
[data-look=navy] .brand{color:#fff}
[data-look=navy] .account .avatar.me{background:#efd28d;color:#004777}
[data-look=navy] .circle-arrow{background:#00afb5;color:#004777}
[data-look=navy] .group-illustration{background:#00afb5;color:#004777}
[data-look=navy] .list-tile-icon{background:#efd28d;color:#004777}
[data-look=navy] .btn.primary{box-shadow:0 3px 0 #004777}
[data-look=navy] .wish-card{border-bottom:3px solid #ff7700}
[data-look=navy] .tab.selected{background:#efd28d;color:#004777}
[data-look=rose] :is(.page-heading h1,.profile-heading h1){font-weight:800!important}
[data-look=rose] .person-card{border:1px solid #ffd9da;border-top:4px solid #ea638c}
[data-look=rose] .wish-card{border:1px solid #ffd9da;box-shadow:0 4px 12px #89023e08}
[data-look=rose] .btn.primary{background:#89023e;color:#fff;border-radius:9px}
[data-look=rose] .circle-arrow{background:#ea638c;color:#1b2021}
[data-look=rose] .group-illustration{background:#ffd9da;color:#89023e}
[data-look=rose] .claim-badge.yours{background:#30343f;color:#ffd9da}
[data-look=rose] .notice>.icon{color:#89023e}
@media(max-width:1100px){[data-look] .wish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}[data-look] .wish-art{height:225px}[data-look] main{padding-left:28px;padding-right:28px}[data-look] .page-heading{flex-direction:column;align-items:flex-start;gap:21px}}
@media(max-width:720px){[data-look] .sidebar{width:100%;height:75px;padding:0 6px;border-top:1px solid var(--line);background:var(--sidebar)}[data-look] .sidebar nav{margin:0;gap:3px}[data-look] .nav-link{font-size:9px;padding:7px 3px;border-radius:8px;gap:5px}[data-look] .app-body{margin:0;padding-bottom:75px}[data-look] .topbar{padding:0 20px;height:62px}[data-look] main{padding:20px 20px 40px}[data-look] :is(.page-heading h1,.profile-heading h1){font-size:36px!important;letter-spacing:-1.2px!important}[data-look] .page-heading p{font-size:13px}[data-look] .people-grid{gap:14px}[data-look] .person-card{padding:16px}[data-look] .person-card h3{font-size:17px}[data-look] .person-card p{font-size:10px;min-height:30px}[data-look] .person-previews{height:67px;gap:5px}[data-look] .person-previews .more-wishes{flex-basis:24px;font-size:10px}[data-look] .person-card-top .avatar{height:46px;width:46px}[data-look] .circle-arrow{width:25px;height:25px}[data-look] .wish-grid{gap:14px}[data-look] .wish-art{height:180px}[data-look] .wish-info{padding:16px 12px}[data-look] .wish-info h3{font-size:15px}[data-look] .wish-info p{font-size:11px}[data-look] .btn.small{font-size:11px;padding:9px}[data-look] .claim-badge{font-size:9px;padding:7px}[data-look] .claimed-copy{font-size:10px}[data-look] .tab{font-size:11px;padding:10px}[data-look] .search input{width:100%}[data-look] .profile-heading p{font-size:11px}[data-look] .list-membership{font-size:9px}[data-look] #toast{left:50%;bottom:90px}[data-look=plum] .wish-card{padding:6px}[data-look=plum] .wish-art{height:170px;border-radius:16px}[data-look=plum] .wish-info{padding:14px 7px}[data-look] .login-illustration h1{font-size:34px}[data-look] .login-form h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){[data-look] *{transition:none!important}}