.sy-hero{padding-block:clamp(24px,4vw,56px) clamp(8px,2vw,24px)}.sy-hero-in{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(28px,4vw,64px);display:grid}.sy-h1 em{color:var(--cobalt)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sy-h1 em{color:var(--lilac)}}:root[data-theme=dark] .sy-h1 em{color:var(--lilac)}.sy-who{border-radius:var(--r3);background:var(--lilac);margin-top:64px;padding:24px 22px 22px;position:relative;rotate:1.4deg;box-shadow:0 1px #35224214,0 30px 50px -26px #3522428c}.sy-who:before{content:"";background:color-mix(in srgb, var(--lemon) 88%, transparent);border-radius:3px;width:90px;height:22px;position:absolute;top:-10px;right:22%;rotate:5deg;box-shadow:0 1px 2px #3522422e}.sy-who-buddy{z-index:2;left:18px;top:calc(var(--w) * -.86);position:absolute}.sy-who-buddy .hit{pointer-events:auto}.sy-who-h{font-family:var(--f-display);letter-spacing:-.02em;text-align:right;text-transform:uppercase;font-size:clamp(17px,1.5vw,21px);font-weight:800;line-height:1.05}.sy-who-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.sy-who-btn{color:#352242;background:0 0;border:0;justify-items:center;gap:9px;padding:0;font-size:13.5px;font-weight:700;display:grid}.sy-who-face{aspect-ratio:1;background:#fff8ea;border-radius:50%;width:100%;transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:block;overflow:hidden;box-shadow:0 0 0 4px #fff8ea,0 14px 22px -12px #35224299}.sy-who-face img{object-fit:cover;width:100%;height:100%}.sy-who-btn:hover .sy-who-face{transform:rotate(-7deg)scale(1.05)}.sy-who-btn[data-on] .sy-who-face{box-shadow:0 0 0 4px #fff8ea, 0 0 0 7px var(--tangerine), 0 16px 26px -12px #35224299;transform:scale(1.07)}.sy-who-btn:focus-visible{outline:none}.sy-who-btn:focus-visible .sy-who-face{outline:3px solid var(--cobalt);outline-offset:8px}.sy-wall-sec{padding-block:22px calc(var(--sy-dock-h,190px) + 48px)}.sy-wall{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:22px 18px;display:grid}.sy-card{background:var(--surface);color:inherit;text-align:left;box-shadow:inset 0 0 0 1px var(--line), var(--shadow);rotate:var(--tilt,0deg);border:0;border-radius:20px;padding:5px;transition:rotate .45s cubic-bezier(.34,1.56,.64,1),translate .45s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;display:block;position:relative}.sy-card:hover{box-shadow:inset 0 0 0 1px var(--line), 0 26px 46px -22px #140c1a99;translate:0 -5px;rotate:0deg}.sy-card[data-on]{box-shadow:0 0 0 3px var(--tangerine), 0 26px 46px -20px #e65a2f8c;translate:0 -6px;rotate:0deg}.sy-card:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px}.sy-card-media{aspect-ratio:4/5;background:var(--wash);border-radius:15px;display:block;overflow:hidden}.sy-card-media img{object-fit:cover;width:100%;height:100%;transition:scale .6s cubic-bezier(.2,.8,.2,1);display:block}.sy-card:hover .sy-card-media img{scale:1.05}.sy-wall[data-swap] .sy-card-media img{animation:.62s cubic-bezier(.34,1.56,.64,1) both sy-flip;animation-delay:calc(var(--i) * 20ms)}.sy-tag{background:var(--tag);color:#352242;max-width:calc(100% - 24px);font-family:var(--f-display);letter-spacing:-.01em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;border-radius:8px;padding:5px 9px;font-size:13px;font-weight:800;line-height:1.05;transition:rotate .4s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:12px;left:12px;overflow:hidden;rotate:-3deg;box-shadow:0 6px 12px -6px #140c1a8c}.sy-card:hover .sy-tag,.sy-card[data-on] .sy-tag{rotate:0deg}.sy-photo-ok{color:#fff6e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#140c1a94;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:12px;left:12px}.sy-hot{background:var(--tangerine);color:#fff6e6;font-family:var(--f-display);letter-spacing:.03em;text-transform:uppercase;border-radius:8px;padding:4px 8px;font-size:10.5px;font-weight:800;position:absolute;top:-9px;right:-8px;rotate:10deg;box-shadow:0 6px 12px -6px #e65a2fe6}.sy-check{z-index:2;background:var(--tangerine);color:#fff6e6;width:34px;height:34px;box-shadow:0 0 0 3px var(--bg);opacity:0;border-radius:50%;place-items:center;transition:opacity .2s,scale .45s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute;top:-10px;right:-10px;scale:.3}.sy-check svg{width:17px;height:17px}.sy-card[data-on] .sy-check{opacity:1;scale:1}.sy-card[data-on] .sy-hot{opacity:0}.sy-ico{flex:none;width:16px;height:16px}.sy-dock-wrap{z-index:45;padding:0 16px calc(14px + env(safe-area-inset-bottom,0px));pointer-events:none;position:fixed;bottom:0;left:0;right:0}.sy-dock{background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(28px)saturate(1.6);backdrop-filter:blur(28px)saturate(1.6);max-width:1020px;box-shadow:inset 0 0 0 1px var(--line), 0 30px 60px -24px #140c1a8c;pointer-events:auto;border-radius:26px;gap:10px;margin:0 auto;padding:12px;animation:.7s cubic-bezier(.34,1.56,.64,1) .2s both sy-dock-in;display:grid}.sy-dock-top{align-items:center;gap:10px;min-width:0;display:flex}.sy-pick{background:var(--wash);min-width:0;height:52px;color:var(--ink);text-align:left;border:0;border-radius:16px;align-items:center;gap:10px;padding:4px 16px 4px 4px;transition:background .15s;display:flex}.sy-pick:hover{background:var(--hover-2)}.sy-pick img{object-fit:cover;border-radius:12px;flex:none;width:44px;height:44px}.sy-pick span{min-width:0;display:grid}.sy-pick small{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-50);font-size:10.5px;line-height:1.2}.sy-pick b{font-family:var(--f-display);letter-spacing:-.02em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:16px;font-weight:800;line-height:1.15;overflow:hidden}.sy-seg{background:var(--wash);border-radius:15px;flex:none;grid-auto-columns:1fr;grid-auto-flow:column;height:46px;margin-left:auto;padding:4px;display:inline-grid;position:relative}.sy-seg button{z-index:1;color:var(--ink-70);white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;transition:color .2s;display:inline-flex;position:relative}.sy-seg button[data-on]{color:var(--on-ink)}.sy-seg button:disabled{opacity:.4;cursor:not-allowed}.sy-seg-ind{z-index:0;background:var(--ink);border-radius:11px;width:calc(50% - 4px);transition:translate .45s cubic-bezier(.34,1.56,.64,1);position:absolute;top:4px;bottom:4px;left:4px}.sy-seg-ind[data-pos="1"]{translate:100%}.sy-input{background:var(--field);box-shadow:inset 0 0 0 1.5px var(--line);border-radius:18px;align-items:flex-end;gap:8px;padding:5px 5px 5px 16px;transition:box-shadow .2s;display:flex}.sy-input:focus-within{box-shadow:inset 0 0 0 2px var(--tangerine)}.sy-input[data-nudge]{animation:.45s sy-nudge}.sy-input textarea{min-width:0;min-height:46px;max-height:120px;color:var(--ink);font:inherit;resize:none;field-sizing:content;background:0 0;border:0;outline:none;flex:1;padding:11px 0;font-size:16px;line-height:1.45}.sy-input textarea::placeholder{color:var(--ink-50)}.sy-dice{background:var(--lemon);color:#352242;border:0;border-radius:14px;flex:none;place-items:center;width:46px;height:46px;transition:rotate .5s cubic-bezier(.34,1.56,.64,1);display:grid}.sy-dice:hover{rotate:90deg}.sy-dice svg{width:22px;height:22px}.sy-photo-row{align-items:center;gap:10px;display:flex}.sy-photo-row .mk-drop{flex:none;width:min(280px,46%)}.sy-note{background:var(--field);min-width:0;height:56px;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink);font:inherit;border:0;border-radius:16px;outline:none;flex:1;padding:0 16px;font-size:15px;transition:box-shadow .2s}.sy-note:focus{box-shadow:inset 0 0 0 2px var(--tangerine)}.sy-dock-bottom{align-items:center;gap:12px;min-width:0;display:flex}.sy-opts{scrollbar-width:none;flex:1;gap:16px;min-width:0;padding:2px;display:flex;overflow-x:auto}.sy-opts::-webkit-scrollbar{display:none}.sy-opt{flex:none;align-items:center;gap:5px;display:flex}.sy-opt-l{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-50);margin-right:3px;font-size:10.5px}.sy-pill{background:var(--wash);height:32px;color:var(--ink);white-space:nowrap;border:0;border-radius:10px;align-items:center;gap:6px;padding:0 11px;font-size:13px;font-weight:600;transition:background .15s,color .15s,transform .12s;display:inline-flex}.sy-pill:hover{background:var(--hover-2)}.sy-pill:active{transform:scale(.96)}.sy-pill[data-on]{background:var(--ink);color:var(--on-ink)}.sy-pill:disabled{opacity:.35;cursor:not-allowed}.sy-ar{border:1.6px solid;border-radius:2px;width:11px;max-height:15px;display:block}.ef-gen.sy-gen{flex:none;width:auto;min-width:220px;height:58px;margin:0;font-size:18px}.sy-tray{z-index:44;right:max(16px, env(safe-area-inset-right,0px));bottom:calc(var(--sy-dock-h,180px) + 30px);width:min(340px,100vw - 32px);max-height:calc(100dvh - var(--sy-dock-h,180px) - 130px);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line), 0 30px 60px -24px #140c1a8c;scrollbar-width:thin;border-radius:24px;padding:12px 14px 14px;animation:.5s cubic-bezier(.34,1.56,.64,1) both ef-drop;position:fixed;overflow-y:auto}.sy-tray-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.sy-tray-head b{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-70);font-size:12px}.sy-x{background:var(--wash);width:30px;height:30px;color:var(--ink);border:0;border-radius:50%;place-items:center;padding:0;transition:rotate .25s,background .2s;display:grid}.sy-x:hover{background:var(--hover-2);rotate:90deg}.sy-x svg{width:14px;height:14px}.sy-tray .mk-run{width:100%}.sy-tray .mk-done{max-height:46vh}.sy-tray .mk-strip{scrollbar-width:none;margin-top:10px;overflow-x:auto}@keyframes sy-flip{0%{opacity:0;transform:perspective(700px)rotateY(75deg)scale(.92)}}@keyframes sy-dock-in{0%{opacity:0;transform:translateY(40px)}}@keyframes sy-nudge{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.sy-wall[data-swap] .sy-card-media img,.sy-dock,.sy-tray,.sy-input[data-nudge]{animation:none!important}.sy-card,.sy-tag,.sy-check,.sy-who-face,.sy-seg-ind,.sy-dice{transition:none}}@media (max-width:900px){.sy-hero-in{grid-template-columns:1fr}.sy-who{margin-top:70px;rotate:.8deg}}@media (max-width:640px){.sy-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.sy-card{border-radius:16px;padding:4px}.sy-card-media{border-radius:12px}.sy-tag{max-width:calc(100% - 16px);font-size:11.5px;bottom:8px;left:8px}.sy-who{padding:20px 14px 16px}.sy-who-row{gap:8px}.sy-who-btn{font-size:12px}.sy-dock-wrap{padding:0 8px calc(8px + env(safe-area-inset-bottom,0px))}.sy-dock{border-radius:22px;gap:8px;padding:10px}.sy-pick{height:44px;padding-right:10px}.sy-pick img{border-radius:10px;width:36px;height:36px}.sy-pick small{display:none}.sy-pick b{font-size:14px}.sy-seg{height:40px}.sy-seg button{padding:0 10px;font-size:13px}.sy-input textarea{min-height:42px;padding:9px 0}.sy-dice{width:42px;height:42px}.sy-photo-row{flex-direction:column;align-items:stretch}.sy-photo-row .mk-drop{width:100%}.sy-note{height:46px}.sy-dock-bottom{flex-direction:column;align-items:stretch;gap:8px}.ef-gen.sy-gen{width:100%;min-width:0;height:52px;font-size:17px}.sy-tray{width:auto;left:8px;right:8px;bottom:calc(var(--sy-dock-h,220px) + 18px);max-height:calc(100dvh - var(--sy-dock-h,220px) - 110px)}}