:root{--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.4, .5, 1);--sheen:color-mix(in srgb, var(--card) 30%, white);--shadow-ink:color-mix(in srgb, var(--foreground) 14%, transparent);--inlay:color-mix(in srgb, var(--foreground) 82%, var(--primary));--crackle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240' fill='none' stroke='currentColor' stroke-width='0.8'%3E%3Cpath d='M0 38 L34 44 L52 18 L88 26 L104 0 M52 18 L46 0 M34 44 L28 86 L0 96 M28 86 L66 98 L88 26 M66 98 L72 140 L40 152 L0 146 M72 140 L118 132 L130 96 L88 26 M130 96 L168 70 L160 32 L196 14 L240 22 M160 32 L132 0 M168 70 L214 80 L240 66 M214 80 L222 122 L240 130 M222 122 L176 138 L130 96 M176 138 L184 184 L150 206 L118 182 L118 132 M184 184 L230 196 L240 190 M230 196 L222 240 M150 206 L156 240 M118 182 L78 196 L72 140 M78 196 L60 240 M40 152 L46 200 L0 214 M46 200 L78 196 M196 14 L190 0'/%3E%3C/svg%3E")}.jd-root{min-height:100dvh;color:var(--foreground);background:radial-gradient(ellipse 70% 50% at 8% -10%, color-mix(in srgb, var(--glaze-1) 26%, transparent), transparent 70%), radial-gradient(ellipse 60% 40% at 100% 0%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 70%), var(--background);font-feature-settings:"ss05", "tnum" 0;word-break:keep-all;position:relative;overflow-x:clip}.dark{--sheen:color-mix(in srgb, var(--card) 80%, white);--shadow-ink:var(--drop-shadow);--inlay:color-mix(in srgb, var(--foreground) 70%, var(--primary))}.jd-root:before{content:"";pointer-events:none;background-color:color-mix(in srgb, var(--foreground) 9%, transparent);-webkit-mask:var(--crackle) 0 0 / 240px 240px repeat;-webkit-mask:var(--crackle) 0 0 / 240px 240px repeat;mask:var(--crackle) 0 0 / 240px 240px repeat;opacity:.55;z-index:0;position:fixed;inset:0}.jd-root>*{z-index:1;position:relative}.jd-root ::selection{background:color-mix(in srgb, var(--glaze-1) 40%, transparent)}.jd-root :focus-visible{outline:2px solid var(--ring);outline-offset:2px}.jd-dot{background:var(--col-glaze,var(--primary));width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--col-glaze,var(--primary)) 22%, transparent);border-radius:999px;flex:none;display:inline-block}.jd-eyebrow{font-family:var(--font-accent);letter-spacing:.18em;text-transform:uppercase;color:var(--muted-foreground);font-size:11.5px}.jd-btn{letter-spacing:-.01em;white-space:nowrap;height:42px;transition:transform .18s var(--ease-out), box-shadow .2s var(--ease-out), background-color .2s, color .2s, border-color .2s;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:14.5px;font-weight:600;display:inline-flex}.jd-btn:active:not(:disabled){transform:translateY(1px)scale(.98)}.jd-btn:disabled{opacity:.45;cursor:not-allowed}.jd-btn--primary{color:var(--primary-foreground);background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 82%, white), var(--primary) 55%, color-mix(in srgb, var(--primary) 88%, black));border-color:color-mix(in srgb, var(--primary) 80%, black);box-shadow:inset 0 1px 0 #ffffff59, 0 6px 16px -8px color-mix(in srgb, var(--primary) 70%, transparent)}.jd-btn--primary:hover:not(:disabled){box-shadow:inset 0 1px 0 #fff6, 0 10px 22px -10px color-mix(in srgb, var(--primary) 80%, transparent);transform:translateY(-1px)}.jd-btn--ghost{color:var(--foreground);background:color-mix(in srgb, var(--card) 55%, transparent);border-color:color-mix(in srgb, var(--foreground) 16%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.jd-btn--ghost:hover{background:var(--card);border-color:color-mix(in srgb, var(--foreground) 28%, transparent)}.jd-btn--danger{color:var(--destructive);border-color:color-mix(in srgb, var(--destructive) 30%, transparent);background:0 0}.jd-btn--danger:hover,.jd-btn--danger.is-armed{color:var(--destructive-foreground);background:var(--destructive);border-color:var(--destructive)}.jd-btn--sm{height:34px;padding:0 14px;font-size:13.5px}.jd-btn--lg{height:52px;padding:0 28px;font-size:16px}.jd-icon-btn{width:34px;height:34px;color:var(--muted-foreground);cursor:pointer;border-radius:999px;flex:none;place-items:center;transition:background-color .15s,color .15s;display:inline-grid}.jd-icon-btn:hover,.jd-icon-btn[data-state=open]{background:color-mix(in srgb, var(--foreground) 8%, transparent);color:var(--foreground)}.jd-brand{color:var(--foreground);align-items:center;gap:10px;display:inline-flex}.jd-brand__mark{width:34px;height:34px;color:var(--primary);transition:transform .6s var(--ease-spring)}.jd-brand:hover .jd-brand__mark{transform:rotate(-14deg)}.jd-brand__word{font-family:var(--font-headline);letter-spacing:-.02em;font-size:22px;font-weight:700}.jd-brand__sub{font-family:var(--font-accent);letter-spacing:.28em;color:var(--muted-foreground);border-left:1px solid var(--border);padding:3px 0 0 10px;font-size:10px}.jd-app{flex-direction:column;min-height:100dvh;display:flex}.jd-topbar{z-index:30;background:color-mix(in srgb, var(--background) 76%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);border-bottom:1px solid color-mix(in srgb, var(--foreground) 8%, transparent);justify-content:space-between;align-items:center;gap:12px;height:64px;padding:0 clamp(16px,3.4vw,40px);display:flex;position:sticky;top:0}.jd-topbar__right{align-items:center;gap:6px;min-width:0;display:flex}.jd-sync{height:28px;color:var(--muted-foreground);background:color-mix(in srgb, var(--card) 60%, transparent);border:1px solid color-mix(in srgb, var(--foreground) 8%, transparent);border-radius:999px;align-items:center;gap:6px;margin-right:4px;padding:0 11px;font-size:12px;font-weight:500;display:inline-flex}.jd-sync.is-saving svg{color:var(--primary);animation:1s ease-in-out infinite jd-breathe}.jd-account{align-items:center;gap:2px;min-width:0;display:flex}.jd-account__email{text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--muted-foreground);padding-left:6px;font-size:13px;overflow:hidden}.jd-board-head{justify-content:space-between;align-items:flex-end;gap:20px;padding:clamp(22px,4vw,40px) clamp(16px,3.4vw,40px) 18px;display:flex}.jd-board-title{font-family:var(--font-headline);letter-spacing:-.03em;margin-top:6px;font-size:clamp(30px,4.2vw,48px);font-weight:650;line-height:1.05}.jd-kiln{justify-items:end;gap:8px;min-width:150px;display:grid}.jd-kiln__nums{align-items:baseline;gap:6px;display:flex}.jd-kiln__big{font-family:var(--font-headline);color:var(--primary);font-variant-numeric:tabular-nums;font-size:34px;font-weight:600;line-height:1}.jd-kiln__of{font-family:var(--font-accent);color:var(--muted-foreground);font-size:14px}.jd-kiln__label{color:var(--muted-foreground);font-size:12.5px}.jd-kiln__bar{background:color-mix(in srgb, var(--foreground) 9%, transparent);border-radius:999px;width:168px;height:6px;position:relative;overflow:hidden}.jd-kiln__bar span{border-radius:inherit;background:linear-gradient(90deg, var(--glaze-1), var(--glaze-3));transition:width .6s var(--ease-out);position:absolute;inset:0 auto 0 0}.jd-banner{color:color-mix(in srgb, var(--foreground) 82%, var(--primary));background:color-mix(in srgb, var(--card) 70%, var(--accent));border:1px solid color-mix(in srgb, var(--primary) 18%, transparent);border-radius:16px;align-items:center;gap:12px;margin:0 clamp(16px,3.4vw,40px) 16px;padding:10px 10px 10px 16px;font-size:13.5px;line-height:1.5;display:flex}.jd-banner p{flex:1;min-width:0}.jd-tabs{display:none}.jd-scroller{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--foreground) 20%, transparent) transparent;flex:1;padding:4px clamp(16px,3.4vw,40px) 28px;scroll-padding-inline:clamp(16px,3.4vw,40px);overflow-x:auto}.jd-columns{align-items:flex-start;gap:18px;width:max-content;min-width:100%;display:flex}.jd-column{--col-glaze:var(--glaze-1);background:linear-gradient(180deg, color-mix(in srgb, var(--col-glaze) 12%, var(--card)) 0%, color-mix(in srgb, var(--col-glaze) 7%, color-mix(in srgb, var(--background) 60%, var(--card))) 40%, color-mix(in srgb, var(--col-glaze) 15%, var(--background)) 100%);border:1px solid color-mix(in srgb, var(--col-glaze) 20%, transparent);width:300px;max-width:400px;box-shadow:inset 0 1px 0 var(--sheen), inset 0 -26px 36px -30px color-mix(in srgb, var(--col-glaze) 70%, transparent), 0 18px 40px -32px var(--shadow-ink);transition:border-color .2s, box-shadow .25s var(--ease-out), transform .25s var(--ease-out);animation:jd-rise .5s var(--ease-out) backwards;border-radius:24px;flex-direction:column;flex:1 0 300px;padding:10px 10px 8px;display:flex;position:relative}.jd-column:nth-child(2){animation-delay:60ms}.jd-column:nth-child(3){animation-delay:.12s}.jd-column:nth-child(4){animation-delay:.18s}.jd-column.is-over{border-color:color-mix(in srgb, var(--col-glaze) 55%, transparent);box-shadow:inset 0 1px 0 var(--sheen), inset 0 -40px 50px -36px color-mix(in srgb, var(--col-glaze) 90%, transparent), 0 0 0 4px color-mix(in srgb, var(--col-glaze) 14%, transparent), 0 22px 44px -30px var(--shadow-ink)}.jd-column--ghost{height:260px;animation:1.4s ease-in-out infinite jd-breathe}.jd-column__head{align-items:center;gap:10px;min-height:48px;padding:6px 4px 12px 6px;display:flex}.jd-column__numeral{width:30px;height:30px;font-family:var(--font-headline), serif;color:color-mix(in srgb, var(--col-glaze) 80%, var(--foreground));border:1.5px solid color-mix(in srgb, var(--col-glaze) 60%, transparent);box-shadow:inset 0 0 0 2.5px color-mix(in srgb, var(--card) 80%, transparent), inset 0 0 0 3.5px color-mix(in srgb, var(--col-glaze) 35%, transparent);background:var(--card);border-radius:999px;flex:none;place-items:center;font-size:14px;font-weight:600;display:grid}.jd-column__title{min-width:0;font-family:var(--font-headline);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;cursor:text;flex:1;font-size:18px;font-weight:650;overflow:hidden}.jd-column__rename{min-width:0;height:36px;font-family:var(--font-headline);color:var(--foreground);background:var(--card);border:1.5px solid color-mix(in srgb, var(--col-glaze,var(--primary)) 55%, transparent);border-radius:12px;outline:none;flex:1;padding:0 12px;font-size:17px;font-weight:600}.jd-column__count{min-width:26px;height:22px;font-family:var(--font-accent);font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--col-glaze) 70%, var(--foreground));background:color-mix(in srgb, var(--col-glaze) 14%, transparent);border-radius:999px;place-items:center;padding:0 7px;font-size:12px;display:grid}.jd-column__list{flex-direction:column;gap:20px;min-height:64px;padding:18px 2px 6px;display:flex;position:relative}.jd-column__list:before{content:"";background:repeating-linear-gradient(180deg, var(--cord) 0 3px, color-mix(in srgb, var(--cord) 72%, var(--foreground)) 3px 5px);pointer-events:none;border-radius:2px;width:2px;margin-left:-1px;position:absolute;top:-6px;bottom:10px;left:50%}.jd-column__list:after{content:"";background:var(--cord);width:11px;height:11px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--cord) 70%, var(--foreground)), 0 2px 4px var(--shadow-ink);pointer-events:none;border-radius:3px;margin-left:-5.5px;position:absolute;top:-11px;left:50%;transform:rotate(45deg)}.jd-hang{cursor:grab;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:14px;outline:none;display:block;position:relative}.jd-hang:focus-visible .jd-card{outline:2px solid var(--ring);outline-offset:3px}.jd-hook{z-index:2;border:2px solid var(--brass);width:11px;height:16px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--brass) 40%, var(--sheen)), 0 1px 2px var(--shadow-ink);pointer-events:none;border-radius:999px;margin-left:-5.5px;position:absolute;top:-13px;left:50%}.jd-column__empty{text-align:center;min-height:96px;color:var(--muted-foreground);border:1.5px dashed color-mix(in srgb, var(--col-glaze) 32%, transparent);border-radius:16px;place-items:center;padding:16px;font-size:13px;line-height:1.5;display:grid}.jd-card{--col-glaze-ink:color-mix(in srgb, var(--col-glaze) 75%, var(--foreground));color:var(--card-foreground);background:linear-gradient(165deg, var(--sheen) 0%, var(--card) 34%, color-mix(in srgb, var(--card) 90%, var(--col-glaze)) 100%);border:1px solid color-mix(in srgb, var(--col-glaze) 16%, var(--border));box-shadow:inset 0 1px 0 var(--sheen), 0 1px 1px var(--shadow-ink), 0 8px 18px -14px color-mix(in srgb, var(--col-glaze) 80%, var(--shadow-ink));transform-origin:50% 0;will-change:transform;transition:box-shadow .22s var(--ease-out), border-color .2s, scale .2s var(--ease-out);animation:.3s ease-out backwards jd-fade;animation-delay:calc(var(--i,0) * 50ms + .15s);border-radius:14px;padding:13px 14px 13px 22px;display:block;position:relative;overflow:hidden}.jd-card__grip{display:none}@media (pointer:coarse){.jd-card{padding-right:40px}.jd-card__grip{z-index:1;touch-action:none;background:radial-gradient(circle, color-mix(in srgb, var(--col-glaze) 55%, transparent) 1.6px, transparent 2.2px) center / 8px 8px;width:38px;-webkit-mask:linear-gradient(180deg, transparent 22%, var(--foreground) 22% 78%, transparent 78%) center / 16px 100% no-repeat;-webkit-mask:linear-gradient(180deg, transparent 22%, var(--foreground) 22% 78%, transparent 78%) center / 16px 100% no-repeat;mask:linear-gradient(180deg, transparent 22%, var(--foreground) 22% 78%, transparent 78%) center / 16px 100% no-repeat;display:block;position:absolute;top:0;bottom:0;right:0}}.jd-card__hole{background:color-mix(in srgb, var(--col-glaze) 30%, var(--background));width:7px;height:7px;box-shadow:inset 0 1px 2px var(--shadow-ink);border-radius:999px;margin-left:-3.5px;position:absolute;top:5px;left:50%}.jd-card:after{content:"";pointer-events:none;background:linear-gradient(112deg, transparent 35%, color-mix(in srgb, var(--sheen) 70%, transparent) 50%, transparent 65%);opacity:0;background-position:120% 0;background-size:260% 100%;transition:opacity .2s;position:absolute;inset:0}@media (hover:hover){.jd-hang:hover .jd-card{border-color:color-mix(in srgb, var(--col-glaze) 36%, var(--border));box-shadow:inset 0 1px 0 var(--sheen), 0 2px 3px var(--shadow-ink), 0 16px 28px -16px color-mix(in srgb, var(--col-glaze) 80%, var(--shadow-ink))}.jd-hang:hover .jd-card:after{opacity:1;animation:jd-sheen .9s var(--ease-out) forwards}}.jd-hang.is-pressing .jd-card{transition-duration:.24s;scale:.975}.jd-card__inlay{background:var(--col-glaze);width:2.5px;box-shadow:4px 0 0 -.5px color-mix(in srgb, var(--col-glaze) 30%, transparent);border-radius:2px;position:absolute;top:13px;bottom:13px;left:9px}.jd-scroller.is-settled .jd-hang:not(.is-fired) .jd-card,.jd-scroller.is-settled .jd-column{animation:none}.jd-card__title{letter-spacing:-.01em;overflow-wrap:anywhere;font-size:14.5px;font-weight:600;line-height:1.45}.jd-card__body{color:var(--muted-foreground);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:5px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.jd-card__memo{vertical-align:middle;opacity:.7;width:12px;height:12px;margin:-2px 5px 0 0;display:inline-block}.jd-card__seal{width:22px;height:22px;font-family:var(--font-headline), serif;color:var(--glaze-4);opacity:.85;border:1.5px solid;border-radius:5px;place-items:center;font-size:12px;font-weight:700;display:none;position:absolute;top:9px;right:9px;transform:rotate(-8deg)}.jd-column.is-kiln .jd-card{padding-right:40px}.jd-column.is-kiln .jd-card__seal{display:grid}.jd-column.is-kiln .jd-card__title{color:color-mix(in srgb, var(--card-foreground) 72%, var(--col-glaze))}.jd-column.is-kiln .jd-card:before{content:"";pointer-events:none;background-color:color-mix(in srgb, var(--col-glaze) 26%, transparent);-webkit-mask:var(--crackle) 0 0 / 180px 180px repeat;-webkit-mask:var(--crackle) 0 0 / 180px 180px repeat;mask:var(--crackle) 0 0 / 180px 180px repeat;position:absolute;inset:0}.jd-hang.is-fired .jd-card{animation:jd-fire 1.3s var(--ease-out)}.jd-hang.is-fired .jd-card__seal{animation:jd-stamp .55s var(--ease-spring) .15s backwards}.jd-hang.is-fired .jd-card:before{animation:1.2s ease-out jd-crackle-in}.jd-card__seams{pointer-events:none;fill:none;width:100%;height:100%;stroke:var(--gold);stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 .6px color-mix(in srgb, var(--gold) 70%, transparent)) drop-shadow(0 .5px 0 color-mix(in srgb, var(--gold-glint) 60%, transparent));position:absolute;inset:0;overflow:visible}.jd-hang.is-mending{visibility:hidden}.is-gilding .jd-card__seams path{stroke-dasharray:1;animation:jd-gild-draw .9s var(--ease-out) backwards}.is-gilding .jd-card__seams{animation:1.8s ease-out jd-gild-glow}@keyframes jd-gild-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes jd-gild-glow{0%,40%{stroke:var(--gold-glint);filter:drop-shadow(0 0 4px var(--gold-glint)) drop-shadow(0 0 1px var(--gold))}to{stroke:var(--gold)}}.jd-shards{z-index:90;pointer-events:none;transition:opacity .6s;position:fixed;inset:0;overflow:hidden}.jd-shards.is-swept{opacity:0}.jd-shard{will-change:transform;position:absolute}.jd-shards:not(.is-broken) .jd-shard__edge{opacity:0}.jd-shards.is-broken .jd-shard{filter:drop-shadow(0 3px 3px var(--shadow-ink))}.jd-shard__clip{position:absolute;inset:0}.jd-shard .jd-card.is-shard-face{box-shadow:inset 0 1px 0 var(--sheen);animation:none;position:absolute;inset:0;scale:1}.jd-shard .is-kiln-face .jd-card__seal{display:grid}.jd-shard .is-kiln-face:before{content:"";background-color:color-mix(in srgb, var(--col-glaze) 26%, transparent);-webkit-mask:var(--crackle) 0 0 / 180px 180px repeat;-webkit-mask:var(--crackle) 0 0 / 180px 180px repeat;mask:var(--crackle) 0 0 / 180px 180px repeat;position:absolute;inset:0}.jd-shard__edge{fill:none;stroke:color-mix(in srgb, var(--card) 55%, var(--muted-foreground));stroke-width:1.2px;stroke-linejoin:round;position:absolute;inset:0;overflow:visible}.jd-ghost{z-index:80;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.jd-ghost .jd-card{cursor:grabbing;height:100%;box-shadow:inset 0 1px 0 var(--sheen), 0 4px 8px var(--shadow-ink), 0 30px 50px -18px color-mix(in srgb, var(--col-glaze) 60%, var(--shadow-ink));animation:none;scale:1.04}.jd-slot{border:1.5px dashed color-mix(in srgb, var(--col-glaze) 60%, transparent);background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--col-glaze) 10%, transparent) 0 8px, color-mix(in srgb, var(--col-glaze) 4%, transparent) 8px 16px);animation:jd-slot .2s var(--ease-out);border-radius:14px;flex:none}html.jd-dragging,html.jd-dragging *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.jd-composer__open{width:100%;height:40px;color:color-mix(in srgb, var(--col-glaze) 60%, var(--muted-foreground));cursor:pointer;border-radius:12px;align-items:center;gap:8px;margin-top:6px;padding:0 12px;font-size:13.5px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.jd-composer__open:hover{color:var(--foreground);background:color-mix(in srgb, var(--col-glaze) 12%, transparent)}.jd-composer{animation:jd-rise .25s var(--ease-out);margin-top:8px;padding:2px}.jd-composer__input{resize:none;width:100%;color:var(--foreground);background:var(--card);border:1.5px solid color-mix(in srgb, var(--col-glaze) 50%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--col-glaze) 12%, transparent);border-radius:14px;outline:none;padding:11px 14px;font-size:14.5px;line-height:1.45;display:block}.jd-composer__row{align-items:center;gap:6px;margin-top:8px;display:flex}.jd-composer__hint{font-family:var(--font-accent);color:var(--muted-foreground);margin-left:auto;font-size:11px}.jd-add-column{height:132px;font-family:var(--font-headline);color:var(--muted-foreground);border:1.5px dashed color-mix(in srgb, var(--foreground) 18%, transparent);cursor:pointer;border-radius:24px;flex-direction:column;flex:0 0 200px;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:15px;font-weight:600;transition:color .2s,border-color .2s,background-color .2s;display:flex}.jd-add-column:hover{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 50%, transparent);background:color-mix(in srgb, var(--primary) 5%, transparent)}.jd-add-column.is-open{cursor:default;flex-basis:260px}.jd-add-column.is-open .jd-column__rename{flex:none;width:100%}.jd-help{color:var(--muted-foreground);padding:0 clamp(16px,3.4vw,40px) 40px;font-size:12.5px}.jd-menu{background:var(--popover);border-color:color-mix(in srgb, var(--foreground) 10%, transparent);min-width:180px;box-shadow:0 18px 40px -18px var(--shadow-ink);border-radius:14px;padding:6px}.jd-menu [role=menuitem]{border-radius:9px;gap:10px;padding:8px 10px}.jd-menu [role=menuitem] svg{opacity:.75;width:15px;height:15px}.jd-menu .jd-menu__danger{color:var(--destructive)}.jd-scrim{z-index:90;background:color-mix(in srgb, var(--overlay-scrim) 46%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:fixed;inset:0}.jd-scrim[data-state=open]{animation:.2s ease-out jd-fade-in}.jd-scrim[data-state=closed]{animation:.18s ease-in forwards jd-fade-out}.jd-sheet{z-index:91;max-height:92dvh;padding:22px 20px calc(20px + env(safe-area-inset-bottom));color:var(--popover-foreground);background:linear-gradient(180deg, var(--sheen), var(--popover) 120px), var(--popover);border:1px solid color-mix(in srgb, var(--foreground) 10%, transparent);box-shadow:0 -20px 60px -20px var(--shadow-ink);border-radius:26px 26px 0 0;outline:none;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.jd-sheet:before{content:"";background:color-mix(in srgb, var(--foreground) 18%, transparent);border-radius:999px;width:40px;height:4px;margin:-8px auto 14px;display:block}.jd-sheet[data-state=open]{animation:jd-sheet-up .34s var(--ease-out)}.jd-sheet[data-state=closed]{animation:.2s ease-in forwards jd-sheet-down}.jd-sheet__close{position:absolute;top:14px;right:14px}@media (min-width:640px){.jd-sheet{width:min(540px,100vw - 48px);box-shadow:0 40px 80px -30px var(--shadow-ink);border-radius:26px;padding:28px 28px 24px;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.jd-sheet:before{display:none}.jd-sheet[data-state=open]{animation:jd-pop-in .3s var(--ease-out)}.jd-sheet[data-state=closed]{animation:.16s ease-in forwards jd-pop-out}.jd-sheet--small{width:min(420px,100vw - 48px)}}.jd-editor{gap:10px;display:grid}.jd-editor__where{color:color-mix(in srgb, var(--col-glaze) 70%, var(--foreground));align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:inline-flex}.jd-editor__title{resize:none;width:100%;font-family:var(--font-headline);letter-spacing:-.02em;color:var(--foreground);border:0;border-bottom:1px solid color-mix(in srgb, var(--foreground) 10%, transparent);field-sizing:content;background:0 0;outline:none;min-height:2.6em;padding:0 36px 6px 0;font-size:24px;font-weight:650;line-height:1.3}.jd-editor__title:focus{border-bottom-color:var(--col-glaze)}.jd-editor__label{font-family:var(--font-accent);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-foreground);margin-top:6px;font-size:11px}.jd-editor__body{resize:vertical;width:100%;min-height:110px;color:var(--foreground);background:color-mix(in srgb, var(--muted) 60%, var(--card));border:1px solid #0000;border-radius:14px;outline:none;padding:12px 14px;font-size:14.5px;line-height:1.6;transition:border-color .15s,background-color .15s}.jd-editor__body:focus{background:var(--card);border-color:color-mix(in srgb, var(--col-glaze) 55%, transparent)}.jd-editor__move{border:0;min-width:0;margin:0;padding:0}.jd-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.jd-chip{height:34px;color:var(--foreground);background:color-mix(in srgb, var(--card) 70%, transparent);border:1px solid color-mix(in srgb, var(--foreground) 12%, transparent);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.jd-chip:hover{border-color:color-mix(in srgb, var(--col-glaze) 60%, transparent)}.jd-chip[aria-pressed=true]{background:color-mix(in srgb, var(--col-glaze) 16%, var(--card));border-color:var(--col-glaze);cursor:default}.jd-chip .jd-dot{width:7px;height:7px}.jd-editor__actions{justify-content:space-between;gap:10px;margin-top:14px;display:flex}.jd-confirm__title{font-family:var(--font-headline);letter-spacing:-.02em;padding-right:32px;font-size:21px;font-weight:650}.jd-confirm__body{color:var(--muted-foreground);margin-top:8px;font-size:14px;line-height:1.6}.jd-toasts{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:95;pointer-events:none;gap:8px;width:min(420px,100vw - 32px);display:grid;position:fixed;transform:translate(-50%)}.jd-toast{color:var(--background);background:color-mix(in srgb, var(--foreground) 92%, var(--primary));box-shadow:0 16px 36px -16px var(--shadow-ink);animation:jd-rise .3s var(--ease-out);border-radius:14px;padding:12px 16px;font-size:13.5px;line-height:1.5}.jd-toast.has-action{align-items:center;gap:12px;padding-right:8px;display:flex}.jd-toast.has-action p{flex:1;min-width:0}.jd-toast__action{min-height:36px;color:color-mix(in oklch, var(--gold) 28%, black);background:linear-gradient(160deg, var(--gold-glint), var(--gold));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--gold-glint) 80%, var(--sheen)), 0 2px 8px -2px color-mix(in srgb, var(--gold) 60%, transparent);pointer-events:auto;cursor:pointer;transition:scale .15s var(--ease-out);border-radius:999px;flex:none;padding:0 14px;font-size:13px;font-weight:700}.jd-toast__action:active{scale:.95}.jd-toast__action:focus-visible{outline:2px solid var(--gold-glint);outline-offset:2px}@media (max-width:767px){.jd-topbar{height:58px}.jd-brand__sub,.jd-sync__text,.jd-account__email{display:none}.jd-sync{padding:0 9px}.jd-board-head{padding-top:20px;padding-bottom:14px}.jd-kiln{min-width:0}.jd-kiln__bar{width:104px}.jd-kiln__big{font-size:28px}.jd-banner{align-items:flex-start;font-size:13px}.jd-banner svg{margin-top:3px}.jd-tabs{scrollbar-width:none;gap:6px;padding:0 16px 12px;display:flex;overflow-x:auto}.jd-tabs::-webkit-scrollbar{display:none}.jd-tab{height:34px;color:var(--muted-foreground);border:1px solid color-mix(in srgb, var(--foreground) 10%, transparent);transition:all .2s var(--ease-out);border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.jd-tab .jd-dot{width:7px;height:7px;box-shadow:none}.jd-tab[aria-current=true]{color:var(--foreground);background:color-mix(in srgb, var(--col-glaze) 14%, var(--card));border-color:color-mix(in srgb, var(--col-glaze) 50%, transparent)}.jd-tab__n{font-family:var(--font-accent);opacity:.7;font-size:11px}.jd-scroller{scroll-snap-type:x mandatory;padding-inline:16px;scroll-padding-inline:16px}html.jd-dragging .jd-scroller{scroll-snap-type:none}.jd-columns{gap:12px}.jd-column{scroll-snap-align:start;flex:0 0 calc(100vw - 52px);width:calc(100vw - 52px);max-width:none}.jd-add-column{scroll-snap-align:start;flex:0 0 calc(100vw - 52px)}.jd-add-column.is-open{flex-basis:calc(100vw - 52px)}.jd-card{padding-top:14px;padding-bottom:14px}.jd-card__title{font-size:15px}}.jd-landing{--pad:clamp(18px, 4.4vw, 56px)}.jd-nav{max-width:1280px;padding:20px var(--pad);justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex}.jd-nav__links{gap:8px;display:flex}.jd-hero{max-width:1280px;padding:clamp(28px, 6vw, 72px) var(--pad) clamp(56px, 8vw, 104px);gap:48px;margin:0 auto;display:grid;position:relative}@media (min-width:1024px){.jd-hero{grid-template-columns:1.02fr 1fr;align-items:center;gap:56px}}.jd-hero__vessel{z-index:-1;width:auto;height:min(118%,760px);color:var(--primary);opacity:.09;pointer-events:none;position:absolute;top:-40px;right:clamp(-120px,-4vw,-20px)}.jd-hero__vessel .jd-vessel__body{opacity:.35}.jd-badge{height:32px;color:color-mix(in srgb, var(--primary) 85%, var(--foreground));background:color-mix(in srgb, var(--card) 70%, transparent);border:1px solid color-mix(in srgb, var(--primary) 22%, transparent);animation:jd-rise .6s var(--ease-out) backwards;border-radius:999px;align-items:center;gap:10px;padding:0 14px 0 12px;font-size:13px;font-weight:600;display:inline-flex}.jd-hero__title{font-family:var(--font-headline);letter-spacing:-.035em;animation:jd-rise .7s var(--ease-out) 80ms backwards;margin-top:22px;font-size:clamp(42px,6.6vw,88px);font-weight:700;line-height:1.08}.jd-hero__title em{color:var(--primary);font-style:normal;font-weight:300}.jd-hero__lead{max-width:30em;color:var(--muted-foreground);animation:jd-rise .7s var(--ease-out) .16s backwards;margin-top:24px;font-size:clamp(15.5px,1.4vw,18px);line-height:1.75}.jd-hero__cta{animation:jd-rise .7s var(--ease-out) .24s backwards;flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.jd-hero__note{color:var(--muted-foreground);animation:jd-rise .7s var(--ease-out) .3s backwards;margin-top:16px;font-size:13px}.jd-demo{animation:jd-rise .9s var(--ease-out) .2s backwards}.jd-demo__tray{--gap:10px;--cpad:10px;gap:var(--gap);background:color-mix(in srgb, var(--card) 55%, transparent);border:1px solid color-mix(in srgb, var(--foreground) 8%, transparent);box-shadow:inset 0 1px 0 var(--sheen), 0 50px 80px -50px var(--shadow-ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:30px;grid-template-columns:repeat(3,minmax(0,1fr));padding:14px;display:grid;position:relative;transform:perspective(1400px)rotateX(8deg)rotate(-1.5deg)}.jd-demo__col{min-height:236px;padding:var(--cpad);background:linear-gradient(180deg, color-mix(in srgb, var(--col-glaze) 12%, var(--card)), color-mix(in srgb, var(--col-glaze) 16%, var(--background)));border:1px solid color-mix(in srgb, var(--col-glaze) 20%, transparent);border-radius:18px;flex-direction:column;gap:8px;display:flex}.jd-demo__head{font-family:var(--font-headline);align-items:center;gap:7px;padding:4px 2px 6px;font-size:13.5px;font-weight:650;display:flex}.jd-demo__head .jd-dot{width:7px;height:7px}.jd-demo__space{border:1.5px dashed color-mix(in srgb, var(--col-glaze) 40%, transparent);opacity:0;border-radius:11px;flex:none;height:46px;animation:10s infinite jd-demo-slot}.jd-demo__card,.jd-demo__traveler{background:linear-gradient(165deg, var(--sheen), var(--card) 40%);border:1px solid color-mix(in srgb, var(--col-glaze) 18%, var(--border));height:46px;box-shadow:inset 0 1px 0 var(--sheen), 0 4px 10px -8px var(--shadow-ink);border-radius:11px;align-items:center;padding:0 10px 0 14px;font-size:12.5px;font-weight:600;line-height:1.3;display:flex;position:relative;overflow:hidden}.jd-demo__card:before,.jd-demo__traveler:before{content:"";background:var(--col-glaze,var(--glaze-1));border-radius:2px;width:2px;position:absolute;top:10px;bottom:10px;left:6px}.jd-demo__card.is-done{color:color-mix(in srgb, var(--card-foreground) 70%, var(--col-glaze))}.jd-demo__traveler{--col-glaze:var(--glaze-1);z-index:2;top:calc(14px + var(--cpad) + 30px);left:calc(14px + var(--cpad));width:calc((100% - 28px - 2 * var(--gap)) / 3 - 2 * var(--cpad));animation:jd-demo-travel 10s var(--ease-out) infinite;justify-content:space-between;gap:6px;position:absolute;overflow:visible}.jd-demo__traveler>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.jd-demo__seal{width:18px;height:18px;font-family:var(--font-headline), serif;color:var(--glaze-4);opacity:0;border:1.5px solid;border-radius:4px;flex:none;place-items:center;font-size:10px;font-weight:700;animation:10s infinite jd-demo-seal;display:grid}.jd-demo__cursor{background:color-mix(in srgb, var(--foreground) 22%, transparent);border:2px solid color-mix(in srgb, var(--card) 85%, transparent);width:22px;height:22px;box-shadow:0 4px 10px -2px var(--shadow-ink);opacity:0;border-radius:999px;animation:10s infinite jd-demo-cursor;position:absolute;bottom:-12px;right:16px}@keyframes jd-demo-travel{0%{opacity:0;transform:translate(0)}4%,12%{opacity:1;--col-glaze:var(--glaze-1);transform:translate(0)}16%{box-shadow:0 22px 30px -16px var(--shadow-ink);transform:translateY(-6px)rotate(-3deg)scale(1.06)}32%{transform:translate(calc(100% + 2 * var(--cpad) + var(--gap)), 48px) rotate(2deg) scale(1.06);box-shadow:0 22px 30px -16px var(--shadow-ink)}36%,52%{transform:translate(calc(100% + 2 * var(--cpad) + var(--gap)), 54px);--col-glaze:var(--glaze-2)}56%{transform:translate(calc(100% + 2 * var(--cpad) + var(--gap)), 48px) rotate(-3deg) scale(1.06);box-shadow:0 22px 30px -16px var(--shadow-ink)}72%{transform:translate(calc(200% + 4 * var(--cpad) + 2 * var(--gap)), 48px) rotate(2deg) scale(1.06);box-shadow:0 22px 30px -16px var(--shadow-ink)}76%{transform:translate(calc(200% + 4 * var(--cpad) + 2 * var(--gap)), 54px);box-shadow:0 0 0 5px color-mix(in srgb, var(--glaze-3) 25%, transparent);--col-glaze:var(--glaze-3)}92%{opacity:1;transform:translate(calc(200% + 4 * var(--cpad) + 2 * var(--gap)), 54px);--col-glaze:var(--glaze-3)}to{opacity:0;transform:translate(calc(200% + 4 * var(--cpad) + 2 * var(--gap)), 54px)}}@keyframes jd-demo-cursor{0%,10%,37%,52%,77%,to{opacity:0;transform:scale(1.3)}14%,33%,56%,73%{opacity:1;transform:scale(.9)}}@keyframes jd-demo-slot{0%,14%{opacity:0}18%,92%{opacity:1}to{opacity:0}}@keyframes jd-demo-seal{0%,74%{opacity:0;transform:scale(2.2)rotate(-20deg)}80%,94%{opacity:1;transform:scale(1)rotate(-8deg)}to{opacity:0}}.jd-features{max-width:1280px;padding:0 var(--pad) clamp(56px, 8vw, 110px);gap:14px;margin:0 auto;display:grid}@media (min-width:768px){.jd-features{grid-template-columns:repeat(3,1fr);gap:18px}}.jd-feature{background:linear-gradient(170deg, var(--sheen), color-mix(in srgb, var(--card) 80%, transparent) 40%);border:1px solid color-mix(in srgb, var(--foreground) 8%, transparent);box-shadow:0 24px 50px -40px var(--shadow-ink);border-radius:24px;padding:28px 26px 30px;position:relative}.jd-feature:before{content:"";border-top:1.5px solid var(--glaze-1);border-bottom:1px solid color-mix(in srgb, var(--glaze-1) 45%, transparent);height:5px;position:absolute;top:0;left:26px;right:26px}.jd-feature__num{font-family:var(--font-accent);letter-spacing:.14em;color:var(--primary);font-size:12px}.jd-feature__title{font-family:var(--font-headline);letter-spacing:-.025em;margin-top:14px;font-size:23px;font-weight:650}.jd-feature__body{color:var(--muted-foreground);margin-top:10px;font-size:14.5px;line-height:1.7}.jd-story{max-width:1080px;padding:clamp(40px, 6vw, 80px) var(--pad);align-items:center;gap:28px;margin:0 auto;display:grid}@media (min-width:900px){.jd-story{grid-template-columns:auto 1fr;gap:64px}}.jd-story__glyph{font-family:var(--font-headline), "Nanum Myeongjo", serif;writing-mode:vertical-rl;color:#0000;background:linear-gradient(170deg, var(--glaze-1), var(--primary) 60%, var(--glaze-3));-webkit-background-clip:text;background-clip:text;justify-self:center;font-size:clamp(88px,13vw,168px);font-weight:700;line-height:.95}@media (max-width:899px){.jd-story__glyph{writing-mode:horizontal-tb;justify-self:start}}.jd-story__title{font-family:var(--font-headline);letter-spacing:-.03em;margin-top:12px;font-size:clamp(26px,3.4vw,40px);font-weight:650;line-height:1.3}.jd-story__body{max-width:36em;color:var(--muted-foreground);margin-top:18px;font-size:15.5px;line-height:1.85}.jd-steps{max-width:1280px;padding:clamp(40px, 6vw, 80px) var(--pad);margin:0 auto}.jd-section-title{font-family:var(--font-headline);letter-spacing:-.03em;text-align:center;font-size:clamp(28px,3.6vw,44px);font-weight:650}.jd-steps__list{gap:28px;margin-top:44px;display:grid;position:relative}@media (min-width:768px){.jd-steps__list{grid-template-columns:repeat(3,1fr);gap:24px}.jd-steps__list:before{content:"";border-top:1.5px solid color-mix(in srgb, var(--foreground) 20%, transparent);border-bottom:1px solid color-mix(in srgb, var(--foreground) 10%, transparent);height:5px;position:absolute;top:32px;left:16.6%;right:16.6%}}.jd-step{text-align:center;justify-items:center;display:grid;position:relative}.jd-step__n{width:66px;height:66px;font-family:var(--font-headline), serif;color:color-mix(in srgb, var(--col-glaze) 80%, var(--foreground));background:var(--card);border:2px solid var(--col-glaze);box-shadow:inset 0 0 0 5px var(--card), inset 0 0 0 6px color-mix(in srgb, var(--col-glaze) 40%, transparent), 0 14px 30px -18px color-mix(in srgb, var(--col-glaze) 80%, transparent);border-radius:999px;place-items:center;font-size:24px;font-weight:600;display:grid}.jd-step__title{font-family:var(--font-headline);margin-top:18px;font-size:22px;font-weight:650}.jd-step__body{max-width:18em;color:var(--muted-foreground);margin-top:8px;font-size:14.5px;line-height:1.7}.jd-final{max-width:1180px;padding:clamp(48px, 7vw, 88px) var(--pad);text-align:center;color:var(--primary-foreground);background:radial-gradient(ellipse 80% 70% at 50% 0%, color-mix(in srgb, var(--primary) 60%, white), transparent 70%), linear-gradient(180deg, var(--primary), color-mix(in srgb, var(--primary) 70%, black));box-shadow:inset 0 1px 0 #ffffff4d, 0 40px 80px -50px color-mix(in srgb, var(--primary) 80%, black);width:calc(100% - 2 * var(--pad));border-radius:36px;justify-items:center;gap:16px;margin:clamp(32px,6vw,72px) auto clamp(40px,6vw,72px);display:grid;position:relative;overflow:hidden}.jd-final:before{content:"";pointer-events:none;background-color:color-mix(in srgb, var(--primary-foreground) 16%, transparent);-webkit-mask:var(--crackle) 0 0 / 260px 260px repeat;-webkit-mask:var(--crackle) 0 0 / 260px 260px repeat;mask:var(--crackle) 0 0 / 260px 260px repeat;position:absolute;inset:0}.jd-final>*{position:relative}.jd-final__mark{width:54px;height:54px;color:var(--primary-foreground);opacity:.9}.jd-final__title{font-family:var(--font-headline);letter-spacing:-.03em;font-size:clamp(28px,4vw,48px);font-weight:650}.jd-final__lead{opacity:.82;margin-bottom:10px;font-size:15px}.jd-final .jd-btn--primary{color:var(--primary);background:var(--primary-foreground);box-shadow:0 14px 30px -14px var(--drop-shadow);border-color:#0000}.jd-footer{padding:20px var(--pad) 48px;color:var(--muted-foreground);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.jd-footer svg{color:var(--primary)}@media (max-width:767px){.jd-nav{padding-top:14px;padding-bottom:14px}.jd-hero__vessel{opacity:.07;height:560px;top:20px;right:-170px}.jd-hero__cta .jd-btn{flex:auto}.jd-demo__tray{--gap:6px;--cpad:6px;border-radius:22px;padding:10px;transform:none}.jd-demo__col{border-radius:14px;min-height:196px}.jd-demo__head{font-size:12px}.jd-demo__card,.jd-demo__traveler{height:46px;padding:0 6px 0 11px;font-size:11px}.jd-demo__card:before,.jd-demo__traveler:before{left:4px}.jd-demo__traveler{top:calc(10px + var(--cpad) + 30px);left:calc(10px + var(--cpad));width:calc((100% - 20px - 2 * var(--gap)) / 3 - 2 * var(--cpad))}.jd-demo__seal,.jd-demo__cursor{display:none}}.jd-auth{min-height:100dvh;display:grid}@media (min-width:960px){.jd-auth{grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}}.jd-auth__art{display:none}@media (min-width:960px){.jd-auth__art{color:var(--primary-foreground);background:radial-gradient(ellipse 70% 60% at 50% 35%, color-mix(in srgb, var(--primary) 65%, white), transparent 70%), linear-gradient(180deg, var(--primary), color-mix(in srgb, var(--primary) 65%, black));border-radius:32px;place-items:center;margin:16px;display:grid;position:relative;overflow:hidden}.jd-auth__art:before{content:"";background-color:color-mix(in srgb, var(--primary-foreground) 14%, transparent);-webkit-mask:var(--crackle) 0 0 / 240px 240px repeat;-webkit-mask:var(--crackle) 0 0 / 240px 240px repeat;mask:var(--crackle) 0 0 / 240px 240px repeat;position:absolute;inset:0}}.jd-auth__vessel{width:auto;height:min(66vh,560px);animation:7s ease-in-out infinite jd-float;position:relative}.jd-auth__vessel .jd-vessel__body{opacity:.14}.jd-auth__verse{writing-mode:vertical-rl;font-family:var(--font-headline);letter-spacing:.2em;opacity:.9;font-size:22px;font-weight:400;line-height:1.9;position:absolute;top:44px;right:40px}.jd-auth__panel{flex-direction:column;gap:28px;width:100%;max-width:480px;margin:0 auto;padding:28px 20px 48px;display:flex}@media (min-width:960px){.jd-auth__panel{justify-content:center;padding:48px 40px}}.jd-auth__title{font-family:var(--font-headline);letter-spacing:-.03em;font-size:clamp(30px,4vw,40px);font-weight:650;line-height:1.15}.jd-auth__lead{color:var(--muted-foreground);margin-top:10px;font-size:15px;line-height:1.7}.jd-auth__form{background:linear-gradient(170deg, var(--sheen), var(--card) 30%);border:1px solid color-mix(in srgb, var(--foreground) 9%, transparent);box-shadow:0 30px 60px -44px var(--shadow-ink);border-radius:24px;padding:24px}.jd-auth__guest{color:var(--primary);align-self:flex-start;font-size:14px;font-weight:600}.jd-auth__guest:hover{text-underline-offset:4px;text-decoration:underline}@keyframes jd-fade{0%{opacity:0}}@keyframes jd-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes jd-breathe{50%{opacity:.45}}@keyframes jd-sheen{0%{background-position:120% 0}to{background-position:-20% 0}}@keyframes jd-lift{to{transform:rotate(2.5deg)scale(1.045)}}@keyframes jd-slot{0%{opacity:0;height:0}}@keyframes jd-fire{0%{box-shadow:inset 0 1px 0 var(--sheen), 0 0 0 0 color-mix(in srgb, var(--col-glaze) 60%, transparent)}30%{box-shadow:inset 0 1px 0 var(--sheen), 0 0 0 8px color-mix(in srgb, var(--col-glaze) 20%, transparent), 0 0 30px 4px color-mix(in srgb, var(--glaze-2) 35%, transparent)}to{box-shadow:inset 0 1px 0 var(--sheen), 0 0 0 14px color-mix(in srgb, var(--col-glaze) 0%, transparent)}}@keyframes jd-stamp{0%{opacity:0;transform:scale(2.4)rotate(-24deg)}}@keyframes jd-crackle-in{0%{opacity:0}}@keyframes jd-fade-in{0%{opacity:0}}@keyframes jd-fade-out{to{opacity:0}}@keyframes jd-sheet-up{0%{transform:translateY(100%)}}@keyframes jd-sheet-down{to{transform:translateY(100%)}}@keyframes jd-pop-in{0%{opacity:0;transform:translate(-50%,-46%)scale(.97)}}@keyframes jd-pop-out{to{opacity:0;transform:translate(-50%,-48%)scale(.98)}}@keyframes jd-float{50%{transform:translateY(-12px)}}@media (prefers-reduced-motion:reduce){.jd-root *,.jd-root :before,.jd-root :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.jd-demo{animation:.6s ease-out .1s backwards jd-fade;position:relative}.jd-demo__hint{text-align:center;font-family:var(--font-accent);letter-spacing:.06em;color:var(--muted-foreground);margin-top:12px;font-size:12px}.jd-rack{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding:0 4px 8px;position:relative}.jd-rack__beam{z-index:2;background:repeating-linear-gradient(92deg, transparent 0 26px, color-mix(in srgb, var(--beam) 70%, var(--foreground)) 26px 27px, transparent 27px 61px), linear-gradient(180deg, color-mix(in srgb, var(--beam) 62%, var(--sheen)) 0%, var(--beam) 38%, color-mix(in srgb, var(--beam) 70%, var(--foreground)) 100%);height:24px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--beam) 40%, var(--sheen)), 0 14px 22px -12px var(--shadow-ink), 0 3px 4px var(--shadow-ink);border-radius:12px 12px 10px 10px;grid-template-columns:repeat(3,1fr);place-items:center;gap:clamp(10px,1.8vw,22px);margin:0 -6px;padding:0 10px;display:grid;position:relative}.jd-rack__peg{background:radial-gradient(circle at 35% 35%, color-mix(in srgb, var(--brass) 50%, var(--sheen)), var(--brass) 60%);width:10px;height:10px;box-shadow:0 1px 2px var(--shadow-ink);border-radius:999px}.jd-rack__cords{grid-template-columns:repeat(3,1fr);align-items:start;gap:clamp(10px,1.8vw,22px);padding:0 4px;display:grid}.jd-rack__cord{--col-glaze:var(--glaze-1);flex-direction:column;gap:18px;min-width:0;padding-top:24px;display:flex;position:relative}.jd-rack__cord:before{content:"";background:repeating-linear-gradient(180deg, var(--cord) 0 3px, color-mix(in srgb, var(--cord) 72%, var(--foreground)) 3px 5px);border-radius:2px;width:2px;margin-left:-1px;position:absolute;top:-6px;bottom:30px;left:50%}.jd-rack__hang{position:relative}.jd-rack__label,.jd-rack__tag{transform-origin:50% 0;will-change:transform;cursor:pointer;position:relative}.jd-rack__label{width:fit-content;font-family:var(--font-headline);letter-spacing:-.01em;white-space:nowrap;color:color-mix(in srgb, var(--col-glaze) 55%, var(--foreground));background:linear-gradient(180deg, color-mix(in srgb, var(--col-glaze) 10%, var(--card)), color-mix(in srgb, var(--col-glaze) 22%, var(--card)));border:1px solid color-mix(in srgb, var(--col-glaze) 30%, transparent);box-shadow:inset 0 1px 0 var(--sheen), 0 8px 14px -10px var(--shadow-ink);border-radius:10px;justify-content:center;align-items:center;gap:8px;margin:0 auto;padding:9px 14px 7px;font-size:clamp(13px,1.3vw,16px);font-weight:650;display:flex}.jd-rack__tag{letter-spacing:-.01em;min-height:76px;color:var(--card-foreground);background:linear-gradient(165deg, var(--sheen) 0%, var(--card) 36%, color-mix(in srgb, var(--card) 88%, var(--col-glaze)) 100%);border:1px solid color-mix(in srgb, var(--col-glaze) 18%, var(--border));box-shadow:inset 3px 0 0 -.5px color-mix(in srgb, var(--col-glaze) 90%, transparent), inset 0 1px 0 var(--sheen), 0 2px 3px var(--shadow-ink), 0 14px 24px -16px color-mix(in srgb, var(--col-glaze) 80%, var(--shadow-ink));overflow-wrap:anywhere;border-radius:13px;align-items:center;padding:18px 12px 12px 18px;font-size:clamp(12.5px,1.2vw,15px);font-weight:600;line-height:1.4;display:flex;overflow:hidden}.jd-rack__tag.is-done{color:color-mix(in srgb, var(--card-foreground) 72%, var(--col-glaze));padding-right:32px}.jd-rack__tag.is-done:after{content:"";pointer-events:none;background-color:color-mix(in srgb, var(--col-glaze) 26%, transparent);-webkit-mask:var(--crackle) 0 0 / 150px 150px repeat;-webkit-mask:var(--crackle) 0 0 / 150px 150px repeat;mask:var(--crackle) 0 0 / 150px 150px repeat;position:absolute;inset:0}.jd-rack__tag.is-traveler{border-color:color-mix(in srgb, var(--col-glaze) 50%, var(--border));box-shadow:inset 3px 0 0 -.5px var(--col-glaze), inset 0 1px 0 var(--sheen), 0 3px 6px var(--shadow-ink), 0 0 0 4px color-mix(in srgb, var(--col-glaze) 14%, transparent), 0 18px 30px -16px color-mix(in srgb, var(--col-glaze) 80%, var(--shadow-ink))}.jd-rack__seal{width:20px;height:20px;font-family:var(--font-headline), serif;color:var(--glaze-4);border:1.5px solid;border-radius:4px;place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;top:9px;right:7px;transform:rotate(-8deg)}.jd-rack__seal.is-new{animation:jd-stamp .55s var(--ease-spring) .5s backwards}.jd-rack__slot{min-height:76px}@media (min-width:1024px){.jd-rack{padding-inline:0}.jd-rack__beam{height:30px}.jd-rack__cord{gap:22px;padding-top:30px}.jd-rack__tag{min-height:96px;padding:24px 16px 16px 22px;font-size:16px}.jd-rack__slot{min-height:96px}.jd-rack__label{padding:10px 16px 8px;font-size:17px}}@media (max-width:767px){.jd-rack__tag{min-height:70px;padding:16px 8px 10px 12px}.jd-rack__slot{min-height:70px}.jd-rack__label{gap:6px;padding:7px 10px 6px}.jd-rack__tag.is-done{padding-right:8px}.jd-rack__seal{width:17px;height:17px;font-size:10px;top:auto;bottom:6px;right:5px}}.jd-mend{max-width:1080px;padding:clamp(40px, 6vw, 80px) var(--pad);align-items:center;gap:32px;margin:0 auto;display:grid}@media (min-width:900px){.jd-mend{grid-template-columns:1fr minmax(380px,460px);gap:64px}}.jd-mend__copy em{color:var(--gold);font-style:normal;font-weight:400}.jd-mend__demo{justify-items:center;gap:18px;display:grid}.jd-mend__stage{background:radial-gradient(120% 80% at 50% 0%, color-mix(in srgb, var(--sheen) 70%, transparent), transparent 70%), color-mix(in srgb, var(--card) 45%, transparent);border:1px solid color-mix(in srgb, var(--border) 80%, transparent);width:100%;height:340px;box-shadow:inset 0 1px 0 var(--sheen), 0 24px 48px -32px var(--shadow-ink);border-radius:24px;position:relative;overflow:hidden}.jd-mend__beam{background:linear-gradient(180deg, color-mix(in srgb, var(--beam) 62%, var(--sheen)) 0%, var(--beam) 40%, color-mix(in srgb, var(--beam) 70%, var(--foreground)) 100%);width:132px;height:16px;box-shadow:0 8px 14px -8px var(--shadow-ink);border-radius:8px;margin-left:-66px;position:absolute;top:22px;left:50%}.jd-mend__cord{background:var(--cord);width:2px;height:42px;margin-left:-1px;position:absolute;top:38px;left:50%}.jd-mend__hang{--col-glaze:var(--glaze-1);cursor:pointer;-webkit-user-select:none;user-select:none;width:min(290px,78%);position:absolute;top:88px;left:50%;transform:translate(-50%)}.jd-mend__hang .jd-card{padding-top:18px;padding-bottom:16px;animation:none}.jd-mend__hang .jd-card__title{font-size:16px}.jd-mend__hang.is-away .jd-card{visibility:hidden}.jd-mend__ledge{background:linear-gradient(180deg, color-mix(in srgb, var(--muted-foreground) 30%, var(--muted)), color-mix(in srgb, var(--muted-foreground) 50%, var(--muted)));height:10px;box-shadow:inset 0 1px 0 var(--sheen);position:absolute;bottom:0;left:0;right:0}.jd-shards.is-framed{z-index:2;position:absolute}.jd-btn--gold{color:color-mix(in oklch, var(--gold) 28%, black);background:linear-gradient(160deg, var(--gold-glint), var(--gold));border-color:color-mix(in oklch, var(--gold) 80%, black);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--gold-glint) 80%, var(--sheen)), 0 6px 16px -8px color-mix(in srgb, var(--gold) 70%, transparent)}.jd-btn--gold:disabled{opacity:.7}