/* Colorful paper, printed patterns, and little things worth looking at. */
body{background:#FAFAF7 url('/src/assets/dot-pattern.svg') repeat;background-size:23px 23px}
.site-header{background:#eee8ff;border-bottom:1.5px solid #191923;height:84px}
.wordmark{font-size:32px;letter-spacing:-2px}
.wordmark span{background:#DEFF7A;border:1.5px solid #191923;box-shadow:2px 2px 0 #191923;transform:rotate(-9deg);padding:3px 6px}
.wordmark i{color:#191923;margin-left:12px;font-size:27px}
.nav-discover{height:84px}
.nav-discover.active:after{background:#191923}
.site-header .primary{border:1.5px solid #191923;box-shadow:3px 3px 0 #191923;background:#7055FF}
.finds-link b{background:#DEFF7A;color:#191923;border:1px solid #191923}
.home{max-width:1500px}
.hero{position:relative;background:#fff1b8 url('/src/assets/confetti-pattern.svg');border:1.5px solid #191923;border-radius:22px;margin:25px 0 0;padding:32px 35px 34px;min-height:275px;box-shadow:5px 5px 0 #ded4fa;overflow:hidden;isolation:isolate}
.hero>div:first-child{position:relative;z-index:2;width:69%}
.hero-kicker{display:table;background:#fffdf2;border:1px solid #191923;color:#191923;padding:6px 9px;letter-spacing:1.2px;font-size:9px;transform:rotate(-2deg);box-shadow:2px 2px 0 #191923;margin-bottom:20px}
.hero h1{font-size:clamp(38px,4.3vw,65px);letter-spacing:-2.8px;line-height:1.1;max-width:770px;margin-bottom:22px}
.hero h1>span{color:#7055FF;white-space:nowrap}
.hero h1>span:before{background:#DEFF7A;border-radius:9px;inset:1px -6px -2px;transform:rotate(-3deg)}
.hero p{font-size:13px;color:#4e455d;max-width:510px;line-height:1.6;background:#fff1b8;padding:2px 0;display:inline}
.hero-note{display:none}
.hero-art{position:absolute;right:0;top:0;width:35%;height:100%;z-index:1;display:flex;align-items:center;justify-content:center}
.hero-art img{height:100%;width:100%;object-fit:cover;mix-blend-mode:multiply;transform:rotate(4deg) scale(1.03)}
.art-label{position:absolute;bottom:17px;right:17px;background:#7055FF;color:white;border:1px solid #191923;padding:8px 12px;border-radius:4px;font-size:9px;font-weight:600;transform:rotate(5deg);box-shadow:2px 2px 0 #191923}
.search-wrap{position:relative;z-index:3;max-width:750px;margin:22px auto 24px;height:58px;border:1.5px solid #191923;border-radius:13px;box-shadow:4px 4px 0 #7055FF;background:#fff}
.search-wrap input{font-size:14px}
.search-wrap>svg{color:#7055FF}
.search-wrap:focus-within{box-shadow:6px 6px 0 #7055FF;outline:0;border-color:#191923}
.curiosity-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#DEFF7A;border:1.5px solid #191923;border-left:0;border-right:0;padding:10px 14px;margin:0 -4.95% 25px;overflow:hidden;white-space:nowrap;font-size:9px;letter-spacing:1.1px;font-weight:800;transform:rotate(-.5deg)}
.curiosity-strip b{font-size:18px;color:#7055FF;line-height:1}
.browse{padding-top:3px}
.tabs-row{border-bottom:1.5px solid #191923}
.tabs button{color:#615a6f;font-weight:600}
.tabs button.selected{color:#7055FF}
.tabs button.selected:after{height:4px;bottom:-2px}
.demo-note{color:#655675}
.categories{padding:20px 0}
.categories button{background:#fff;border:1px solid #191923;color:#191923;box-shadow:2px 2px 0 #191923;font-weight:600}
.categories button:nth-child(2){background:#e9e2ff}.categories button:nth-child(3){background:#FFE4D6}.categories button:nth-child(4){background:#DEFF7A}.categories button:nth-child(5){background:#DDEEFF}.categories button:nth-child(6){background:#fff1b8}.categories button:nth-child(7){background:#eadfff}.categories button:nth-child(8){background:#DDEEFF}
.categories button.selected{background:#7055FF;color:white;border-color:#191923;box-shadow:2px 2px 0 #191923}
.feed-meta{color:#70617d}.feed-meta p{color:#5b4c68}.feed-meta>span{background:#fffdf6;padding:3px 7px;border-radius:4px}
.card{border:1.5px solid #191923;border-radius:18px;box-shadow:3px 4px 0 #191923;isolation:isolate}
.card:hover{border-color:#191923;box-shadow:6px 8px 0 #7055FF}
.card .visual{border-bottom:1.5px solid #191923;background-blend-mode:multiply}
.visual.lavender{background-color:#d8c9ff;background-image:url('/src/assets/checker-pattern.svg');background-size:48px}
.visual.peach{background-color:#ffc6a8;background-image:url('/src/assets/wave-pattern.svg');background-size:100px 60px}
.visual.sky{background-color:#aecdff;background-image:url('/src/assets/dot-pattern.svg');background-size:14px}
.visual.lime{background-color:#DEFF7A;background-image:url('/src/assets/confetti-pattern.svg');background-size:125px}
.visual.charcoal{background-color:#3c276f;background-image:url('/src/assets/dot-pattern.svg')}
.theme-lavender .card-body{background:#f6f0ff}.theme-peach .card-body{background:#fff6ed}.theme-sky .card-body{background:#f0f6ff}.theme-lime .card-body{background:#f9ffe9}.theme-charcoal .card-body{background:#f3efff}
.card-body{padding:18px 18px 0}
.card h2{font-size:20px;line-height:1.16;letter-spacing:-.65px}
.card-body>p{color:#655b6e;font-size:12px}
.eyebrow{color:#564966;font-size:9px}
.illustrative{background:#ffffffb3;border-color:#d6cbdc;color:#756480}
.tools span{background:#fff;border:1px solid #ded5e3;color:#5f526f;font-size:9px}
.card-actions{border-top:1px dashed #bfb0c8;margin-top:16px;padding:12px 0}
.card-actions>a{font-size:11px;color:#5036bd}
.save{font-size:11px;color:#6a597a}
.save.is-saved{background:#7055FF;color:#fff;padding:6px 9px;border-radius:6px;border:1px solid #191923;box-shadow:2px 2px 0 #191923}
.save.is-saved svg{fill:#ad9aff}
.diagram .node,.diagram .branches span{border:1px solid #191923;box-shadow:3px 3px 0 #7055FF}
.diagram .node{background:#DEFF7A}
.branches:before{border-color:#5b3aa1}.branches:after{background:#5b3aa1}
.mini-code{display:inline-block;background:#f5efff;padding:4px;border-radius:3px;color:#7055FF}
.visual-sticker{border:1px solid #191923;box-shadow:2px 2px 0 #191923;font-weight:700}
.quote-sheet{border:1px solid #191923;box-shadow:7px 8px 0 #e47c55;position:relative}
.quote-sheet:before,.document:before,.task-sheet:before{content:'';position:absolute;top:-10px;left:34%;height:24px;width:65px;background:#DEFF7Acc;transform:rotate(5deg);border-left:2px dotted #19192330;border-right:2px dotted #19192330}
.quote-sheet p{font-size:27px}
.scribble{background:#fff1b8;padding:4px 6px;border-radius:3px;color:#523729}
.task-sheet{border:1px solid #191923;box-shadow:5px 6px 0 #6b8fcd;position:relative}
.task-sheet:before{background:#ffc6a8dd}
.receipt{border:1px solid #191923;box-shadow:6px 6px 0 #d98765}
.brief-sheet{background:#fff1b8;border:1px solid #191923;padding:15px;box-shadow:5px 5px 0 #7055FF}
.brief-sheet h3{font-size:25px}.brief-sheet>div>span{border-color:#191923;background:white}
.terminal{border:1px solid #191923;box-shadow:5px 5px 0 #DEFF7A}
.trip-path>span,.flow span{border:1px solid #191923;box-shadow:3px 3px 0 #7055FF;background:#fffdf5}
.type-art strong{font-size:37px;line-height:1.02;color:#261741;text-shadow:2px 2px #deff7a}
.type-art .art-star{background:#7055FF;color:#DEFF7A;border:1px solid #191923;padding:0 5px;line-height:1.1;rotate:8deg;box-shadow:3px 3px 0 #191923}
.art-arrow{color:#7055FF}
.bar-demo{background:#fff9f0;border:1px solid #191923;padding:14px;box-shadow:5px 5px 0 #7055FF;transform:rotate(-3deg)}
.bar-demo i{background:#7055FF!important;border:1px solid #191923}
.matrix{border:1px solid #191923;box-shadow:5px 5px 0 #7055FF;background:#fff}
.chart-demo{background:#fffdf1;border:1px solid #191923;padding:15px;box-shadow:5px 5px 0 #7055FF;transform:rotate(3deg)}
.document{border:1px solid #191923;box-shadow:5px 5px 0 #d88067;position:relative}
.diff p{border:1px solid #191923;box-shadow:4px 4px 0 #191923}
.diff>small,.diff>span{background:#fff4dd;padding:5px}
footer{background:#7055FF;color:#fff;border:1.5px solid #191923;border-radius:14px;padding:24px;margin-bottom:25px;position:relative;overflow:hidden}
footer .footer-mark{color:#DEFF7A;font-size:23px}
.detail{background:#FAFAF7}.detail-top>.visual{border:1.5px solid #191923;box-shadow:6px 6px 0 #7055FF}
.evidence-banner{border:1px solid #191923;background:#e9e2ff;box-shadow:3px 3px 0 #7055FF}
.detail-columns aside{background:#fff1b8 url('/src/assets/dot-pattern.svg');border:1px solid #191923;box-shadow:4px 4px 0 #191923}
.aside-note{background:#DEFF7A;border:1px solid #191923}
.drop-dialog{background:#fff1b8 url('/src/assets/confetti-pattern.svg');border:2px solid #191923;box-shadow:8px 8px 0 #7055FF}
.drop-dialog label,.drop-dialog form>p{background:#fff1b8}.drop-dialog .hero-kicker{background:white}
.drop-dialog input,.drop-dialog textarea{border:1px solid #191923;box-shadow:3px 3px 0 #d5bf84}
.drop-dialog .submit{border:1px solid #191923;box-shadow:3px 3px 0 #191923}
.empty{background:#e9e2ff url('/src/assets/checker-pattern.svg');border:1.5px solid #191923;box-shadow:4px 4px 0 #7055FF}
.empty>p{background:#f6f0ff;border-radius:9px;padding:12px;color:#655574}
.finds-hero>div:first-child{width:65%}
@media(min-width:1600px){.hero h1{font-size:65px}}
@media(max-width:1100px){.hero{padding:28px;min-height:260px}.hero>div:first-child{width:66%}.hero h1{font-size:45px;letter-spacing:-2px}.hero-art{width:36%}.art-label{font-size:8px;right:10px;bottom:15px;max-width:160px}.curiosity-strip span:last-child{display:none}.hero p{font-size:12px}.card h2{font-size:22px}}
@media(max-width:700px){.site-header{height:77px}.wordmark{font-size:23px;letter-spacing:-1.5px}.wordmark i{font-size:17px;margin-left:7px}.hero{padding:23px 18px 25px;margin-top:19px;min-height:unset;border-radius:16px;overflow:hidden}.hero>div:first-child{width:100%}.hero h1{font-size:38px;max-width:250px;letter-spacing:-1.9px;line-height:1.08;margin-top:75px;margin-bottom:19px}.hero-kicker{font-size:7px;letter-spacing:.6px;max-width:210px;margin-bottom:0;position:relative;z-index:3}.hero-art{top:5px;right:-7px;width:150px;height:135px;z-index:0}.hero-art img{object-fit:contain;transform:rotate(8deg)}.art-label{display:none}.hero p{font-size:12px;display:block;background:transparent;max-width:100%}.hero h1>span{display:inline-block}.hero h1>span:before{inset:3px -3px 0}.search-wrap{height:54px;margin:20px 0 22px;box-shadow:3px 3px 0 #7055FF}.search-wrap input{font-size:12px}.curiosity-strip{margin-bottom:20px;font-size:8px;gap:15px;padding:9px 10px}.curiosity-strip span:nth-of-type(n+3),.curiosity-strip b:last-of-type{display:none}.curiosity-strip b{font-size:15px}.categories{padding:18px 0 20px}.card h2{font-size:25px}.card-body{padding:20px 20px 0}.card-body>p{font-size:13px}.type-art strong{font-size:43px}.card-actions{padding:15px 0}.card-actions>a,.save{font-size:12px}.theme-lime .card-body{background:#f7ffe1}.hero.finds-hero h1{margin-top:70px;font-size:36px}.finds-hero>div:first-child{width:100%}.hero .hero-kicker{line-height:1.5}footer{padding:20px}.detail-top>.visual{box-shadow:4px 4px 0 #7055FF}}
@media(max-width:700px){.tabs{gap:16px}.tabs button{font-size:10px}}