:root{--ink:#0b2531;--muted:#647b86;--line:#dce5e9;--paper:#f7fafb}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible){outline-offset:4px;outline:2px solid #078583}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1280px;height:100px;margin:auto;padding:0 55px;display:flex}.brand{letter-spacing:-1px;align-items:center;font-size:23px;font-weight:650;display:flex}.brand-icon{background:#d9f7f4;border-radius:50%;place-items:center;width:37px;height:37px;margin-right:10px;display:grid}.header-right{color:#6e766c;align-items:center;gap:10px;font-size:12px;display:flex}.public-dot{background:#078583;border-radius:50%;width:6px;height:6px}.header-divider{border-left:1px solid var(--line);height:20px;margin:0 14px}.owner-link{align-items:center;gap:7px;display:flex}.button{border:0;border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:13px 19px;font-size:13px;font-weight:500;display:inline-flex}.dark{color:#fff;background:#0b2531}.dark:hover{background:#164858}button:disabled{opacity:.6;cursor:wait}main{max-width:1170px;margin:auto}.hero{border-bottom:1px solid var(--line);grid-template-columns:1.25fr 1fr;align-items:center;min-height:477px;padding:57px 0 53px;display:grid}.eyebrow{letter-spacing:1.9px;align-items:center;gap:9px;font-size:10px;font-weight:600;display:flex}.eyebrow>span{background:#f07532;border-radius:50%;width:5px;height:5px}h1{letter-spacing:-2.5px;width:max-content;margin:25px 0 21px;font-family:Libre Caslon Display,Georgia,serif;font-size:77px;font-weight:400;line-height:1.04;position:relative}h1 em{color:#078583;font-weight:400}.spark{color:#f07532;font-family:serif;font-size:39px;position:absolute;top:80px;right:-58px}.intro{color:#737b70;font-size:14px;line-height:1.85}.byline{color:#788071;align-items:center;gap:11px;margin-top:27px;font-size:11px;display:flex}.avatar{color:#086c70;background:#e1f7f4;border:1px solid #c4e7e4;border-radius:50%;place-items:center;width:34px;height:34px;font-size:10px;display:grid}.byline strong{color:#3d4b3c;font-weight:550}.byline small{color:#969b8b;margin-top:4px;font-size:10px;display:block}.hero-art{width:420px;height:340px;margin:auto;position:relative}.orbit{border:1px solid #d4e8ec;border-radius:50%;position:absolute;inset:10px 34px;transform:rotate(-25deg)}.orbit-two{inset:40px 0;transform:rotate(30deg)}.note{border:1px solid #c3e3e7;border-radius:4px;width:206px;height:225px;position:absolute;box-shadow:0 10px 30px #38452509}.note-back{background:#d9f5f2;padding:30px;top:45px;left:58px;transform:rotate(-13deg)}.note-back span{color:#5faaa6;font:italic 25px Georgia}.note-back i{border-bottom:1px solid #b7ddd9;width:90%;margin-top:24px;display:block}.note-front{color:#078583;background:#fffaf3;flex-direction:column;justify-content:center;align-items:center;display:flex;top:65px;left:153px;transform:rotate(9deg)}.note-front>span{color:#0b2531;margin-top:20px;font:22px Libre Caslon Display,Georgia}.note-front small{letter-spacing:1.6px;color:#939d78;margin-top:17px;font-size:7px}.art-star{color:#f07532;font-size:35px;position:absolute;top:15px;right:55px}.art-dots{color:#f07532;font-size:45px;position:absolute;bottom:20px;left:35px;transform:rotate(-20deg)}.art-caption{color:#65929a;font:italic 13px Georgia;position:absolute;bottom:0;right:70px;transform:rotate(-5deg)}.collection{padding-top:38px}.collection-heading{justify-content:space-between;align-items:center;display:flex}.collection-heading h2{letter-spacing:-.4px;margin:0;font-size:18px;font-weight:550}.collection-heading h2 span{color:#899079;vertical-align:middle;border:1px solid #e0e4d4;border-radius:20px;margin-left:9px;padding:3px 7px;font-size:11px}.sort-label{color:#929788;align-items:center;gap:7px;font-size:11px;display:flex}.tools{justify-content:space-between;align-items:center;gap:20px;margin:26px 0;display:flex}.tools nav{gap:7px;display:flex}.filter{color:#7b8275;background:0 0;border:1px solid #0000;border-radius:6px;padding:9px 14px;font-size:12px}.filter:hover{background:#eff1e5}.filter.active{color:#086c70;background:#d9f7f4;border-color:#bce9e5}.search{color:#939a8b;background:#fff;border:1px solid #dce6e9;border-radius:6px;align-items:center;gap:9px;padding:9px 12px;display:flex}.search input{width:170px;color:var(--ink);background:0 0;border:0;outline:none;font-size:11px}.grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.card{background:#fff;border:1px solid #dce6e9;border-radius:8px;flex-direction:column;min-height:240px;padding:24px;scroll-margin-top:30px;display:flex}.card:target{outline:2px solid #078583}.card-top{justify-content:space-between;align-items:center;display:flex}.category{color:#078583;align-items:center;gap:7px;font-size:10px;display:flex}.category b{font-size:15px;font-weight:500}.funny-word{background:#fff5eb}.funny-word .category{color:#a75d24}.concept{background:#edf8f8}.concept .category{color:#078583}.icon-button{color:#8b9581;background:0 0;border:0;border-radius:4px;padding:5px;display:inline-flex}.icon-button:hover{color:#0b2531;background:#dbf3f3}.card h3{letter-spacing:-.3px;overflow-wrap:anywhere;margin:22px 0 12px;font:29px/1.13 Libre Caslon Display,Georgia}.card p{color:#7e8375;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 24px;font-size:12px;line-height:1.8}.card-footer{color:#a0a596;justify-content:space-between;align-items:center;min-height:25px;margin-top:auto;font-size:9px;display:flex}.card-footer>div{gap:6px;display:flex}.empty{text-align:center;color:#858e76;background:#eef7f8;border:1px dashed #cbdfe4;border-radius:9px;padding:38px 20px}.empty-sprout{color:#078583;display:inline-flex}.empty h3{color:#0b2531;margin:14px 0 7px;font:30px Libre Caslon Display,Georgia}.empty p{font-size:12px}.empty small{font-size:10px}.empty .button{margin-top:15px}.collection-bottom{color:#9b9f8f;justify-content:center;align-items:center;gap:9px;padding:32px 0 42px;font-size:11px;display:flex}.collection-bottom>span{color:#a2ac7c;font-size:18px}footer{border-top:1px solid var(--line);color:#92998a;align-items:center;gap:28px;max-width:1170px;margin:auto;padding:25px 0 35px;font-size:10px;display:flex}.footer-brand{color:#768369;letter-spacing:-.5px;font-size:15px;font-weight:600}footer>span{margin-left:auto}footer p{margin:0}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;background:#0b253166;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.composer{background:var(--paper);width:570px;max-height:92vh;color:var(--ink);border:1px solid #d2e3e8;border-radius:14px;margin:0;padding:30px;position:relative;overflow:auto;box-shadow:0 20px 100px #142d2733}.modal-header{justify-content:space-between;align-items:center;display:flex}.composer h2{margin:23px 0 10px;font:38px Libre Caslon Display,Georgia}.composer>p{color:#808876;margin-bottom:25px;font-size:12px}.composer label{margin-top:20px;font-size:12px;font-weight:500;display:block}.composer input,.composer textarea,.composer select{width:100%;color:var(--ink);background:#fff;border:1px solid #dbe0ce;border-radius:6px;margin-top:8px;padding:12px;display:block}.composer textarea{resize:vertical}.optional{color:#9aa18e;font-size:10px;font-weight:400}.form-foot{justify-content:space-between;align-items:center;gap:15px;margin-top:24px;display:flex}.form-foot small{color:#919a85;align-items:center;gap:5px;font-size:9px;display:flex}.error{color:#a44532;background:#fbede7;border-radius:6px;padding:12px;font-size:12px}.error button{color:inherit;background:0 0;border:0;text-decoration:underline}@media (min-width:1400px){main,footer{max-width:1170px}.hero{min-height:510px}.topbar{max-width:1280px}}@media (max-width:1250px){main,footer{margin-left:6%;margin-right:6%}.topbar{padding:0 6%}.hero-art{transform-origin:100%;transform:scale(.9)}h1{font-size:67px}}@media (max-width:900px){.hero{grid-template-columns:1fr 300px}h1{font-size:58px}.hero-art{transform-origin:0;width:360px;transform:scale(.75)}.spark{font-size:28px;top:65px;right:-35px}.grid{grid-template-columns:repeat(2,1fr)}.tools{flex-direction:column;align-items:flex-start}.search,.search input{width:100%}}@media (max-width:650px){.topbar{height:78px}.brand{font-size:20px}.header-right>.public-dot,.header-right>.header-divider{display:none}.header-right{font-size:0}.owner-link{font-size:10px}.hero{min-height:0;padding:36px 0 25px;display:block}.eyebrow{letter-spacing:1.4px;font-size:8px}h1{letter-spacing:-2px;font-size:61px}.intro{font-size:12px}.hero-art{display:none}.byline{margin-top:23px}.collection{padding-top:28px}.collection-heading h2{font-size:16px}.tools{margin:21px 0}.tools nav{flex-wrap:wrap;gap:4px}.filter{padding:8px 10px;font-size:11px}.grid{grid-template-columns:1fr}.card{min-height:210px}.card h3{font-size:30px}.collection-bottom{text-align:center;font-size:9px}footer{flex-wrap:wrap;gap:15px}footer p{order:3;width:100%;font-size:9px}footer>span{font-size:9px}.composer{padding:22px}.composer h2{font-size:32px}.form-foot{flex-direction:column;align-items:flex-start}.form-foot .button{align-self:stretch}.empty h3{font-size:28px}}.brand-icon{color:#0b2531;background:#27d8d7}.brand-dot{color:#f07532}.topbar,.hero{border-bottom-color:#d6e5e9}h1 em{color:#078583}.spark{color:#f07532}.note-front{border-top:4px solid #f07532}.note-back{border-top:4px solid #27d8d7}.collection-bottom>span{color:#f07532}.footer-brand,.empty h3{color:#0b2531}.empty p,.empty small{color:#647b86}.composer input,.composer textarea,.composer select{border-color:#d2e3e8}.category{color:#078583}.card p,.intro{color:#647b86}.sort-label{color:#718994}:root{--accent-font:greycliff-cf,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}h1,h2,h3,.brand,.footer-brand{font-family:var(--accent-font)}.brand{letter-spacing:.1px;font-size:22px;font-weight:800}.footer-brand{letter-spacing:.2px;font-weight:700}h1{letter-spacing:.3px;width:100%;max-width:650px;font-size:clamp(40px,4.7vw,64px);font-weight:800;line-height:1.16}h1 em{color:#0000;background:linear-gradient(90deg,#d96525,#078583);-webkit-background-clip:text;background-clip:text;font-style:normal}.spark{display:none}.eyebrow{letter-spacing:1.6px;font-weight:700}.intro{font-size:15px;line-height:1.8}.collection-heading h2{letter-spacing:.4px;font-size:21px;font-weight:700}.collection-heading h2:after{content:"";background:linear-gradient(90deg,#f07532,#27d8d7);border-radius:2px;width:82px;height:3px;margin-top:10px;display:block}.card{border-radius:12px;transition:box-shadow .18s,border-color .18s;box-shadow:0 3px 14px #0b253106}.card:hover{border-color:#81cccb;box-shadow:0 8px 24px #0b25310b}.card h3{font-family:var(--accent-font);letter-spacing:.1px;font-size:25px;font-weight:700;line-height:1.25}.card p{font-size:13px}.category{font-weight:600}.button{font-family:var(--accent-font);border-radius:9px;font-weight:700;transition:background .18s,box-shadow .18s}.dark{background:linear-gradient(135deg,#164656,#0b2531);box-shadow:0 3px 10px #0b253112}.dark:hover{background:#164e63;box-shadow:0 5px 16px #0b253124}.filter{border-radius:8px;font-weight:600}.search{border-radius:9px}.empty{background:linear-gradient(120deg,#f0fafa,#f8fbfd);border-radius:12px}.empty h3{font-family:var(--accent-font);letter-spacing:.2px;font-size:28px;font-weight:700}.composer h2{font-family:var(--accent-font);font-size:32px;font-weight:700;line-height:1.2}.note-front>span{font-family:var(--accent-font);font-size:19px;font-weight:700}.note-back span{font-family:var(--accent-font);font-style:normal;font-weight:600}.art-caption{font-family:var(--accent-font);letter-spacing:.3px;font-size:11px;font-style:normal}.note{border-radius:10px}.note-front small{font-weight:700}.avatar{font-family:var(--accent-font);font-weight:700}@media (max-width:900px){h1{font-size:44px}.hero{grid-template-columns:minmax(0,1fr) 270px}}@media (max-width:650px){h1{letter-spacing:0;max-width:100%;font-size:clamp(32px,8.5vw,46px)}.brand{font-size:18px}.intro{font-size:13px}.collection-heading h2{font-size:18px}.empty h3{font-size:24px}.composer h2{font-size:28px}}.note-front small{letter-spacing:1px;color:#a65322;border:1px solid #f0753266;border-radius:4px;padding:5px 7px;transform:rotate(-4deg)}.note-front>svg{transform:rotate(-8deg)}.hero .eyebrow{letter-spacing:1.2px}.art-caption{color:#527b87}@media (min-width:901px){h1{font-size:clamp(40px,4.25vw,58px)}}@media (max-width:650px){h1{font-size:clamp(30px,7.7vw,42px)}.hero .eyebrow{letter-spacing:1px;font-size:7px}}