.deskfolio{--df-paper: #fff6f3;--df-paper-2: #ffeef0;--df-paper-edge: #ffe0e4;--df-ink: #5b4b48;--df-ink-soft: #927d78;--df-line: rgba(107, 90, 87, .14);--df-blush: #f3a8c0;--df-blush-deep: #e985a8;--df-lilac: #c7b4e6;--df-lilac-deep: #a98fd8;--df-mint: #a7dcc4;--df-butter: #f6d99a;--df-cover-1: #ffd3df;--df-cover-2: #f7afc8;--df-cover-3: #ef93b4;--df-cover-ink: #8a4f6a;--df-shadow: rgba(150, 100, 118, .3);--df-fold: 116, 76, 92;--df-font-hand: "Caveat", "Segoe Script", cursive;--df-font-round: "Quicksand", ui-rounded, "Segoe UI", system-ui, sans-serif;display:flex;flex-direction:column;align-items:center;color:var(--df-ink);font-family:var(--df-font-round);-webkit-tap-highlight-color:transparent}.deskfolio-stage{position:relative;pointer-events:none}.deskfolio-book{position:relative;width:100%;height:100%;perspective:2200px;perspective-origin:50% 42%;cursor:grab;border-radius:22px;outline:none;touch-action:pan-y}.deskfolio-book:focus-visible{outline:3px solid color-mix(in srgb,var(--df-lilac-deep),#3a2a5e 35%);outline-offset:6px;box-shadow:0 0 0 6px #fffdfaad}.deskfolio-book:active{cursor:grabbing}.deskfolio-block{position:absolute;top:.6%;left:50%;width:50%;height:98.8%;background:var(--df-paper-2);border-radius:5px 20px 20px 5px;box-shadow:0 38px 50px -30px var(--df-cast, rgba(18, 32, 27, .5)),0 14px 22px -16px var(--df-cast, rgba(18, 32, 27, .5))}.deskfolio-block:after{content:"";position:absolute;top:2%;right:0;width:8px;height:96%;border-radius:0 14px 14px 0;background:repeating-linear-gradient(to bottom,var(--df-paper) 0 2px,var(--df-paper-edge) 2px 4px)}.deskfolio-ribbon{position:absolute;top:-1.5%;left:51%;width:16px;height:58%;z-index:6;background:linear-gradient(to right,rgba(120,30,60,.28),transparent 30%,transparent 70%,rgba(120,30,60,.28)),linear-gradient(to right,#e98aa8,#ffc6d8 50%,#e98aa8);box-shadow:2px 3px 7px -2px #141e1966;pointer-events:none;transition:opacity .3s ease}.deskfolio-ribbon:after{content:"";position:absolute;bottom:-12px;left:0;right:0;height:14px;background:linear-gradient(to right,rgba(120,30,60,.28),transparent 30%,transparent 70%,rgba(120,30,60,.28)),linear-gradient(to right,#e98aa8,#ffc6d8 50%,#e98aa8);clip-path:polygon(0 0,100% 0,100% 100%,50% 42%,0 100%)}.deskfolio[data-open=false] .deskfolio-ribbon{opacity:0}.deskfolio-sheet{position:absolute;top:0;left:50%;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d}.deskfolio-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;pointer-events:auto;background:radial-gradient(130% 90% at 82% 6%,rgba(255,255,255,.55),transparent 60%),linear-gradient(160deg,var(--df-paper),var(--df-paper-2))}.deskfolio-face *,.deskfolio-corner{pointer-events:auto}.deskfolio-face--front{border-radius:6px 20px 20px 6px;transform:translateZ(.6px)}.deskfolio-face--back{border-radius:20px 6px 6px 20px;transform:rotateY(180deg) translateZ(.6px)}.deskfolio-face--hard{background:repeating-linear-gradient(48deg,rgba(255,255,255,.035) 0 1.5px,transparent 1.5px 3.5px),repeating-linear-gradient(-48deg,rgba(0,0,0,.04) 0 1.5px,transparent 1.5px 3.5px),radial-gradient(125% 80% at 26% 10%,rgba(255,255,255,.26),transparent 48%),linear-gradient(150deg,var(--df-cover-1),var(--df-cover-2) 52%,var(--df-cover-3));color:var(--df-cover-ink);box-shadow:inset 0 0 0 1px #ffffff29,inset 0 1px #ffffff42,inset 0 0 64px #0000002b}.deskfolio-face--hard.deskfolio-face--front{box-shadow:inset 0 0 0 1px #ffffff29,inset 0 1px #ffffff42,inset 0 0 64px #0000002b,0 30px 46px -24px var(--df-cast, rgba(18, 32, 27, .5))}.deskfolio-face--hard:before{content:"";position:absolute;top:0;bottom:0;left:0;width:26px;background:linear-gradient(to right,transparent 22px,rgba(255,255,255,.12) 23px,transparent 24px),linear-gradient(to right,rgba(0,0,0,.26),rgba(0,0,0,.04) 60%,transparent)}.deskfolio-face--hard.deskfolio-face--back:before{left:auto;right:0;background:linear-gradient(to left,transparent 22px,rgba(255,255,255,.12) 23px,transparent 24px),linear-gradient(to left,rgba(0,0,0,.26),rgba(0,0,0,.04) 60%,transparent)}.deskfolio-page-content{position:relative;z-index:1;width:100%;height:100%;padding:11% 10% 9%;overflow:hidden;container-type:inline-size}.deskfolio-fold{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to left,rgba(var(--df-fold),.34),rgba(var(--df-fold),.04) 58%,transparent)}.deskfolio-face--back .deskfolio-fold{background:linear-gradient(to right,rgba(var(--df-fold),.34),rgba(var(--df-fold),.04) 58%,transparent)}.deskfolio-spine-shade{position:absolute;top:0;bottom:0;left:0;width:13%;z-index:1;pointer-events:none;background:linear-gradient(to right,rgba(var(--df-fold),.12),transparent)}.deskfolio-spine-shade--right{left:auto;right:0;background:linear-gradient(to left,rgba(var(--df-fold),.12),transparent)}.deskfolio-corner{position:absolute;right:0;bottom:0;width:17%;height:17%;z-index:3;cursor:grab}.deskfolio-corner:after{content:"";position:absolute;right:0;bottom:0;width:0;height:0;border-style:solid;border-width:0 0 24px 24px;border-color:transparent transparent var(--df-paper-2) transparent;filter:drop-shadow(-2px -2px 3px rgba(var(--df-fold),.2));transition:border-width .24s cubic-bezier(.34,1.45,.6,1)}.deskfolio-corner:hover:after{border-width:0 0 36px 36px}.deskfolio-hint{position:absolute;left:50%;bottom:-2.6rem;transform:translate(-50%);font-family:var(--df-font-hand);font-size:1.4rem;color:var(--df-ink-soft);white-space:nowrap;pointer-events:none;animation:df-hint-in .5s ease both}@keyframes df-hint-in{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:.9;transform:translate(-50%)}}.deskfolio-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.deskfolio-corner:after{transition:none}.deskfolio-hint{animation:none;opacity:.9}}.df-page{position:relative;width:100%;height:100%;display:flex;flex-direction:column;gap:.7rem;background-image:radial-gradient(circle,color-mix(in srgb,var(--df-ink) 7%,transparent) 1px,transparent 1.4px);background-size:23px 23px;background-position:6px 10px}.df-hello{font-family:var(--df-font-hand);font-weight:700;font-size:clamp(2rem,13cqw,3rem);line-height:.95;letter-spacing:.01em;margin:0;color:var(--df-blush-deep)}.df-hello--lilac{color:var(--df-lilac-deep)}.df-date{align-self:flex-start;display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .8rem;border-radius:999px;background:color-mix(in srgb,var(--df-blush) 26%,var(--df-paper));color:var(--df-blush-deep);font-weight:600;font-size:.82rem}.df-date--lilac{background:color-mix(in srgb,var(--df-lilac) 30%,var(--df-paper));color:var(--df-lilac-deep)}.df-date svg{width:13px;height:13px}.df-card{padding:0}.df-card-title{display:flex;align-items:center;gap:.35rem;font-family:var(--df-font-hand);font-size:1.4rem;font-weight:700;color:var(--df-blush-deep);margin:0 0 .3rem}.df-card--lilac .df-card-title{color:var(--df-lilac-deep)}.df-card-title svg{width:16px;height:16px}.df-label{font-family:var(--df-font-hand);font-size:1.3rem;font-weight:700;color:var(--df-blush-deep);margin:0}.df-edit{outline:none;color:var(--df-ink);caret-color:var(--df-blush-deep);border-radius:10px;backface-visibility:visible;-webkit-backface-visibility:visible;transition:background .2s ease,box-shadow .2s ease}.df-edit:focus{background:color-mix(in srgb,var(--df-blush) 12%,transparent);box-shadow:0 0 0 5px color-mix(in srgb,var(--df-blush) 12%,transparent)}.df-edit:empty:before{content:attr(data-ph);color:var(--df-ink-soft);opacity:.7}.df-edit--body{font-size:1.02rem;line-height:1.72}.df-edit--entry{font-size:.95rem;line-height:1.7;min-height:3em;flex:1}.df-edit--quote{font-family:var(--df-font-hand);font-size:1.45rem;line-height:1.35;color:var(--df-ink)}.df-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.05rem}.df-check{display:flex;align-items:center;gap:.6rem;padding:.34rem 0}.df-check-box{flex:none;width:21px;height:21px;padding:0;border:none;border-radius:7px;background:var(--df-paper);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--df-blush) 55%,transparent);transition:background .18s ease,box-shadow .18s ease,transform .2s cubic-bezier(.34,1.5,.6,1)}.df-card--lilac .df-check-box{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--df-lilac-deep) 55%,transparent)}.df-check-box svg{width:14px;height:14px;opacity:0;transform:scale(.4);transition:opacity .14s ease,transform .2s cubic-bezier(.34,1.7,.6,1)}.df-check.is-done .df-check-box{background:var(--df-blush-deep);box-shadow:inset 0 0 0 2px var(--df-blush-deep);transform:scale(1.06)}.df-card--lilac .df-check.is-done .df-check-box{background:var(--df-lilac-deep);box-shadow:inset 0 0 0 2px var(--df-lilac-deep)}.df-check.is-done .df-check-box svg{opacity:1;transform:scale(1)}.df-check .df-edit{flex:1;font-size:.94rem;transition:color .2s ease,opacity .2s ease}.df-check.is-done .df-edit{text-decoration:line-through;text-decoration-color:var(--df-blush);color:var(--df-ink-soft);opacity:.72}@media(prefers-reduced-motion:reduce){.df-check-box,.df-check-box svg{transition:none}}.df-moods{display:flex;gap:.45rem}.df-mood{flex:1;aspect-ratio:1;max-width:46px;display:grid;place-items:center;border:none;border-radius:32%;background:var(--df-paper);color:var(--df-ink-soft);box-shadow:inset 0 0 0 1.5px var(--df-line);cursor:pointer;padding:0;transition:transform .22s cubic-bezier(.34,1.5,.6,1),background .2s ease,box-shadow .2s ease,color .2s ease}.df-mood svg{width:66%;height:66%}.df-mood:hover{box-shadow:inset 0 0 0 1.5px var(--df-blush)}.df-mood[aria-pressed=true]{background:color-mix(in srgb,var(--df-blush) 32%,var(--df-paper));box-shadow:inset 0 0 0 2px var(--df-blush-deep);color:var(--df-blush-deep);transform:scale(1.1)}.df-photo{align-self:center;width:74%;padding:9px 9px 26px;background:#fff;border-radius:4px;box-shadow:0 14px 24px -14px var(--df-shadow);transform:rotate(-2.5deg)}.df-photo-img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;border-radius:2px;object-fit:cover;object-position:center}.df-photo-cap{margin:8px 0 0;text-align:center;font-family:var(--df-font-hand);font-size:1.25rem;color:var(--df-ink-soft)}.df-sig{margin-top:auto;font-family:var(--df-font-hand);font-size:1.45rem;color:color-mix(in srgb,var(--df-blush-deep),#7a3350 42%)}.df-heart{font-size:.72em;vertical-align:.06em;opacity:.9}.df-doodle{position:absolute;z-index:2;color:var(--df-blush);opacity:.85;pointer-events:none}.df-doodle--lilac{color:var(--df-lilac)}.df-doodle--butter{color:var(--df-butter)}.df-doodle--mint{color:var(--df-mint)}.df-doodle--soft{opacity:.4}.df-cover,.df-end{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.75cqw;text-align:center;color:var(--df-cover-ink)}.df-cover-doodle{color:var(--df-cover-ink);opacity:.92}.df-cover-title{font-family:var(--df-font-hand);font-weight:700;font-size:clamp(2.2rem,16cqw,3.6rem);line-height:.95;margin:0}.df-cover-sub{font-size:3.3cqw;letter-spacing:.28em;text-transform:uppercase;opacity:.78}.df-cover-hint{position:absolute;bottom:9%;font-family:var(--df-font-hand);font-size:6.5cqw;opacity:.8;animation:df-breathe 2.6s ease-in-out infinite}@keyframes df-breathe{0%,to{opacity:.62;transform:translateY(0)}50%{opacity:.94;transform:translateY(-2px)}}.df-end-title{font-family:var(--df-font-hand);font-weight:700;font-size:clamp(1.9rem,12cqw,2.8rem);margin:0}.df-end-sub{font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;opacity:.78}.df-about-head{display:flex;align-items:center;gap:.7rem}.df-avatar{flex:none;width:62px;height:62px;box-sizing:border-box;padding:2px;border-radius:50%;display:grid;place-items:center;color:var(--df-paper);background:linear-gradient(150deg,var(--df-blush),var(--df-lilac-deep));box-shadow:inset 0 0 0 2px var(--df-paper),0 8px 16px -10px var(--df-shadow)}.df-avatar svg{width:24px;height:24px}.df-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.df-name{font-family:var(--df-font-hand);font-weight:700;font-size:1.9rem;line-height:1;color:var(--df-blush-deep)}.df-role{display:inline-flex;align-items:center;gap:.35rem;margin-top:.2rem;font-size:.88rem;font-weight:600;color:var(--df-ink-soft)}.df-role svg{width:13px;height:13px;color:var(--df-blush)}.df-label--push{margin-top:auto}.df-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.df-tag{padding:.26rem .78rem;border-radius:999px;font-size:.86rem;font-weight:600;color:var(--df-lilac-deep);background:color-mix(in srgb,var(--df-lilac) 22%,var(--df-paper));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--df-lilac) 40%,transparent)}.df-tags--blush .df-tag{color:var(--df-blush-deep);background:color-mix(in srgb,var(--df-blush) 22%,var(--df-paper));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--df-blush) 40%,transparent)}.df-proj{padding:0}.df-proj-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin:0 0 .15rem}.df-proj-name{font-family:var(--df-font-hand);font-weight:700;font-size:1.5rem;color:var(--df-blush-deep)}a.df-proj-name{position:relative;text-decoration:none;cursor:pointer}.df-proj-scribble{position:absolute;left:-.05em;right:-.05em;bottom:-.3em;width:calc(100% + .1em);height:.58em;overflow:visible;color:var(--df-blush-deep);pointer-events:none}.df-proj-scribble .df-scribble-pen{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .68s cubic-bezier(.62,0,.3,1)}a.df-proj-name:hover .df-proj-scribble .df-scribble-pen,a.df-proj-name:focus-visible .df-proj-scribble .df-scribble-pen{stroke-dashoffset:0}@media(prefers-reduced-motion:reduce){.df-proj-scribble .df-scribble-pen{transition:none;stroke-dashoffset:0}}.df-proj-meta{flex:none;font-size:.64rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--df-blush-deep);background:color-mix(in srgb,var(--df-blush) 18%,var(--df-paper));padding:.18rem .55rem;border-radius:999px}.df-proj-desc{font-size:.96rem;line-height:1.55}.df-xp{list-style:none;margin:0;padding:0 0 0 .15rem;display:flex;flex-direction:column;gap:.85rem}.df-xp-row{display:flex;gap:.65rem;align-items:flex-start}.df-xp-dot{flex:none;width:11px;height:11px;margin-top:.46rem;border-radius:50%;background:var(--df-blush);box-shadow:0 0 0 4px color-mix(in srgb,var(--df-blush) 22%,transparent)}.df-xp-role{margin:0;font-weight:700;font-size:.98rem;color:var(--df-ink)}.df-xp-meta{margin:.1rem 0 0;font-size:.82rem;color:var(--df-ink-soft)}.df-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.df-link{display:flex;align-items:center;gap:.6rem;padding:.5rem .8rem;border-radius:12px;font-weight:600;font-size:.92rem;color:var(--df-ink);text-decoration:none;background:var(--df-paper);box-shadow:inset 0 0 0 1.5px var(--df-line);transition:transform .18s cubic-bezier(.34,1.5,.6,1),box-shadow .18s ease,color .18s ease}.df-link svg{width:16px;height:16px;flex:none;color:var(--df-blush-deep)}.df-link:hover{transform:translate(2px);color:var(--df-blush-deep);box-shadow:inset 0 0 0 1.5px var(--df-blush)}@media(prefers-reduced-motion:reduce){.df-link{transition:none}}.df-thanks{align-items:center;justify-content:center;text-align:center;gap:.5rem}.df-thanks-spark{width:30px;height:30px;color:var(--df-blush)}.df-thanks-title{font-family:var(--df-font-hand);font-weight:700;font-size:clamp(1.9rem,12cqw,2.8rem);line-height:.95;margin:0;color:var(--df-blush-deep)}.df-thanks-sub{font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:var(--df-ink-soft)}.df-covercolors-anchor{position:relative;z-index:2;align-self:center;width:min(calc(var(--df-picker-w, 360px) - 34px),calc(100vw - 3rem));height:42px;margin:0 auto 2rem;overflow:hidden}.df-covercolors{position:absolute;top:-12px;left:0;width:max-content;max-width:100%;box-sizing:border-box;transform-origin:left center;background:#fdfcfb;box-shadow:0 18px 40px -16px #0006,0 6px 14px -8px #0000004d,inset 0 0 0 1px #ffffffb3;overflow:hidden}.df-covercolors[data-open=true]{width:100%}.df-covercolors-trigger{display:inline-flex;align-items:center;gap:.5rem;height:42px;padding:0 .92rem;border:0;background:transparent;color:#6b5a57;cursor:pointer;font:inherit;font-weight:700;-webkit-tap-highlight-color:transparent}.df-covercolors-trigger:hover .df-covercolors-chip{transform:translateY(-1px) scale(1.08)}.df-covercolors-chip{width:22px;height:22px;flex:none;border-radius:999px;background:var(--sw);border:2px solid #fff;box-shadow:inset 0 0 0 1px #4b23322e,0 2px 5px #1028202e;transition:transform .15s ease}.df-covercolors-label{font-size:.78rem;line-height:1;letter-spacing:0}.df-covercolors-panel{display:flex;flex-direction:column;align-items:center;gap:.52rem;box-sizing:border-box;width:100%;padding:.5rem 1rem .85rem;transform-origin:left center}.df-covercolors-handle{width:38px;height:5px;border-radius:3px;border:none;padding:0;background:#dcd7d2;cursor:pointer;transition:background .18s ease}.df-covercolors-handle:hover{background:#c7c0ba}.df-sw-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:calc(min(var(--df-picker-w, 360px),calc(100vw - 3rem)) - 2rem);padding:0;border-radius:999px;background:transparent}.df-sw{appearance:none;-webkit-appearance:none;flex:none;display:block;width:21px;height:21px;margin:0;padding:0;border:0;border-radius:999px;background:var(--sw);cursor:pointer;box-shadow:inset 0 0 0 1px #4b23322e,0 0 0 2px #fdfcfb,0 2px 5px #1028202e;transition:transform .13s ease,border-color .15s ease,box-shadow .15s ease}.df-sw:hover{transform:translateY(-1px) scale(1.08)}.df-sw:focus-visible{outline:2px solid rgba(10,132,255,.9);outline-offset:3px}.df-sw.is-active{transform:none;box-shadow:inset 0 0 0 1px #4b23322e,0 0 0 2px #fdfcfb,0 2px 5px #1028202e}@media(prefers-reduced-motion:reduce){.df-cover-hint{animation:none;opacity:.8}.df-mood,.df-sw,.df-covercolors-chip,.df-covercolors-handle{transition:none}}.df-hl{background:linear-gradient(100deg,transparent 1%,var(--hl, #ffe066) 3%,var(--hl, #ffe066) 97%,transparent 99.5%),linear-gradient(100deg,transparent 24%,color-mix(in srgb,var(--hl, #ffe066) 40%,transparent) 50%,transparent 76%);background-repeat:no-repeat;background-size:100% 1.12em,100% 1em;background-position:0 0,0 .08em;border-radius:.5em .62em .55em .66em;padding:.05em .16em;margin:0 -.06em;mix-blend-mode:multiply;-webkit-box-decoration-break:clone;box-decoration-break:clone}.df-hl--glow{mix-blend-mode:normal;filter:drop-shadow(0 0 3px var(--hl))}.df-hl--bullet{background-size:100% .9em,100% .8em;background-position:0 .12em,0 .18em;border-radius:.7em}.df-hl--fine{background-size:100% .5em,100% .42em;background-position:0 .36em,0 .4em;border-radius:.4em}.deskfolio{position:relative;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none}.deskfolio .df-edit{-webkit-user-select:text;user-select:text}.deskfolio .df-edit::selection,.deskfolio .df-edit *::selection{background:#f3a8c073;color:inherit}.deskfolio .df-edit::-moz-selection,.deskfolio .df-edit *::-moz-selection{background:#f3a8c073;color:inherit}body.df-armed .df-edit::selection,body.df-armed .df-edit *::selection{background:var(--df-sel, transparent);color:inherit}body.df-armed .df-edit::-moz-selection,body.df-armed .df-edit *::-moz-selection{background:var(--df-sel, transparent);color:inherit}.df-stickers{position:absolute;inset:0;z-index:0;pointer-events:none;contain:layout style}.df-stickers.is-dragging{z-index:9}.df-stickers.has-active{z-index:50}.df-washi{position:absolute;display:block;width:clamp(74px,8vw,128px);height:24px;border-radius:3px;opacity:.82;box-shadow:0 7px 12px #152b2329,inset 0 0 0 1px #ffffff57}.df-washi--pink{background:linear-gradient(90deg,transparent 0 10px,rgba(255,255,255,.36) 10px 12px,transparent 12px 24px),#f7b9c6;background-size:24px 100%,auto}.df-washi--mint{background:repeating-linear-gradient(135deg,rgba(255,255,255,.42) 0 8px,transparent 8px 17px),#a9dbc8}.df-washi--butter{background:radial-gradient(circle at 12px 50%,rgba(255,255,255,.48) 0 3px,transparent 3.4px),#f6dc91;background-size:22px 100%,auto}.df-hltool{position:relative;z-index:2;margin-top:1.8rem;background:#fdfcfb;box-shadow:0 18px 40px -16px #0006,0 6px 14px -8px #0000004d,inset 0 0 0 1px #ffffffb3;overflow:hidden}.df-hltool-trigger{display:grid;place-items:center;width:66px;height:60px;border:none;background:none;padding:0;cursor:pointer}.df-hltool-trigger .df-mk{width:26px;height:auto;transform:rotate(-8deg);transition:transform .2s cubic-bezier(.34,1.5,.6,1)}.df-hltool-trigger:hover .df-mk{transform:rotate(-8deg) translateY(-3px) scale(1.05)}.df-hltool-panel{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem 1.1rem .85rem}.df-hltool-handle{position:absolute;top:10px;left:50%;transform:translate(-50%);width:44px;height:5px;border-radius:3px;border:none;padding:0;background:#dcd7d2;cursor:pointer;transition:background .18s ease}.df-hltool-handle:hover{background:#c7c0ba}.df-hltool-row{display:grid;grid-template-columns:158px 1px 94px 1px 34px;align-items:end;column-gap:12px;width:336px;margin-top:6px}.df-hltool-div{width:1px;height:64px;margin:0;background:#00000014}.df-nibs{display:flex;align-items:flex-end;gap:.3rem}.df-nib{display:grid;place-items:end center;width:34px;height:60px;border:none;border-radius:14px;background:transparent;padding:4px 0;cursor:pointer;transition:background .18s ease,transform .2s cubic-bezier(.34,1.5,.6,1)}.df-nib .df-mk{width:24px;height:auto;transition:transform .2s cubic-bezier(.34,1.5,.6,1)}.df-nib:hover .df-mk{transform:none}.df-nib.is-active{background:transparent}.df-nib.is-active .df-mk{transform:translateY(-6px)}.df-dots{display:grid;grid-template-columns:repeat(3,auto);justify-content:center;gap:.42rem;align-self:center}.df-dot{width:26px;height:26px;border-radius:50%;border:none;padding:0;background:var(--dot);cursor:pointer;box-shadow:inset 0 0 0 1px #00000014;transition:transform .18s cubic-bezier(.34,1.55,.6,1),box-shadow .18s ease}.df-dot[data-glow=true]{box-shadow:inset 0 0 0 1px #00000014,0 0 8px var(--dot)}.df-dot:hover{transform:scale(1.12)}.df-dot.is-active{box-shadow:0 0 0 2.5px #fff,0 0 0 4.5px var(--dot);transform:none}.df-eraserbtn{display:grid;place-items:center;justify-self:center;align-self:center;width:34px;height:34px;border:none;border-radius:50%;background:#f1eeea;color:#8a8079;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s cubic-bezier(.34,1.55,.6,1)}.df-eraserbtn svg{width:17px;height:17px}.df-eraserbtn:hover{transform:none}.df-eraserbtn.is-active{background:var(--df-blush);color:#fff}@media(prefers-reduced-motion:reduce){.df-hltool-trigger .df-mk,.df-nib,.df-nib .df-mk,.df-dot,.df-eraserbtn{transition:none}}.df-cover-band{position:absolute;top:-1px;bottom:-1px;right:12%;width:7.5%;z-index:2;background:linear-gradient(to right,#ffffff0d,#ffffff21 50%,#ffffff0d),linear-gradient(to right,#12101652,#12101675 50%,#12101652);box-shadow:-5px 0 8px -3px #00000038,5px 0 8px -3px #00000038}.df-cover-label{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.9cqw;width:60%;padding:5cqw 4.5cqw 5.25cqw;color:#5b4a52;text-align:center;background:linear-gradient(#fffdf8,#fbf3e6);border-radius:7px;box-shadow:0 4px 12px -5px #0000004d,inset 0 0 0 1px #7a503c17}.df-name-tag{position:relative;z-index:1;width:100%;aspect-ratio:340 / 250;filter:drop-shadow(0 5px 10px rgba(40,34,42,.2))}.df-name-tag-img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.df-name-tag-text{position:absolute;left:50%;top:59%;width:84%;padding:0 .25em;color:#2f2a30;font-family:var(--df-font-hand, "Caveat", "Segoe Script", cursive);font-size:clamp(1.15rem,8.5cqw,2.3rem);font-weight:700;line-height:1;text-align:center;transform:translate(-50%,-50%) rotate(-4deg);transform-origin:center;outline:none;cursor:text;text-shadow:0 1px 0 rgba(255,255,255,.5);white-space:nowrap;overflow:hidden}.df-name-tag-text:empty:before{content:attr(data-ph);color:#3f343a73}.df-name-tag-text:focus-visible{box-shadow:0 2px #ec4e426b}.df-cover-heart{width:22px;height:22px;color:var(--df-blush-deep)}.df-cover-mark{position:relative;display:inline-grid;place-items:center;width:9.4cqw;height:9.4cqw;margin-bottom:1.7cqw;border-radius:2.8cqw;color:#5b4a52;background:#ffffff73;box-shadow:inset 0 0 0 1.5px #7a503c52}.df-cover-mono{font-family:var(--df-font-round);font-weight:700;font-size:3.75cqw;letter-spacing:.06em;line-height:1;padding-left:.06em}.df-cover-cursor{position:absolute;right:-1.5cqw;bottom:-1.5cqw;width:4cqw;height:4cqw;color:var(--df-blush-deep);filter:drop-shadow(0 0 1px #fffdf8) drop-shadow(0 0 1px #fffdf8)}.df-cover-label .df-cover-title{margin:0;color:#5b4a52;font-size:clamp(1.45rem,12cqw,2.4rem)}.df-cover-label .df-cover-sub{color:#a08a7e;opacity:1}.df-cover-lines{width:78%;height:0;margin-top:2.5cqw;border-top:1px solid rgba(122,80,60,.18);box-shadow:0 7px 0 -6px #7a503c29,0 14px 0 -13px #7a503c29}.df-pickers{position:relative;z-index:8;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.7rem 1rem;margin-bottom:1.5rem}.df-pickers .df-covercolors-anchor{margin:0}.df-pickers{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.7rem;margin-bottom:1.6rem}.df-picker{position:relative}.df-picker-trigger{display:inline-flex;align-items:center;gap:.5rem;height:40px;padding:0 .95rem;border:0;border-radius:999px;background:#fdfcfb;color:#6b5a57;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 8px 18px -10px #00000059,inset 0 0 0 1px #ffffffb3;transition:transform .15s ease}.df-picker-trigger:hover,.df-picker-trigger.is-open{transform:translateY(-1px)}.df-picker-chip{width:20px;height:20px;flex:none;border-radius:999px;background:var(--sw);border:2px solid #fff;box-shadow:inset 0 0 0 1px #4b23322e,0 1px 3px #10282033;transition:transform .22s cubic-bezier(.34,1.5,.6,1)}.df-picker-trigger.is-open .df-picker-chip,.df-picker-trigger:hover .df-picker-chip{transform:scale(1.12)}.df-picker-label{font-size:.8rem;line-height:1}.df-picker-pop{position:absolute;top:calc(100% + 10px);z-index:30;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:max-content;max-width:min(300px,78vw);padding:.7rem .8rem;border-radius:16px;background:#fdfcfb;box-shadow:0 20px 44px -18px #00000073,inset 0 0 0 1px #ffffffb3;transform-origin:top center}.df-picker-pop:before{content:"";position:absolute;top:-5px;left:calc(50% + var(--df-pop-shift, 0px));width:12px;height:12px;transform:translate(-50%) rotate(45deg);background:#fdfcfb}.df-picker-pop .df-sw.is-active{box-shadow:0 0 0 2px #fdfcfb,0 0 0 4px var(--sw)}.df-shuffle .df-shuffle-icon{display:grid;place-items:center;width:20px;height:20px;color:var(--df-blush-deep, #e985a8)}.df-shuffle .df-shuffle-icon svg{width:18px;height:18px}.df-shuffle:hover .df-shuffle-icon{color:var(--df-lilac-deep, #a98fd8)}.df-hltool{position:relative;width:60px;height:60px;margin:1.9rem auto 0;background:none;box-shadow:none;overflow:visible;border-radius:0}.df-hltool-trigger{position:relative;display:grid;place-items:center;width:60px;height:60px;padding:0;border:none;border-radius:50%;background:#fdfcfb;cursor:pointer;overflow:visible;box-shadow:0 10px 22px -10px #0006,inset 0 0 0 1px #ffffffbf;transition:transform .22s cubic-bezier(.34,1.5,.6,1),box-shadow .22s ease}.df-hltool-trigger:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 16px 30px -10px #00000073,inset 0 0 0 1px #ffffffd9}.df-hltool-trigger.is-open{transform:scale(.95)}.df-hltool-trigger .df-mk{width:auto;height:44px;transform:rotate(-10deg);filter:drop-shadow(0 3px 4px rgba(0,0,0,.18));transition:transform .26s cubic-bezier(.34,1.5,.5,1)}.df-hltool-trigger:hover .df-mk{transform:translateY(-12px) rotate(-10deg) scale(1.05)}.df-hltool-trigger.is-open .df-mk{transform:rotate(-10deg) scale(.92)}.df-hltool-pop{position:absolute;bottom:calc(100% + 14px);z-index:30;background:#fdfcfb;border-radius:22px;padding:.55rem .9rem;box-shadow:0 22px 46px -18px #00000073,inset 0 0 0 1px #ffffffb3;transform-origin:bottom center}.df-hltool-pop:after{content:"";position:absolute;bottom:-6px;left:50%;width:14px;height:14px;transform:translate(-50%) rotate(45deg);background:#fdfcfb}.df-nib .df-mk{width:auto;height:52px}.df-hltool-trigger .df-mk{height:50px;filter:none}.df-nib{width:34px;height:86px}.df-nib .df-mk{height:78px}.df-hltool{position:relative;width:60px;height:60px;margin:3.2rem auto 0}.df-hltool-bloom{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:grid;place-items:center;background:#fff;overflow:visible;box-shadow:0 16px 34px -15px #00000057,inset 0 0 0 1px #0000000b}.df-hltool-bloom[data-open=true]{overflow:hidden}.df-hltool-inner{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;gap:0;padding:1.2rem .75rem .22rem}.df-hltool-trigger{width:60px;height:60px;background:none;box-shadow:none;border:none;border-radius:0;display:grid;place-items:center;overflow:visible;cursor:pointer}.df-hltool-trigger:hover{transform:none}.df-nib{width:32px;height:62px}.df-nib .df-mk{height:56px}.df-hltool-bloom>*{grid-area:1 / 1}.df-hltool{width:60px;height:60px}.df-hltool-trigger{width:60px;height:60px;border-radius:50%;outline:none;-webkit-tap-highlight-color:transparent;display:grid;place-items:end center;padding-bottom:0;overflow:visible;clip-path:inset(-18px 0 0 0 round 30px);background:transparent}.df-hltool-trigger:focus-visible{outline:none;box-shadow:0 0 0 3px #f3a8c0}.df-hltool-pen{display:grid;place-items:center;transform:translateY(12px);transition:transform .34s cubic-bezier(.34,1.1,.5,1);will-change:transform}.df-hltool-trigger .df-mk,.df-hltool-trigger:hover .df-mk{height:70px;transform:none;filter:none}.df-hltool-trigger:hover .df-hltool-pen{transform:translateY(-8px)}.df-nibs{display:grid;grid-template-columns:repeat(3,38px);align-items:flex-end;justify-content:center;column-gap:22px;width:158px;align-self:end}.df-nib{position:relative;width:38px;height:84px;border-radius:12px;padding:0;background:transparent;transition:none}.df-nib .df-mk,.df-nib:hover .df-mk{position:relative;height:82px;width:auto;transform:translateY(26px);filter:none;transition:transform .36s cubic-bezier(.2,1.35,.35,1),filter .22s ease}.df-nib.is-active .df-mk,.df-nib.is-active:hover .df-mk{transform:translateY(12px);filter:drop-shadow(0 4px 7px rgba(0,0,0,.16))}.df-nib:active .df-mk{transform:translateY(8px)}.df-sticker-item{position:absolute;height:auto;max-width:34vw;user-select:none;filter:drop-shadow(0 2px 2px rgba(18,38,31,.38)) drop-shadow(0 13px 20px rgba(18,38,31,.28))}.df-sticker-dragger{position:absolute;z-index:0;width:max-content;cursor:grab;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;transform-origin:center;contain:layout style;transition:transform .16s cubic-bezier(.34,1.5,.6,1)}.df-sticker-dragger .df-sticker-item{position:static;display:block;width:100%;max-width:100%;pointer-events:auto}.df-sticker-dragger.is-dragging{z-index:20;cursor:grabbing;transform:scale(1.055)}.df-sticker-dragger.is-dragging .df-sticker-item{filter:drop-shadow(0 6px 8px rgba(18,38,31,.28)) drop-shadow(0 22px 28px rgba(18,38,31,.26))}.df-lamp-dragger{z-index:6}.df-lamp-dragger .df-lamp{position:relative;display:block}.df-lamp-dragger.is-dragging .df-lamp-img{filter:drop-shadow(0 6px 8px rgba(18,38,31,.28)) drop-shadow(0 22px 28px rgba(18,38,31,.26))}.df-matobject--active.df-lamp-dragger .df-lamp-img{filter:drop-shadow(0 8px 10px rgba(18,38,31,.3)) drop-shadow(0 26px 32px rgba(18,38,31,.26))}.df-polaroid-dragger{--df-pol-scale: .26;width:calc(570px * var(--df-pol-scale));height:calc(470px * var(--df-pol-scale))}.df-polaroid-dragger .df-polaroid-mat{position:relative}.df-polaroid-dragger.is-dragging .df-polaroid-mat{filter:drop-shadow(0 6px 8px rgba(18,38,31,.28)) drop-shadow(0 22px 28px rgba(18,38,31,.26))}.df-name-tag-dragger{width:calc(174px * var(--df-name-tag-scale, 1))}.df-name-tag-mat{position:relative;width:100%;transform:rotate(var(--df-name-tag-rotate, -8deg));transform-origin:center}.df-name-tag-dragger.is-dragging .df-name-tag-mat,.df-matobject--active .df-name-tag-mat{filter:drop-shadow(0 6px 8px rgba(18,38,31,.24)) drop-shadow(0 20px 24px rgba(18,38,31,.22))}.df-monitor-mat{position:relative;display:block}.df-monitor{position:relative;display:block;width:calc(clamp(180px,16vw,250px) * var(--df-monitor-scale, 1));aspect-ratio:231 / 162;text-decoration:none;color:#e6efe9;transform:rotate(var(--df-monitor-rotate, -6deg));transition:transform .16s cubic-bezier(.34,1.5,.6,1);filter:drop-shadow(0 13px 15px rgba(18,38,31,.46))}.df-monitor:hover,.df-monitor:focus-visible{transform:rotate(var(--df-monitor-rotate, -6deg)) translateY(-3px) scale(1.03)}.df-monitor:focus-visible{outline:2px solid rgba(255,255,255,.78);outline-offset:4px;border-radius:14px}.df-ipad-device{position:absolute;inset:0}.df-ipad-shell{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.df-ipad-screen{position:absolute;z-index:1;left:7.36%;top:5.56%;width:81.82%;height:88.89%;box-sizing:border-box;border-radius:8px;overflow:hidden;background:transparent;box-shadow:inset 0 0 0 1px #0000008c,inset 0 0 20px #3f9a521a}.df-ipad-ui{position:absolute;inset:0;width:100%;height:100%}.df-ui-title{font-family:Quicksand,ui-rounded,system-ui,sans-serif;font-weight:700;font-size:15px;fill:#e6efe9}.df-ui-streak{font-family:Quicksand,ui-rounded,system-ui,sans-serif;font-weight:600;font-size:13px;fill:#6fe08a;text-anchor:end}.df-ui-dot{fill:#8af0a0}.df-ui-cell{fill:#32454f}.df-ui-cell[data-lvl="1"]{fill:#4a7d57}.df-ui-cell[data-lvl="2"]{fill:#62a972}.df-ui-cell[data-lvl="3"]{fill:#82cf90}.df-ui-cell[data-lvl="4"]{fill:#a6f0b3}.df-ui-tags rect{fill:#ffffff17}.df-ui-tags text{font-family:Quicksand,ui-rounded,system-ui,sans-serif;font-weight:600;font-size:9.5px;fill:#b7c2cb;text-anchor:middle}.df-ui-bg{fill:url(#df-ui-bg)}.df-ui-glare{fill:url(#df-ui-glare)}.df-monitor-dragger.is-dragging .df-monitor{filter:drop-shadow(0 10px 12px rgba(18,38,31,.34)) drop-shadow(0 24px 30px rgba(18,38,31,.3))}.df-matobject--active .df-monitor{filter:drop-shadow(0 10px 12px rgba(18,38,31,.34)) drop-shadow(0 26px 34px rgba(18,38,31,.3))}@media(prefers-reduced-motion:reduce){.df-monitor{transition:none}}.df-sticker-scale{display:block;width:100%;transform-origin:center;transition:transform .13s ease-out}.df-matobject--active{z-index:30}.df-matobject--active .df-sticker-item{filter:drop-shadow(0 8px 10px rgba(18,38,31,.3)) drop-shadow(0 26px 32px rgba(18,38,31,.26))}.df-matobject--active .df-polaroid-mat{filter:drop-shadow(0 8px 10px rgba(18,38,31,.34)) drop-shadow(0 26px 34px rgba(18,38,31,.3))}.df-matmenu-backdrop{position:absolute;inset:0;z-index:25}.df-matmenu{position:absolute;left:50%;bottom:calc(100% + 12px);z-index:40;box-sizing:border-box;overflow:hidden;background:#fdfcfb;color:#4a4441;box-shadow:0 22px 46px -18px #00000073,0 6px 14px -8px #0000004d,inset 0 0 0 1px #ffffffb3;transform-origin:bottom center;contain:layout style;cursor:default}.df-matmenu-view{width:100%;height:100%}.df-matmenu[data-flip=below]{bottom:auto;top:calc(100% + 12px);transform-origin:top center}.df-matmenu-rows{display:flex;flex-direction:column;gap:2px;width:100%;height:100%;padding:7px;box-sizing:border-box}.df-matmenu-row{display:flex;align-items:center;gap:10px;flex:1;width:100%;padding:0 12px;border:0;border-radius:13px;background:transparent;color:inherit;font:inherit;font-weight:600;font-size:.92rem;text-align:left;cursor:pointer;transition:background .14s ease}.df-matmenu-row:hover{background:#f1eeea}.df-matmenu-row:focus-visible{background:#f1eeea;outline:2px solid #0a84ff;outline-offset:-2px}.df-matmenu-row--danger{color:#e5484d}.df-matmenu-row--danger:hover,.df-matmenu-row--danger:focus-visible{background:#fdeced}.df-matmenu-ico{width:18px;height:18px;flex:none}.df-matmenu-resize{display:flex;flex-direction:column;justify-content:center;gap:6px;width:100%;height:100%;padding:10px 14px;box-sizing:border-box}.df-matmenu-done{align-self:flex-end;border:0;background:transparent;color:#0a84ff;font:inherit;font-weight:700;font-size:.84rem;cursor:pointer;padding:1px 3px}.df-matmenu-theme{display:flex;flex-direction:column;justify-content:center;gap:10px;width:100%;height:100%;padding:12px 14px;box-sizing:border-box}.df-matmenu-theme-row{display:flex;justify-content:center;gap:14px}.df-matmenu-swatch{width:34px;height:34px;flex:0 0 34px;aspect-ratio:1;border:2px solid rgba(0,0,0,.12);border-radius:50%;padding:0;cursor:pointer;box-shadow:inset 0 1px 2px #ffffff80,0 1px 2px #0000002e;transition:transform .14s cubic-bezier(.34,1.5,.6,1),box-shadow .14s ease}.df-matmenu-swatch:hover{transform:translateY(-1px) scale(1.06)}.df-matmenu-swatch.is-active{border-color:#0a84ff;box-shadow:0 0 0 2px #0a84ff59,inset 0 1px 2px #ffffff80}.df-matmenu-themedot{border-radius:50%;box-shadow:inset 0 1px 1px #ffffff80,0 1px 1.5px #0003}.df-matmenu-link{display:flex;flex-direction:column;justify-content:center;gap:8px;width:100%;height:100%;padding:12px;box-sizing:border-box}.df-matmenu-link-label{font-size:.75rem;font-weight:700;color:#7b716b}.df-matmenu-link-input{width:100%;min-width:0;box-sizing:border-box;border:1px solid #dfd8ce;border-radius:12px;background:#f7f4ef;color:#2b2622;font:inherit;font-size:.82rem;padding:8px 10px;outline:none}.df-matmenu-link-input:focus{border-color:#0a84ff9e;box-shadow:0 0 0 3px #0a84ff1f}.df-matmenu-link-actions{display:flex;justify-content:flex-end;gap:10px}.df-matmenu-link-btn{border:0;background:transparent;color:#7b716b;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;padding:2px 3px}.df-matmenu-link-btn--primary{color:#0a84ff}.df-matmenu .dial-slider{width:100%;height:34px}.df-matmenu .dial-track{border-radius:999px;background:#0000000d;box-shadow:inset 0 0 0 1px #0000001a}.df-matmenu .dial-fill{background:#0a84ff2e}.df-matmenu .dial-slider.is-active .dial-fill{background:#0a84ff42}.df-matmenu .dial-ticks span{background:#0003}.df-matmenu .dial-handle{background:#1b1b1d;box-shadow:0 1px 3px #0000004d;opacity:1}.df-matmenu .dial-slider:hover .dial-ticks span,.df-matmenu .dial-slider.is-active .dial-ticks span{opacity:1}.df-matmenu .dial-label{color:#000000d1}.df-matmenu .dial-value{color:#00000080}.df-matmenu-lib{display:flex;flex-direction:column;gap:8px;width:100%;height:100%;padding:10px;box-sizing:border-box}.df-matmenu-tabs{display:flex;justify-content:center;flex:none;gap:2px;padding:2px;border-radius:10px;background:#ece8e2}.df-matmenu-tab{position:relative;flex:0 0 auto;border:0;background:transparent;border-radius:8px;padding:5px 10px;font:inherit;font-weight:600;font-size:.74rem;line-height:1;color:#8a807a;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent}.df-matmenu-tab.is-active{color:#2b2622}.df-matmenu-tab-bg{position:absolute;inset:0;z-index:0;border-radius:8px;background:#fdfcfb;box-shadow:0 1px 3px #0000002e,inset 0 0 0 .5px #0000000a}.df-matmenu-tab-label{position:relative;z-index:1}.df-matmenu-lib-grid{display:grid;gap:6px;width:100%;justify-content:center;align-content:center}.df-matmenu-lib-empty{display:grid;place-items:center;width:100%;height:100%;margin:0;padding:0 14px;font-size:.82rem;font-weight:600;color:#8a807a;text-align:center}.df-matmenu-lib-item{display:grid;place-items:center;aspect-ratio:1;min-width:0;min-height:0;overflow:hidden;border:0;border-radius:12px;padding:5px;background:#f3f0ea;cursor:pointer;transition:background .14s ease,transform .14s cubic-bezier(.34,1.5,.6,1)}.df-matmenu-lib-item:hover{background:#eae5dd;transform:translateY(-1px)}.df-matmenu-lib-item img,.df-lib-polaroid,.df-lib-ipod{width:100%;height:100%;object-fit:contain;pointer-events:none}.df-lib-name-tag{width:96%;height:96%;object-fit:contain;pointer-events:none}.df-addzone{position:absolute;right:2.4%;bottom:3.6%;z-index:45;display:flex;flex-direction:column;align-items:flex-end;transform-origin:bottom right}.df-add-fab{width:52px;height:52px;flex:none;border:0;border-radius:50%;background:#fdfcfb;color:#6b5a57;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 22px -8px #28222a6b,0 3px 8px -4px #28222a4d,inset 0 0 0 1px #ffffffb3;transition:transform .2s cubic-bezier(.34,1.5,.6,1),box-shadow .2s ease,color .2s ease}.df-add-fab svg{width:28px;height:28px}.df-add-fab:hover{transform:translateY(-1px) scale(1.05)}.df-add-fab:active{transform:scale(.93)}.df-add-fab:focus-visible{outline:2px solid #0a84ff;outline-offset:2px}.df-add-fab.is-open{color:#4a4441}.df-add-panel{position:absolute;right:0;bottom:calc(100% + 12px);width:340px;max-width:80vw;box-sizing:border-box;padding:12px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;overflow:hidden;border-radius:22px;background:#fdfcfb;color:#4a4441;box-shadow:0 22px 46px -18px #00000073,0 6px 14px -8px #0000004d,inset 0 0 0 1px #ffffffb3;transform-origin:bottom right;contain:layout style;cursor:default}.df-add-grid{flex:none;gap:9px}.df-add-panel .df-matmenu-lib-item{box-sizing:border-box;background:#fff;border-radius:12px;padding:6px;box-shadow:inset 0 0 0 1px #28222a0f,0 1px 2px #28222a1a}.df-add-panel .df-matmenu-lib-item:hover{background:#fff;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #28222a0f,0 4px 9px #28222a29}.df-add-panel .df-matmenu-tabs{align-self:center;padding:3px 7px}.df-add-panel .df-matmenu-tab{padding:7px 10px}@media(prefers-reduced-motion:reduce){.df-sticker-scale,.df-matmenu-row,.df-matmenu-lib-item{transition:none}}.df-sticker-stuck{filter:drop-shadow(0 1.5px .8px rgba(18,38,31,.24))}.df-stickers .df-sticker-dragger:not(.is-dragging):not(.df-matobject--active){z-index:1}.df-stickers .df-sticker-dragger--stuck:not(.is-dragging):not(.df-matobject--active){z-index:0}.df-lamp{position:absolute;z-index:6;padding:0;border:0;background:none;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;transform-origin:center}.df-lamp-img{position:relative;z-index:2;display:block;width:100%;height:auto;filter:drop-shadow(0 2px 2px rgba(18,38,31,.38)) drop-shadow(0 13px 20px rgba(18,38,31,.28))}.df-lamp:focus-visible .df-lamp-img{filter:drop-shadow(0 0 0 3px #f3a8c0) drop-shadow(0 13px 20px rgba(18,38,31,.28))}.df-lamp-cast{position:absolute;z-index:1;left:-100%;top:0;width:200%;height:200%;overflow:visible;opacity:0;transform:scale(.45);transform-origin:59% 39%;transition:opacity .3s ease,transform .38s ease;pointer-events:none}.df-lamp.is-on .df-lamp-cast{opacity:1;transform:scale(1)}.df-lamp.is-on.df-lamp--warmup .df-lamp-cast{animation:df-lamp-warmup .66s cubic-bezier(.32,.72,.35,1) forwards}@keyframes df-lamp-warmup{0%{opacity:0;transform:scale(.45)}14%{opacity:.92;transform:scale(.6)}26%{opacity:.46;transform:scale(.71)}44%{opacity:1;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.df-lamp-cast{transition:none}.df-lamp.is-on .df-lamp-cast{animation:none;opacity:1;transform:scale(1)}}.df-sticker-picker{position:relative;display:grid;grid-template-columns:repeat(3,52px);gap:3px;height:40px;padding:4px;border-radius:999px;background:#fdfcfbeb;box-shadow:0 12px 24px -14px #00000061,inset 0 0 0 1px #ffffffbf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.df-sticker-choice{position:relative;display:grid;place-items:center;width:52px;height:32px;border:0;border-radius:12px;padding:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.df-sticker-choice:focus-visible{outline:none;box-shadow:0 0 0 3px #f3a8c0}.df-sticker-choice-thumb{position:absolute;inset:2px;border-radius:11px;background:#f1efeb;box-shadow:0 6px 12px -8px #00000073,inset 0 0 0 1px #4c3e3814}.df-sticker-choice img{position:relative;z-index:1;width:40px;height:26px;object-fit:cover;border-radius:7px;pointer-events:none;box-shadow:0 2px 3px #242a2633;transform-origin:center bottom}.df-sticker-choice:not(.is-active) img{opacity:.55;filter:grayscale(.3)}.df-rollintro{position:absolute;inset:0;z-index:40;pointer-events:none;overflow:hidden}.df-roll{position:absolute;top:0;bottom:0;width:calc(50% + .5px);background:#0b0e0d;will-change:transform}.df-roll-l{left:0}.df-roll-r{right:0}.df-suspense-mat{position:fixed;inset:0;z-index:30;background:#0b0e0d}.df-book-bloom{align-self:center}.df-lamp-hint{position:absolute;top:calc(7% + clamp(72px,17.2vw,246px)*.46);right:calc(4.3% + clamp(72px,17.2vw,246px) + 34px);z-index:5;pointer-events:none;display:flex;flex-direction:column;align-items:flex-end;gap:3px;color:#eee1ccd1;mix-blend-mode:normal;filter:blur(.12px);transform:rotate(-2deg);transform-origin:70% 45%;-webkit-mask-image:repeating-linear-gradient(90deg,rgba(0,0,0,.92) 0 1px,rgba(0,0,0,.7) 1px 2px,rgba(0,0,0,.96) 2px 5px);mask-image:repeating-linear-gradient(90deg,#000000eb 0 1px,#000000b3 1px 2px,#000000f5 2px 5px)}.df-lamp-hint-text{font-family:Caveat,Segoe Script,Bradley Hand,cursive;font-weight:600;font-size:clamp(15px,1.55vw,21px);line-height:.9;text-align:right;letter-spacing:0;opacity:.84;text-shadow:none;margin-right:16px}.df-lamp-hint-arrow{width:clamp(46px,4.8vw,68px);height:auto;fill:none;stroke:currentColor;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;opacity:.76;transform:rotate(10deg);transform-origin:center;margin-right:2px}.df-roll-rod{position:absolute;top:-8px;bottom:-8px;width:24px;border-radius:12px;background:repeating-linear-gradient(0deg,#0000001a 0,#ffffff0f 3px,#0000001a 6px),linear-gradient(90deg,#5a3a1f,#7a4f29 12%,#aa7640 30%,#e3bd83 45%,#f3d9a4,#e3bd83 55%,#aa7640 70%,#6a4426 88%,#4a2f18);box-shadow:0 12px 24px -6px #00000080,inset 0 0 0 1px #0000002e}.df-roll-l .df-roll-rod{right:-12px}.df-roll-r .df-roll-rod{left:-12px}.df-roll-rod:after{content:"";position:absolute;top:0;bottom:0;width:30px;pointer-events:none}.df-roll-l .df-roll-rod:after{left:100%;background:linear-gradient(90deg,#0b161080,#0b161000)}.df-roll-r .df-roll-rod:after{right:100%;background:linear-gradient(270deg,#0b161080,#0b161000)}.df-roll-sheen{position:absolute;top:6%;bottom:6%;left:3px;width:6px;border-radius:3px;background:linear-gradient(90deg,transparent,rgba(255,244,219,.85),transparent);filter:blur(.4px);animation:df-rod-spin .5s linear infinite}@keyframes df-rod-spin{0%{transform:translate(-5px);opacity:0}35%,65%{opacity:.85}to{transform:translate(12px);opacity:0}}.df-tray-bloom{align-self:center}.df-pickers{position:relative;z-index:6}@media(prefers-reduced-motion:reduce){.df-roll-sheen{animation:none;opacity:0}}.df-polaroid-mat{position:absolute;z-index:0;width:570px;height:470px;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(18,38,31,.4)) drop-shadow(0 16px 22px rgba(18,38,31,.32))}.df-polaroid-scale{width:570px;height:470px;transform:scale(var(--df-pol-scale, .26)) rotate(var(--df-pol-rotate, -7deg));transform-origin:top left}@media(max-width:760px){.df-polaroid-dragger,.df-polaroid-scale{--df-pol-scale: .2}}.df-polaroid,.df-polaroid *{box-sizing:border-box}.df-polaroid{display:block;width:570px;height:470px;position:relative}.df-polaroid .bottom{display:block;width:100%;height:165px;position:absolute;bottom:0;border-radius:11px 11px 30px 30px;background-image:radial-gradient(#E1DFE2 60%,transparent 60%),radial-gradient(#E1DFE2 60%,transparent 60%),linear-gradient(90deg,#e1dfe2,#eae8eb),linear-gradient(90deg,#eae8eb,#e1dfe2),linear-gradient(90deg,#85817e,#2f2b2b00 5% 95%,#696461),linear-gradient(#4e4a49,#100c0d),linear-gradient(#312f32,#2a2a27,#363233);background-size:50px 60px,50px 60px,185px 30px,185px 30px,100% 100%,100% 20px,100% 100%;background-repeat:no-repeat;background-position:160px -26px,360px -26px,top right,top left,top left,bottom left,bottom left;box-shadow:-1px 3px 2px #f9f7f8a6 inset}.df-polaroid .bottom .printer{display:block;width:470px;height:40px;margin-left:auto;margin-right:auto;margin-top:60px;border-radius:3px;background-image:linear-gradient(90deg,#474548 90%,#343233 90%),linear-gradient(90deg,#0e090d 10%,#4a4849 10%),linear-gradient(#4c4a4d 4%,#161214 9% 20%,#484445 30% 55%,#1a1617 80% 93%,#b0afad 99%);background-size:8px 100%,8px 100%,100% 100%;background-repeat:no-repeat;background-position:top left,top right}.df-polaroid .bottom .labels .rainbow{display:block;width:40px;height:46px;position:absolute;top:100px;left:80px;background-image:linear-gradient(#1d160f 5%,#0e9ee0 5% 14%,#1f211a 14% 19%,#0eae4f 19% 32%,#2b2106 32% 37%,#ffb404 37% 50%,#2a1303 50% 55%,#fe8204 55% 68%,#292313 68% 80%,#e02d28 80%)}.df-polaroid .bottom .labels .logo{font-family:Helvetica Neue,Helvetica,sans-serif;font-size:24px;font-weight:600;color:#cdccc8;text-align:center;margin-top:8px}.df-polaroid .bottom .toggle-container{display:block;width:135px;height:35px;position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;border-radius:0 0 10px 10px;background-image:radial-gradient(#353334,#4C4849 40%,transparent 70%),radial-gradient(#29272A,#464445 40%,transparent 70%),linear-gradient(#8b8786 10%,#5e5a5b 20% 65%,#969291);background-size:70px 70px,70px 70px,100% 100%;background-repeat:no-repeat;background-position:top -25px left -40px,top -15px right -35px,top right}.df-polaroid .bottom .toggle-container .toggle{position:absolute;display:block;width:100px;height:20px;top:6px;left:0;right:0;margin-left:auto;margin-right:auto;border-radius:10px;background-image:linear-gradient(#747371 2%,#525055 2%,#565152,#535250);border:.5px solid #141011}.df-polaroid .bottom .toggle-container .toggle .handle{display:block;position:absolute;width:20px;height:20px;right:0;top:-2px;background-image:radial-gradient(#525051,#4b4746);border-radius:10px;border:.5px solid rgba(133,129,128,.15);box-shadow:-1px 5px 5px #181619}.df-polaroid .top{display:block;position:relative;width:540px;height:320px;margin-left:auto;margin-right:auto;border-radius:35px 35px 0 0;background-image:linear-gradient(90deg,#f3f3f3bf,#f3f3f300 15% 85%,#f3f3f3bf),linear-gradient(#fefefe,#f9f7f8),linear-gradient(#ddd9da,#e2dedf,#eae8eb,#f3f1f4);background-size:100%,100% 3px,100%;background-repeat:no-repeat;box-shadow:-1px 1px 2px 3px #f9f7f8d9 inset}.df-polaroid .top .lens{position:absolute;display:block;width:210px;height:210px;border-radius:105px;background-color:#000;top:15px;left:0;right:0;margin-left:auto;margin-right:auto;background-image:radial-gradient(transparent,#000),radial-gradient(rgba(51,53,54,.4),transparent),radial-gradient(#2a282b 0% 27%,#070508 27.5% 28%,#4e4c4f 28.5% 28.6%,#2a282b 28.7% 29.3%,#070508 29.5% 29.8%,#4e4c4f 30% 30.5%,#2a282b 30.5% 32.5%,#070508 33% 33.5%,#4e4c4f 34% 34.5%,#2a282b 34.5% 36.5%,#070508 37% 37.5%,#3d3b40 38% 38.5%,#908e91 39% 39.5%,#3d3b40 40% 40.5%,#908e91 41% 41.5%,#3d3b40 42% 42.5%,#908e91 43% 43.5%,#3d3b40 44% 44.5%,#908e91 45% 45.5%,#3d3b40 46% 46.5%,#908e91 47% 47.5%,#3d3b40 48% 48.5%,#908e91 49% 49.5%,#3d3b40 50% 50.5%,#908e91 51% 51.5%,#3d3b40 52% 52.5%,#908e91 53% 54%,#241e1e 54.5% 57%,#131114 57% 59%,#3c3a3d 59% 60%,#241e1e 60%);background-size:350px 350px,350px 350px,100%;background-position:bottom -100px left,top -120px right 10px,center center;background-repeat:no-repeat;box-shadow:15px 55px 60px 5px #767072}.df-polaroid .top .lens .glass{display:block;width:70px;height:70px;border-radius:40px;position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;top:70px;background-image:radial-gradient(rgba(119,109,80,.85),transparent 40%),radial-gradient(#33b46940 13%,#779f3b33 53% 70%,#779f3b00 68%),radial-gradient(#33b46940 23%,#33b46933 53% 70%,#33b46900 68%),radial-gradient(#2c1f28,#241921 55%,#080609 70%);background-size:100%,190% 100%,190% 100%,100%;background-repeat:no-repeat;background-position:center -10px,-30px -48px,-30px 55px,center}.df-polaroid .top .shutter{display:block;width:57px;height:57px;position:absolute;border-radius:30px;bottom:30px;left:25px;background-image:radial-gradient(#da1107 51%,#ed4b1d 53.5%);background-size:200% 200%;background-repeat:no-repeat;background-position:bottom -10px center;border:1px solid #520000;box-shadow:1px 1px 1px #fff3 inset,0 0 2px 6px #dfdad7,1px 6px 10px #66514d,-1px -7.5px 1px #fff}.df-polaroid .top .flash{position:absolute;width:90px;height:160px;border-radius:15px;left:25px;top:25px;box-shadow:-1px -1px 1px #bdb8b5,-1.5px -2.1px .5px #24201d,-4px 4px 3px 3px #f4f0ef,-5px 8px 8px #aba6aa,.25px 1px 1px 5px #3e3a38 inset,0 -6px 1px 1px #f6f6f8 inset;background-image:linear-gradient(#edecea,#f6f6f8),linear-gradient(90deg,#f7f6f400 3%,#f7f6f480 3% 6%,#f7f6f400 6% 11%,#f7f6f480 12% 15%,#f7f6f400 15% 21%,#f7f6f480 21% 23%,#f7f6f400 23% 24%,#f7f6f480 24% 25%,#f7f6f400 25% 27%,#f7f6f480 27% 28%,#f7f6f400 28% 31%,#f7f6f480 31% 33%,#f7f6f400 33% 35%,#f7f6f480 35% 37%,#f7f6f400 37% 39%,#f7f6f480 39% 41%,#f7f6f400 41% 43%,#f7f6f480 43% 45%,#f7f6f400 45% 48%,#f7f6f480 48% 50%,#f7f6f400 50% 55%,#f7f6f480 55% 57%,#f7f6f400 57% 59%,#f7f6f480 59% 60%,#f7f6f400 60% 61%,#f7f6f480 61% 62%,#f7f6f400 62% 64%,#f7f6f480 64% 66%,#f7f6f400 66% 69%,#f7f6f480 69% 71%,#f7f6f400 71% 75%,#f7f6f480 75% 77%,#f7f6f400 77% 79%,#f7f6f480 79% 80%,#f7f6f400 80% 81%,#f7f6f480 81% 82%,#f7f6f400 82% 84%,#f7f6f480 84% 86%,#f7f6f400 86% 89%,#f7f6f480 89% 91%,#f7f6f400 81% 95%),linear-gradient(90deg,#bab8b91a,#f7f6f4a6,#bab8b91a),linear-gradient(90deg,#bab8b91a,#f7f6f4a6,#bab8b91a),linear-gradient(#E3DEDA 15%,#AFAAA6 25% 35%,transparent 45%),linear-gradient(#f0efed 10%,#b0aba7 20%,#403c3b 40%,#2f2b2a 43%,#292524 45% 55%,#696562 65% 75%,#c2bfba 82% 86%,#dedad7 90% 93%,#c9c6c1 94% 96%,#fffefa 98%),linear-gradient(#34332f,#3e3a38);background-size:42px 20px,42px 100%,3px 100%,3px 100%,100% 3px,100%,100%;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat,repeat,no-repeat;background-position:24px top,25px top,22px top,64px top,center,center,center}.df-polaroid .top .viewfinder{position:absolute;background-color:#1b1a18;width:110px;height:110px;border-radius:20px;right:20px;top:20px;box-shadow:.5px .5px 1px 1.5px #f1edee,1.5px 1px 1px 1px #3b3535 inset,2px 2px 1px 1px #9f9e9c inset,-.5px -2px 1.5px #9b9a98 inset,1px 1.5px .5px 1px #fbf7f8}.df-polaroid .top .viewfinder .glass{position:absolute;background-color:#fff;width:75px;height:75px;left:18px;top:18px;border-radius:20px;background-image:radial-gradient(rgba(236,234,237,.3) 50%,transparent 60%),radial-gradient(rgba(193,189,186,.3) 50%,transparent 60%),radial-gradient(#5b5758 45%,#302c2d,#131112);background-size:106% 32%,106% 25%,100%;background-repeat:no-repeat;background-position:-3px -7px,bottom -8px left -3px,center;box-shadow:0 0 1px #010000 inset,0 0 1px 1px #393836 inset,0 0 2px 2px #010000 inset,0 0 2px 4px #393836 inset,0 0 1.5px 4.5px #010000 inset,-.5px -1px 1px #5f5e5c,.25px 2px 2px #464543}.df-polaroid .top .viewfinder .glass .back{position:absolute;background-image:linear-gradient(#eceaed,#e2e0e1);width:40px;height:40px;left:18px;top:19px;border-radius:10px;box-shadow:.5px 2px 2px #5e5b56,0 1px 3px #cac4c5,-4px 0 5px #090705bf,1px 1px 1px 1px #f1ecf0 inset,1.5px 1.5px 1px 1px #d1d0ce inset;border:.5px solid rgba(9,7,5,.75)}.df-polaroid .top .timer{position:absolute;width:23px;height:23px;border-radius:20px;left:135px;top:35px;background-image:radial-gradient(#e8e4e5,#dedad9);box-shadow:0 .5px 1px .5px #605c5b,1px 1px 1px #fffbfc inset}.df-polaroid .top .sensor{position:absolute;width:23px;height:23px;border-radius:20px;left:135px;top:70px;background-image:radial-gradient(#080607,transparent 50%),radial-gradient(#0b090a,#211f20,#131112,#383637,#100e0f,#383637,#100e0f);background-size:60%,100%;background-position:-6px -3px,center;background-repeat:no-repeat;box-shadow:0 .5px 1px .75px #fffbfc,0 -1px 1px #635f5e}.df-polaroid .top .power{position:absolute;width:28px;height:28px;border-radius:20px;right:150px;top:195px;background-image:radial-gradient(#000 30%,#252525,#171717,#020001,#242223,#383637);box-shadow:0 .5px 1px .75px #c6c1c0,0 -.5px .5px .25px #1a1819,-5px -8px 8px 1px #56525266}.df-polaroid .top .toggle-container{position:absolute;width:50px;height:22px;border-radius:20px;right:50px;top:145px;background-image:linear-gradient(#cc7b00 10%,#b26701);box-shadow:.2px .2px .5px .5px #935723 inset,.5px 1px .75px .25px #fce9d8}.df-polaroid .top .toggle-container .toggle{position:absolute;width:20px;height:20px;border-radius:20px;right:0;left:0;margin-left:auto;margin-right:auto;top:1px;background-image:radial-gradient(#fbc00a,#ffdb09);box-shadow:.5px 1px .75px .25px #ffed71 inset,0 -.5px .5px .5px #e6a11f inset,-1px .5px 4px 1px #964900}.df-mobile-scaler{position:relative;flex:0 0 auto}.df-mobile-scaler-inner{position:absolute;top:0;left:0;transform-origin:top left}.df-mdots{display:flex;align-items:center;gap:7px}.df-mdot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#ffffff73;box-shadow:0 1px 2px #0000002e;cursor:pointer;transition:width .2s ease,background .2s ease}.df-mdot.is-active{width:18px;border-radius:4px;background:#fff}.df-mstickers{position:absolute;inset:0;z-index:0;pointer-events:none}.df-mstickers img{position:absolute;height:auto;filter:drop-shadow(0 1.5px 1px rgba(18,38,31,.22))}.df-mstickers .m3{bottom:9%;right:28%;width:21vw;max-width:96px;transform:rotate(-7deg)}.df-mstickers .m4{bottom:1.5%;right:4%;width:23vw;max-width:104px;transform:rotate(5deg)}@font-face{font-family:ChicagoPod;src:url(https://john.kreitlow.rocks/stuff/ipod/font/chicago/chicago-webfont.woff) format("woff");font-style:normal;font-weight:400;font-display:swap}.df-mipod{position:absolute;z-index:0;left:-16px;bottom:-82px;transform:rotate(-14deg);transform-origin:center;pointer-events:none}.df-ipod-dragger{width:calc(140px * var(--df-ipod-scale, .58));height:calc(245px * var(--df-ipod-scale, .58))}.df-ipod-mat{position:relative;width:100%;height:100%;filter:drop-shadow(0 13px 12px rgba(18,38,31,.28))}.df-ipod-placed.df-mipod{position:relative;left:auto;bottom:auto;z-index:auto;transform:scale(var(--df-ipod-scale, .58)) rotate(var(--df-ipod-rotate, -14deg));transform-origin:top left}.df-mipod .ipod{position:relative;background-color:#fff;border-radius:20px;box-shadow:inset -4px 0 12px #40404033,inset 4px -6px 10px #40404066;height:245px;width:140px}.df-mipod .screen{position:relative;background-color:#dbdbfe;border-radius:5px;box-shadow:inset 0 0 1px 1px #0006,inset 0 0 3px 2px gray;color:#454560;display:inline-block;font:400 9px/1.7 ChicagoPod,Geneva,Helvetica Neue,monospace;height:35%;margin:10% 15%;overflow:hidden;width:70%}.df-mipod .screen:before{border-bottom:1px solid #454560;content:"iPod";display:block;margin:0 auto;text-align:center;width:98%}.df-mipod .screen:after{content:"";position:absolute;background:linear-gradient(0,#f0f0f099,#fff0);box-shadow:-2px 0 3px #f0f0f099;height:120%;opacity:.5;left:60%;top:-5%;transform:rotate(10deg);width:50%}.df-mipod .menu{margin:0;padding:0 .3em;position:absolute;width:100%}.df-mipod .menu li{list-style-type:none;padding:0 .5em}.df-mipod .menu li.s{display:flex;justify-content:space-between}.df-mipod .menu li.s:after{content:">"}.df-mipod .menu li.active{background-color:#454560;color:#dbdbfe}.df-mipod .battery{content:"";display:block;position:absolute;width:2em;border:1px solid #454560;height:1em;right:0;top:0;margin:.4em}.df-mipod .battery:before{content:"";position:absolute;background-color:#454560;border:1px solid #dbdbfe;height:100%;width:100%}.df-mipod .battery:after{content:"";position:absolute;border:1px solid #454560;border-left-color:#dbdbfe;height:50%;left:100%;top:25%;width:0}.df-mipod .clickwheel{position:relative;background-color:#dedede;border-radius:100%;box-shadow:inset 1px -1px 3px -1px silver,inset -1px 1px 3px -1px silver;color:#fff;font-size:0;height:40%;margin:5% auto 0;width:70%}.df-mipod .clickwheel:after{content:"";position:absolute;background-color:#fff;border-radius:100%;box-shadow:0 0 3px -1px #b0b0b0;height:40%;left:30%;top:30%;width:40%}.df-mipod .clickwheel-button{position:absolute;background:none;border:none;color:#fff;font:9px/1 Geneva,Helvetica Neue,Arial,sans-serif;text-align:center;top:50%;width:30%}.df-mipod .menu-button{position:absolute;font:600 7px/3 Helvetica,Arial,sans-serif;text-align:center;text-transform:uppercase;top:0;left:0;width:100%}.df-mipod .rw{left:0}.df-mipod .ff{right:0}.df-mipod .pp{bottom:0;left:35%;line-height:2;font-size:7px;top:auto}.df-mipod .pp span{font-size:10px;letter-spacing:-2px;vertical-align:middle}.df-sticker-dragger,.df-lamp-dragger,.df-monitor-dragger,.df-polaroid-dragger{outline:none!important}