.world{--world-bg:#f5f5f7;--world-ink:#1d1d1f;--world-accent:#0071e3;background:var(--world-bg);color:var(--world-ink);padding:32px;border-radius:24px;margin:20px 0}.world h2{font-size:clamp(30px,5vw,52px);letter-spacing:-.04em;margin:12px 0}.world-intro{max-width:620px;line-height:1.7}.world-head{border-bottom:1px solid #0001;padding-bottom:24px;margin-bottom:24px}.world-meta{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--world-accent)}.world-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:22px;padding:12px 3px}.world-note{position:relative;min-height:190px;text-align:left;color:inherit;border:1px solid #0001;border-radius:16px;background:#fff;padding:24px;font:inherit;transition:transform .15s}.world-note:hover{transform:translateY(-3px)}.world-note strong{display:block;font-size:18px;margin:4px 0 14px}.world-note p{font-size:14px;line-height:1.65;margin:8px 0;overflow-wrap:anywhere;white-space:pre-wrap}.world-note small{display:block;margin-top:16px;line-height:1.5;color:#515154}.world-stickers{--world-bg:#f3f0e9;--world-accent:#675526}.world-stickers .world-note{border-radius:2px;background:#fff0b8;box-shadow:2px 8px 14px #51462213;transform:rotate(-1deg)}.world-stickers .world-note:nth-child(3n+2){background:#d9eaf8;transform:rotate(1deg)}.world-stickers .world-note:nth-child(3n){background:#e8dff6;transform:rotate(-.5deg)}.world-stickers .world-note:before{content:'';position:absolute;width:64px;height:18px;top:-8px;left:calc(50% - 32px);background:#ffffff91;transform:rotate(-4deg)}.world-forest{--world-bg:#eef4ee;--world-accent:#365c46}.world-forest .world-note{background:#fff9;border-color:#b5cbb9;padding-top:130px}.world-forest .world-symbol{position:absolute;top:20px;left:calc(50% - 38px);width:76px;height:76px;border-radius:45% 55% 48% 52%;background:#426f50;box-shadow:-18px 14px 0 -7px #69926a,20px 12px 0 -8px #2c583d}.world-forest .world-symbol:after{content:'';position:absolute;width:10px;height:45px;background:#8e7558;top:55px;left:34px;border-radius:4px}.world-garden{--world-bg:#fff4f5;--world-accent:#99546c}.world-garden .world-note{background:#fffc;border-color:#ead0d7;padding-top:125px}.world-garden .world-symbol{position:absolute;top:39px;left:calc(50% - 14px);width:28px;height:28px;border-radius:50%;background:#efc75b;box-shadow:0 -20px #e6a2b5,19px -6px #edb4c1,12px 16px #d88da5,-12px 16px #edb4c1,-19px -6px #d88da5;z-index:1}.world-garden .world-symbol:after{content:'';position:absolute;top:29px;left:12px;width:4px;height:37px;background:#6e9a71;z-index:-1}.world-garden .world-note:nth-child(even) .world-symbol{filter:hue-rotate(35deg)}.world-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:20px 0}.world-tools select{max-width:220px}.world-empty{padding:40px 16px;text-align:center;border:1px dashed #0002;border-radius:18px;line-height:1.7}.theme-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:20px 0}.theme-choice{display:block;border:1px solid #d2d2d7;border-radius:14px;padding:18px;line-height:1.6;cursor:pointer}.theme-choice:has(input:checked){border:2px solid #0071e3;background:#f2f8ff}.theme-choice strong{display:block}.world-demo-tag{font-size:12px;font-weight:600;color:#885117;padding:12px;background:#fff1ca;border-radius:8px}.world .btn{white-space:normal}@media(max-width:600px){.world{padding:20px 14px}.world-grid{grid-template-columns:1fr}.world-note{min-height:140px}}@media(prefers-reduced-motion:reduce){.world-note{transition:none;transform:none!important}}