.card{--card-corner-size: 1rem;width:20rem;height:10rem;min-width:10rem;min-height:10rem;max-width:50rem;max-height:50rem;border-top:1rem solid var(--bg-card);background-color:var(--bg-card);box-shadow:1rem 1rem #80808040;position:relative;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--card-corner-size)),calc(100% - var(--card-corner-size)) 100%,0 100%);z-index:1}.card:before{content:"";position:absolute;right:0;bottom:0;width:var(--card-corner-size);height:var(--card-corner-size);clip-path:polygon(0 100%,0 0,100% 0);background:#9c9c2733;pointer-events:none;z-index:2}@media(prefers-color-scheme:dark){.card{box-shadow:none}.card:before{background:#ff0}}.card *{color:var(--color-card)}.card.move{box-shadow:1rem 1rem #80808080;-webkit-user-select:none;user-select:none}.card textarea,.card .preview{width:100%;height:100%;padding:.5rem}.card textarea{border:none;outline:none;resize:none;background-color:transparent;cursor:text!important}.card .preview{overflow:auto;word-wrap:break-word;font-size:.85rem}.card .preview p{line-height:1rem}.card .preview a{color:#06c;text-decoration:underline}.card .preview a:hover{color:#0052a3}.card .preview>*{margin-top:0}.card .preview ul{padding-left:1.5rem}.card .preview img{max-width:100%}.card .resize{width:1rem;height:1rem;position:absolute;bottom:0;right:0}.card button{-webkit-user-select:none;user-select:none;position:absolute;top:-1rem;right:0;width:1rem;height:1rem;border:none;background:transparent;font-size:1.5rem;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;opacity:.75;transition:opacity .2s;z-index:10}.card button:hover{opacity:1}#settings{position:absolute;right:1rem;bottom:1rem;cursor:pointer;width:auto;display:flex;align-items:flex-end;flex-direction:column;gap:1rem;-webkit-user-select:none;user-select:none;z-index:6000}#settings>*{opacity:.6;transition:opacity .2s}#settings>svg,#settings>a{color:inherit;width:1.5rem}#settings>*:hover{opacity:1}.sunny-toggle,.settings-action{display:inline-flex;align-items:center;gap:.45rem;font-size:1rem;padding:.35rem .55rem;border-radius:999px}.sunny-toggle{background:#ffffffd1;border:1px solid rgba(0,0,0,.2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sunny-toggle input{margin:0}.sunny-toggle span,.settings-action span{line-height:1}.settings-action{background:#ffffffd1;border:1px solid rgba(0,0,0,.2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:inherit;cursor:pointer}.settings-action-icon{width:1rem;height:1rem;display:inline-flex;align-items:center;justify-content:center}.settings-action-icon svg{width:1rem;height:1rem}.settings-pop-in{animation:settings-pop-in .26s ease both}.settings-pop-out{animation:settings-pop-out .26s ease both}@keyframes settings-pop-in{0%{opacity:0;transform:translate(14px)}to{opacity:.6;transform:translate(0)}}@keyframes settings-pop-out{0%{opacity:.6;transform:translate(0)}to{opacity:0;transform:translate(14px)}}.sunny-video-overlay{position:fixed;inset:0;pointer-events:none;z-index:4400;overflow:hidden;opacity:0;transition:opacity .35s ease;mix-blend-mode:multiply;contain:paint;will-change:opacity}body.sunny-theme .sunny-video-overlay{opacity:.75}.sunny-video{width:100%;height:100%;object-fit:cover;object-position:center top;filter:contrast(1.08) brightness(.8);transform:scale(1.02)}@media(prefers-color-scheme:dark){@keyframes settings-pop-in{0%{opacity:0;transform:translate(14px)}to{opacity:.75;transform:translate(0)}}@keyframes settings-pop-out{0%{opacity:.75;transform:translate(0)}to{opacity:0;transform:translate(14px)}}.sunny-toggle,.settings-action{background:#141414cc;border-color:#ffffff4d}body.sunny-theme .sunny-video-overlay{opacity:.5}.sunny-video{filter:contrast(1.05) brightness(.72)}}@media(prefers-reduced-motion:reduce){.sunny-video-overlay{display:none}}.image-preview-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#000000d9;z-index:9999;padding:2rem}.image-preview-overlay.open{display:flex}.image-preview-image{max-width:100%;max-height:100%;object-fit:contain}.card textarea::-webkit-scrollbar,.card .preview::-webkit-scrollbar{width:8px;height:8px}.card textarea::-webkit-scrollbar-track,.card .preview::-webkit-scrollbar-track{background:transparent}.card textarea::-webkit-scrollbar-thumb,.card .preview::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.card textarea::-webkit-scrollbar-thumb:hover,.card .preview::-webkit-scrollbar-thumb:hover{background:#0000004d}@media(prefers-color-scheme:dark){.card textarea::-webkit-scrollbar-thumb,.card .preview::-webkit-scrollbar-thumb{background:#fff3}.card textarea::-webkit-scrollbar-thumb:hover,.card .preview::-webkit-scrollbar-thumb:hover{background:#ffffff4d}}.card textarea,.card .preview{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}@media(prefers-color-scheme:dark){.card textarea,.card .preview{scrollbar-color:rgba(255,255,255,.2) transparent}}