@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&family=Patrick+Hand&family=Source+Code+Pro:wght@400&display=swap";*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none !important}.pg{background:linear-gradient(to bottom, #c3d3c5, #faedb8);min-height:100vh;font-family:"Patrick Hand",sans-serif;overflow-x:clip}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes thumb-pop{from{opacity:0;scale:0}to{opacity:1;scale:1}}::view-transition-group(*){animation-duration:.3s;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}::view-transition-new(thumb-incoming){animation:thumb-pop .4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.main{display:grid;grid-template-columns:1fr minmax(300px, 600px);min-height:calc(100vh - 56px)}@media(max-width: 1300px){.main{grid-template-columns:1fr}}@media(max-width: 900px){.main{display:block}}.update-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px;background:#faedb8;border-bottom:1.5px solid #e8c840;font-size:.875rem;color:#7a4f00}.update-banner-btn{padding:3px 12px;border-radius:99px;border:1.5px solid #b89a00;background:#e8c840;color:#7a4f00;font-size:.8rem;font-weight:600;cursor:pointer}.update-banner-btn:hover{background:#e4be1c}.topbar{background:#f4ffbe;border-bottom:1.5px solid #c8d8a0;box-shadow:inset 0px -20px 20px 0px rgba(58,110,32,.333),inset 0px -5px 10px 0px rgba(58,110,32,.333);padding:0 1.5rem;height:56px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:"Caveat",cursive;font-size:24px;font-weight:700;color:#3a6e20;display:flex;align-items:center;gap:8px}.logo i{font-size:20px;color:#5a8c28}@media(max-width: 900px){.logo{display:none}}.watchers{font-size:13px;color:#5a8c28;display:flex;align-items:center;gap:5px}.watchers i{font-size:15px}@media(max-width: 1300px){.watchers{display:none}}.stream-col{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}@media(max-width: 900px){.stream-col{padding:.25rem}}.stream-wrap{width:min(100%,133.3333333333vh);aspect-ratio:16/9;background:#1a1a14;border-radius:12px;overflow:hidden;position:relative;border:2px solid #c8d8a0;align-self:center}.stream-icon{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.35);font-size:22px}.stream-lbl{font-size:13px;color:rgba(255,255,255,.25);font-family:"Patrick Hand",sans-serif}.stream-tr{position:absolute;top:10px;right:10px;display:flex;gap:6px}.overlay-btn{background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.8);font-size:12px;padding:5px 11px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:5px;font-family:"Patrick Hand",sans-serif}#stream{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s}#stream.live{opacity:1}#streamOverlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .6s}#streamOverlay.live{opacity:1}#streamWrap:fullscreen,#streamWrap:-webkit-full-screen{width:100vw;height:100vh;aspect-ratio:auto;max-width:none;border-radius:0;border:none}.stream-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:opacity .4s}.stream-ph.hidden{opacity:0;pointer-events:none}.stream-ph.is-offline .stream-icon{color:rgba(255,255,255,.25)}.stream-dbg{font-family:"Source Code Pro",monospace;font-size:9px;color:rgba(255,255,255,.45);background:rgba(0,0,0,.4);border-radius:6px;padding:8px 10px;max-width:90%;white-space:pre-wrap;word-break:break-all;text-align:left}.stream-buf{position:absolute;bottom:14px;left:14px;width:22px;height:22px;border-radius:50%;border:2.5px solid rgba(255,255,255,.15);border-top-color:rgba(255,255,255,.7);animation:spin .8s linear infinite;pointer-events:none}.action-row{display:flex;gap:10px}.action-btn{flex:1;padding:10px 14px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-family:"Patrick Hand",sans-serif;transition:background .15s;text-decoration:none;border:1.5px solid #c8d8a0;background:#edf5d8;color:#3a6e20}.action-btn:hover{background:#deedb8}.action-btn i{font-size:16px}.action-btn img{width:16px;height:16px}.action-btn.snap{border:1.5px solid #e8c840;background:#faedb8;color:#7a4f00}.action-btn.snap:hover{background:#f7e392}.action-btn.donate{position:relative;overflow:hidden;border:1.5px solid #e0607a;background:#ffb0c0;color:#a0143c}.action-btn.donate:hover{background:#ff879f}.action-btn.donate::after{content:"♥ ♥ ♥";position:absolute;top:7px;right:-25px;width:100px;background:#e0607a;color:#fff;font-size:15px;font-family:"Patrick Hand",sans-serif;text-align:center;padding:2px 0;transform:rotate(45deg);letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.action-btn.clip{border:1.5px solid #7ab8e8;background:#d4ecff;color:#1a4a6e}.action-btn.clip:hover{background:#abdaff}.action-btn.snap.is-stream-offline,.action-btn.clip.is-stream-offline{opacity:.4;cursor:not-allowed}.state-loading,.state-cooldown,.state-confirm{display:none}#snapBtn.is-loading .state-ready,#snapBtn.is-loading .state-cooldown,#clipBtn.is-loading .state-ready,#clipBtn.is-loading .state-cooldown{display:none}#snapBtn.is-loading .state-loading,#clipBtn.is-loading .state-loading{display:contents}#snapBtn.is-cooldown .state-ready,#snapBtn.is-cooldown .state-loading,#clipBtn.is-cooldown .state-ready,#clipBtn.is-cooldown .state-loading{display:none}#snapBtn.is-cooldown .state-cooldown,#clipBtn.is-cooldown .state-cooldown{display:contents}#shareBtn.is-confirmed .state-ready{display:none}#shareBtn.is-confirmed .state-confirm{display:contents}.icon-spin{animation:spin .7s linear infinite}.stream-and-watchers{display:flex;align-items:flex-start;justify-content:center;gap:8px}@media(max-width: 900px){.stream-and-watchers{flex-wrap:wrap}}.stream-and-watchers .stream-wrap{flex:1;min-width:0;align-self:auto;width:auto;max-width:min(100%,160vh)}@media(max-width: 900px){.stream-and-watchers .stream-wrap{flex-basis:100%;max-width:none}}.watcher-col{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:60px}@media(max-width: 900px){.watcher-col{flex-direction:row;width:100%;align-items:center}}.watcher-col-avatars{display:flex;flex-direction:column;align-items:center}@media(max-width: 900px){.watcher-col-avatars{flex-direction:row;gap:6px}}.watcher-slot{position:relative;width:50px;height:50px;border-radius:50%;border:2px solid rgba(255,255,255,.65);box-shadow:0 1px 3px rgba(0,0,0,.3);flex-shrink:0;margin-top:4px;transition:height .3s ease,margin-top .3s ease,border-width .3s ease,opacity .3s ease,transform .35s cubic-bezier(0.175, 0.885, 0.32, 1.275)}@media(max-width: 900px){.watcher-slot{margin-top:0;transition:width .3s ease,margin-right .3s ease,border-width .3s ease,opacity .3s ease,transform .35s cubic-bezier(0.175, 0.885, 0.32, 1.275)}}.watcher-slot:first-child{margin-top:0}.watcher-slot.entering,.watcher-slot.leaving{height:0 !important;margin-top:0 !important;border-width:0 !important;opacity:0;transform:scale(0.2)}@media(max-width: 900px){.watcher-slot.entering,.watcher-slot.leaving{width:0 !important;height:50px !important;margin-top:0 !important;margin-right:0 !important}}.watcher-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}@keyframes bubble-show{0%{opacity:0;transform:translateY(-50%) translateY(6px)}20%{opacity:1;transform:translateY(-50%) translateY(0)}80%{opacity:1;transform:translateY(-50%) translateY(0)}100%{opacity:0;transform:translateY(-50%) translateY(-8px)}}.watcher-bubble{position:absolute;left:calc(100% + 5px);top:15%;transform:translateY(-50%);background:#fff;border-radius:10px 10px 10px 0px;text-shadow:0px 0px 4px #000;border:1.5px solid #000;padding:4px 7px;font-size:15px;line-height:1;white-space:nowrap;pointer-events:none;opacity:0;z-index:10}.watcher-bubble.is-active{animation:bubble-show 2s ease-in-out forwards}.gallery-lbl-row{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.gallery-lbl{font-family:"Caveat",cursive;font-size:16px;color:#5a8c28;flex:1}.gallery-sort-btn{font-size:11px;opacity:.6;transition:opacity .15s}.gallery-sort-btn:hover{opacity:1}.gallery-sort-btn.sort-hearts{color:#e0607a;opacity:.85}.gallery-strip{display:grid;grid-template-columns:repeat(auto-fill, minmax(110px, 1fr));grid-auto-rows:auto;padding:10px !important;gap:8px;isolation:isolate}.thumb{aspect-ratio:3/2;border-radius:8px;background:#faf7f0;border:1.5px dashed #36392e;box-shadow:2px 0 5px 0px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;color:#8a9a80;font-size:16px}.thumb.filled{background:#1a1a14;border-style:solid;border-color:#8a9a80;overflow:visible;padding:0;cursor:pointer;position:relative;z-index:0;transition:scale .12s ease-in}.thumb.filled:hover{scale:1.2;z-index:10;transition:scale .25s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.thumb.filled img:not(.thumb-avatar){width:100%;height:100%;object-fit:cover;display:block;border-radius:6px}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}.thumb.thumb-pending{animation:pulse 1s ease-in-out infinite}.thumb-clip-badge{position:absolute;top:5px;left:5px;background:rgba(26,74,110,.78);color:#fff;font-size:14px;line-height:1;padding:4px 6px;border-radius:5px;pointer-events:none;display:flex;align-items:center}.thumb-avatar{position:absolute;bottom:-10px;right:-10px;width:26px;height:26px;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.45);pointer-events:none;z-index:1}.thumb-delete{position:absolute;top:4px;right:4px;width:22px;height:22px;background:rgba(146,32,32,.85);border:none;border-radius:4px;color:#fff;cursor:pointer;align-items:center;justify-content:center;font-size:11px;display:none;z-index:2;transition:background .1s}.thumb-delete:hover{background:rgba(200,30,30,.95)}.thumb.own-snap .thumb-delete{display:flex}.thumb-like{position:absolute;bottom:5px;left:5px;display:flex;align-items:center;gap:3px;background:rgba(0,0,0,.48);border:none;border-radius:10px;color:rgba(255,255,255,.85);font-size:11px;padding:2px 6px 2px 5px;cursor:pointer;z-index:1;line-height:1;font-family:"Patrick Hand",sans-serif;transition:background .15s,color .15s}.thumb-like i{font-size:12px;transition:color .15s}.thumb-like:hover{background:rgba(180,30,70,.65)}.thumb-like.liked{background:rgba(180,30,70,.55);color:#ffb0c0}.thumb-like.liked i{color:#e0607a}.thumb-like-count:empty{display:none}.gallery-panels{display:flex;flex-direction:column;gap:1rem}.gallery-panel{display:flex;flex-direction:column;gap:0;min-width:0}#archiveGallery{transition:opacity .2s ease}#archiveGallery.is-loading{opacity:0}.archive-empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:6px;color:#8a9a80;font-size:14px;padding:24px 10px}.sidebar-hint{font-size:16px;color:#8a9a80;margin-top:0px}.sidebar{border-left:1.5px solid #c8d8a0;background:url("../resources/background.jpg");padding:1.25rem;padding-bottom:3rem;display:flex;flex-direction:column;box-shadow:inset 10px -30px 30px 0px rgba(30,74,20,.333);gap:1.1rem}@media(max-width: 1300px){.sidebar{border-left:none;border-top:1.5px solid #c8d8a0}}@media(max-width: 900px){.sidebar{padding:.25rem}}.s-title{font-family:"Caveat",cursive;font-size:20px;font-weight:700;text-align:center;color:#3a6e20;border:20px solid rgba(0,0,0,0);border-image:url("../resources/border.png") 55/20px round;border-radius:18px;background:url("../resources/paper.jpg");padding:0px 3px;box-shadow:0px 3px 5px rgba(0,0,0,.5)}.bird-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}@media(max-width: 1400px){.bird-list{grid-template-columns:1fr 1fr}}@media(max-width: 1300px){.bird-list{grid-template-columns:1fr 1fr 1fr !important}}@media(max-width: 900px){.bird-list{grid-template-columns:1fr 1fr}}@keyframes card-press{0%{scale:1}50%{scale:.9}100%{scale:1}}.bird-card{aspect-ratio:5/7;background-image:url("../resources/note.jpg");background-size:cover;background-position:center;border-radius:8%;cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s,scale .25s,z-index 0s .25s;box-shadow:inset 0 0 5px 0 rgba(0,0,0,.25),0 0px 5px rgba(0,0,0,.5);z-index:0;user-select:none;transform-origin:center;transform:rotate(var(--card-rot, 0deg));container-type:inline-size}.bird-card:hover{box-shadow:inset 0 0 5px 0 rgba(0,0,0,.25),0 30px 10px rgba(0,0,0,.5);scale:1.25;z-index:5;transition:box-shadow .15s,scale .25s,z-index 0s}.bird-card.pressing{animation:card-press .4s ease-in-out}.bird-card.stamped::after{content:"";position:absolute;inset:0;background:rgba(90,140,40,.07);pointer-events:none}.card-header{padding:8cqw 4cqw 3cqw;text-align:center;border-bottom:1px solid rgba(200,216,160,.35)}.bird-name{font-family:"Caveat",cursive;font-size:9cqw;font-weight:700;color:#1e4a14;line-height:1.1}.bird-latin{display:block;font-size:6cqw;font-weight:500;color:#8a9a80;font-style:italic;text-decoration:none;margin-top:0px;opacity:.9}.bird-latin:hover{color:#3a6e20;opacity:1}.card-image{flex:1;display:flex;align-items:center;justify-content:center;padding:7cqw;min-height:0}.card-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.card-footer{padding:2cqw 3cqw 8cqw;text-align:center;font-family:"Patrick Hand",sans-serif;font-size:6cqw;color:#5a8c28;border-top:1px solid rgba(200,216,160,.35)}.bird-card.stamped .card-footer{color:#3a6e20;font-weight:600}.stamp{position:absolute;mix-blend-mode:multiply;top:50%;left:50%;width:72%;height:auto;transform:translate(calc(-50% + var(--stamp-x, 0px)), calc(-50% + var(--stamp-y, 0px))) rotate(var(--stamp-rot, -8deg)) scale(0);opacity:0;transition:transform .22s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .18s;pointer-events:none}.bird-card.stamped .stamp{transform:translate(calc(-50% + var(--stamp-x, 0px)), calc(-50% + var(--stamp-y, 0px))) rotate(var(--stamp-rot, -8deg)) scale(1);opacity:.92}.stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:7px}.stat{background:#faf7f0;border:1.5px solid #c8d8a0;border-radius:10px;padding:9px 12px;text-align:center;border:20px solid rgba(0,0,0,0);border-image:url("../resources/border.png") 55/20px round;border-radius:18px;background:url("../resources/paper.jpg") center/cover;padding:0px 3px;box-shadow:0px 3px 5px rgba(0,0,0,.5)}.stat-val{font-family:"Caveat",cursive;font-size:26px;font-weight:700;color:#3a6e20;line-height:1}.stat-lbl{font-size:11px;color:#8a9a80;margin-top:2px}.weather-card{display:flex;align-items:center;gap:10px}.weather-icon{width:64px;height:64px;flex-shrink:0;filter:drop-shadow(0 1px 4px rgba(0, 0, 0, 0.5))}.weather-main{font-size:14px;color:#1e4a14}.weather-sub{font-size:11px;color:#8a9a80;margin-top:1px}@media(max-width: 900px){.weather-sub{display:none}}@keyframes shutter-flash{0%{opacity:1}100%{opacity:0}}.snap-flash{position:fixed;background:#fff;border-radius:12px;z-index:10000;pointer-events:none;animation:shutter-flash .35s ease-out forwards}.snap-frame{position:fixed;border-radius:12px;z-index:9999;pointer-events:none;transform-origin:center center}.date-picker{display:flex;flex-direction:column;gap:5px;margin-bottom:8px}.date-picker-row{display:flex;align-items:center;gap:8px;min-width:0}.date-picker-label{font-family:"Patrick Hand",sans-serif;font-size:11px;color:#8a9a80;flex-shrink:0;width:36px;text-align:right}.date-picker-chips{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-width:0;padding:2px 0}.date-picker-chips::-webkit-scrollbar{display:none}.date-chip{flex-shrink:0;padding:4px 11px;border-radius:20px;font-family:"Patrick Hand",sans-serif;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap;border:1.5px solid #c8d8a0;background:#edf5d8;color:#3a6e20}.date-chip:hover{background:#deedb8}.date-chip.active{background:#3a6e20;color:#f4ffbe;border-color:#3a6e20}.date-chip.day-chip{min-width:34px;padding:4px 6px;text-align:center}.date-chip.today-chip{min-width:unset;padding:4px 11px;font-style:italic}.topbar-user{display:flex;align-items:center}.topbar-anon{display:flex;align-items:center;gap:6px}.topbar-user-btn{font-family:"Patrick Hand",sans-serif;font-size:13px;padding:5px 12px;border-radius:20px;border:1.5px solid #c8d8a0;background:rgba(0,0,0,0);color:#3a6e20;cursor:pointer;transition:background .15s}.topbar-user-btn:hover{background:rgba(90,140,40,.1)}.topbar-user-btn.primary{background:#3a6e20;color:#f4ffbe;border-color:#3a6e20}.topbar-user-btn.primary:hover{background:#1e4a14}.topbar-chip{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:20px;border:1.5px solid #c8d8a0;background:rgba(90,140,40,.08);cursor:pointer;transition:background .15s}.topbar-chip:hover{background:rgba(90,140,40,.18)}.topbar-chip-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0}.topbar-chip-name{font-family:"Patrick Hand",sans-serif;font-size:13px;color:#3a6e20}.user-overlay{background:rgba(0,0,0,.45);position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}.user-overlay.open{opacity:1;pointer-events:auto}.user-modal{background:#faf7f0 url("../resources/background.jpg");border:3px solid #c8d8a0;border-radius:16px;padding:24px;width:min(520px,92vw);max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px rgba(0,0,0,.25),inset 0 0px 10px rgba(0,0,0,.75);font-family:"Patrick Hand",sans-serif}.user-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.user-modal-title{font-family:"Caveat",cursive;font-size:22px;color:#3a6e20}.user-modal-close{background:none;border:none;font-size:22px;color:#8a9a80;cursor:pointer;line-height:1;padding:2px 6px}.user-modal-close:hover{color:#3a6e20}.user-panel-intro{font-size:14px;color:#5a8c28;margin-bottom:16px}.user-panel-switch{font-size:13px;color:#8a9a80;margin-top:14px;text-align:center}.link-btn{background:none;border:none;color:#3a6e20;font-family:"Patrick Hand",sans-serif;font-size:inherit;cursor:pointer;text-decoration:underline;padding:0}.link-btn:hover{color:#1e4a14}.user-input{width:100%;padding:10px 12px;border:1.5px solid #c8d8a0;border-radius:8px;background:#fff;font-family:"Source Code Pro",monospace;font-size:13px;color:#1e4a14;margin-bottom:12px;box-sizing:border-box}.user-input:focus{outline:none;border-color:#5a8c28}.user-error{font-size:13px;color:#c81e1e;margin-bottom:10px}.user-btn{width:100%;padding:10px;border-radius:8px;font-family:"Patrick Hand",sans-serif;font-size:15px;cursor:pointer;transition:background .15s;border:1.5px solid #c8d8a0;background:#edf5d8;color:#3a6e20}.user-btn:hover{background:#deedb8}.user-btn.primary{background:#3a6e20;color:#f4ffbe;border-color:#3a6e20}.user-btn.primary:hover{background:#1e4a14}.user-btn.danger{border:1.5px solid #e8a0a0;background:#fdecea;color:#922020}.user-btn.danger:hover{background:#f9cac5}.identity-cards{display:grid;grid-template-columns:repeat(3, 1fr);gap:12px;margin-top:14px;margin-bottom:14px}.identity-loading{color:#8a9a80;font-size:14px;text-align:center;padding:20px;grid-column:1/-1}.identity-card{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s,scale .15s;border:20px solid rgba(0,0,0,0);border-image:url("../resources/border.png") 55/20px round;border-radius:18px;background:url("../resources/paper.jpg") center/cover;padding:0px 3px;box-shadow:0px 3px 5px rgba(0,0,0,.5)}.identity-card:hover{scale:1.1;box-shadow:0px 6px 10px rgba(0,0,0,.5)}.identity-card-avatar{width:96px;height:96px;border-radius:50%;overflow:hidden;flex-shrink:0}.identity-card-name{font-family:"Source Code Pro",monospace;font-size:10px;color:#3a6e20;text-align:center;word-break:break-word;overflow-wrap:break-word;line-height:1.6;width:100%}.regenerate-btn{display:block;margin:0 auto 4px;font-size:14px}.confirm-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;margin:0 auto 12px}.confirm-username{font-family:"Caveat",cursive;font-size:20px;color:#3a6e20;text-align:center;margin-bottom:14px}.confirm-intro{font-size:20px;color:#5a8c28;text-align:center;margin-bottom:12px}.confirm-passphrase-wrap{display:flex;align-items:center;gap:10px;margin-bottom:16px}.confirm-passphrase{flex:1;font-family:"Source Code Pro",monospace;font-size:12px;color:#1e4a14;word-break:break-all}.profile-avatar{width:88px;height:88px;border-radius:50%;overflow:hidden;margin:0 auto 10px}.profile-username{font-family:"Source Code Pro",monospace;font-size:12px;color:#3a6e20;text-align:center;margin-bottom:18px;word-break:break-all}.profile-stats{display:grid;grid-template-columns:repeat(4, 1fr);gap:8px;margin-bottom:18px}.profile-stat{text-align:center}.profile-stat-val{display:block;font-family:"Caveat",cursive;font-size:26px;font-weight:600;color:#3a6e20;line-height:1}.profile-stat-lbl{font-size:11px;color:#8a9a80}.profile-passphrase-row{display:flex;align-items:center;gap:10px;background:#edf5d8;border:1.5px solid #c8d8a0;border-radius:8px;padding:8px 12px;margin-bottom:14px}.profile-passphrase{flex:1;font-family:"Source Code Pro",monospace;font-size:11px;color:#3a6e20;word-break:break-all}.lightbox{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}.lightbox.open{opacity:1;pointer-events:auto}.lightbox-bg{position:absolute;inset:0;background:rgba(0,0,0,.88);backdrop-filter:blur(6px);cursor:pointer}.lightbox-img{position:relative;z-index:1;max-width:calc(100vw - 140px);max-height:calc(100vh - 80px);border-radius:10px;object-fit:contain;box-shadow:0 24px 80px rgba(0,0,0,.6);transition:opacity .12s}.lightbox-img.is-loading{opacity:0}.lightbox-video{position:relative;z-index:1;max-width:calc(100vw - 140px);max-height:calc(100vh - 80px);border-radius:10px;box-shadow:0 24px 80px rgba(0,0,0,.6)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:64px;border-radius:10px;font-size:22px;transition:background .15s,opacity .15s,transform .15s;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.lightbox-nav:hover{background:rgba(255,255,255,.22)}.lightbox-nav.hidden{opacity:0;pointer-events:none;transform:translateY(-50%) scale(0.85)}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-close{position:absolute;top:16px;right:16px;z-index:2;width:36px;height:36px;border-radius:50%;font-size:16px;transition:background .15s;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.lightbox-close:hover{background:rgba(255,255,255,.22)}.lb-avatar{position:absolute;top:16px;right:60px;width:80px;height:80px;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.55);z-index:2;pointer-events:none;object-fit:cover}#lbLike{display:flex;position:absolute;bottom:20px;left:20px;z-index:2;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.85);padding:8px 14px;border-radius:8px;cursor:pointer;font-family:"Patrick Hand",sans-serif;font-size:14px;gap:6px;align-items:center;backdrop-filter:blur(4px);transition:background .15s,color .15s}#lbLike:hover{background:rgba(180,30,70,.65);color:#ffb0c0}#lbLike.liked{background:rgba(160,20,60,.6);color:#ffb0c0}#lbLike.liked i{color:#e0607a}#lbLikeCount:empty{display:none}.lb-img-wrap{position:relative;z-index:1;display:inline-block;line-height:0}.lb-word-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;border-radius:10px;container-type:inline-size}#lbWordOverlay .clip-caption-word{opacity:0;pointer-events:none;cursor:default}.lb-caption-word,.clip-caption-word{position:absolute;padding:.35cqw .85cqw;font-family:"Patrick Hand",sans-serif;font-size:2.2cqw;font-weight:500;border-radius:.35cqw;background:#fff;border:.5px solid #c8d8a0;border-left:.3cqw solid var(--magnet-color, #c8d8a0);box-shadow:1px 2px 6px rgba(0,0,0,.35);white-space:nowrap;line-height:1.2}.lb-clip-bar{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:10px 14px 10px;background:linear-gradient(transparent, rgba(0, 0, 0, 0.72));border-radius:0 0 10px 10px;z-index:5}.lb-clip-play-btn{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.15);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:background .15s}.lb-clip-play-btn:hover{background:rgba(255,255,255,.3)}.lb-clip-scrub{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:rgba(255,255,255,.25);outline:none;cursor:pointer}.lb-clip-scrub::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer}.lb-clip-scrub::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:none;cursor:pointer}.lb-clip-time{flex-shrink:0;font-family:"Source Code Pro",monospace;font-size:12px;color:rgba(255,255,255,.9);white-space:nowrap}@keyframes clipWordAppear{0%{opacity:0;transform:translate(-50%, -50%) scale(0.1)}55%{opacity:1;transform:translate(-50%, -50%) scale(1.18)}75%{transform:translate(-50%, -50%) scale(0.92)}90%{transform:translate(-50%, -50%) scale(1.06)}100%{opacity:1;transform:translate(-50%, -50%) scale(1)}}@keyframes clipWordDisappear{0%{opacity:1;transform:translate(-50%, -50%) scale(1)}20%{opacity:1;transform:translate(-50%, -50%) scale(1.07)}100%{opacity:0;transform:translate(-50%, -50%) scale(0.45)}}.clip-caption-word{cursor:grab;touch-action:none;user-select:none;opacity:.28;transform:translate(-50%, -50%) scale(0.85);transition:opacity .35s,transform .35s;pointer-events:auto}.clip-caption-word.is-visible{animation:clipWordAppear .55s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}.clip-caption-word.is-hiding{animation:clipWordDisappear .32s ease-in forwards}.we-overlay{position:fixed;inset:0;z-index:15000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.78);backdrop-filter:blur(6px)}.we-modal{background:#faf7f0;border:3px solid #c8d8a0;border-radius:16px;width:min(1176px,96vw);max-height:88vh;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.5),inset 0 0 10px rgba(0,0,0,.3);font-family:"Patrick Hand",sans-serif;display:flex;flex-direction:column}.we-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1.5px solid #c8d8a0;flex-shrink:0}.we-title{font-family:"Caveat",cursive;font-size:22px;color:#3a6e20}.we-close{background:none;border:none;font-size:20px;color:#8a9a80;cursor:pointer;line-height:1;padding:2px 6px;border-radius:6px;transition:color .15s,background .15s}.we-close:hover{color:#3a6e20;background:rgba(58,110,32,.08)}.we-body{display:grid;grid-template-columns:1fr 270px;gap:14px;padding:18px 20px;flex:1;min-height:0;overflow-y:auto;align-items:start}#weOverlay:not(.video-mode) .we-body{grid-template-columns:1fr}.we-main{display:flex;flex-direction:column;gap:14px;min-width:0}.we-canvas-wrap{position:relative;display:flex;justify-content:center}.we-canvas{position:relative;background:#1a1a14;border-radius:8px;overflow:hidden;width:100%;max-height:52vh;aspect-ratio:16/9;touch-action:none}#weImage{display:block;width:100%;height:100%;border-radius:8px;pointer-events:none}#weVideo{display:block;width:100%;height:100%;object-fit:contain}#weWordCanvas{position:absolute;inset:0;container-type:inline-size}.we-play-btn{position:absolute;bottom:10px;left:12px;z-index:5;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.55);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:background .15s}.we-play-btn:hover{background:rgba(0,0,0,.8)}#weWordCanvas .word-magnet{position:absolute;transform-origin:center;cursor:grab;touch-action:none;user-select:none;font-size:clamp(10px,2.2cqw,30px);padding:.35cqw .85cqw;border-radius:.35cqw;border-left-width:max(2px,.3cqw);font-family:"Patrick Hand",sans-serif;line-height:1.2;white-space:nowrap;background:rgba(255,255,255,.95);border:.5px solid rgba(200,216,160,.8);border-left:3px solid var(--magnet-color, #c8d8a0);box-shadow:0 1px 3px rgba(0,0,0,.2);transition:box-shadow .15s ease}#weWordCanvas .word-magnet.suffix-target{box-shadow:0 0 0 2px #8a9a80,0 1px 4px rgba(0,0,0,.25)}#weWordCanvas .word-magnet.is-dragging{z-index:100;box-shadow:0 4px 12px rgba(0,0,0,.35);transition:none}#weOverlay.video-mode #weWordCanvas .word-magnet{translate:-50% -50%;opacity:.28;scale:.85}#weOverlay.video-mode #weWordCanvas .word-magnet.is-visible{animation:wordAppear .55s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}#weOverlay.video-mode #weWordCanvas .word-magnet.is-hiding{animation:wordDisappear .32s ease-in forwards}@keyframes wordAppear{0%{opacity:0;scale:.1}55%{opacity:1;scale:1.18}75%{scale:.92}90%{scale:1.06}100%{opacity:1;scale:1}}@keyframes wordDisappear{0%{opacity:1;scale:1}20%{opacity:1;scale:1.07}100%{opacity:0;scale:.45}}.we-palette{background:#edf5d8;border:1.5px solid #c8d8a0;border-radius:10px;overflow-y:auto;max-height:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:5px;padding:8px}.we-palette-hint{width:100%;font-size:11px;color:#8a9a80;text-align:center;padding:0 2px 6px;border-bottom:1px solid #c8d8a0;margin-bottom:2px;font-style:italic}.palette-word{padding:3px 8px;font-size:13px;font-family:"Patrick Hand",sans-serif;font-weight:500;line-height:1.2;white-space:nowrap;cursor:grab;user-select:none;touch-action:none;background:rgba(255,255,255,.9);border:.5px solid rgba(200,216,160,.75);border-left:3px solid var(--magnet-color, #c8d8a0);border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.12);transition:box-shadow .1s}.palette-word:hover{box-shadow:0 2px 6px rgba(0,0,0,.2)}.palette-word.is-suffix{background:rgba(195,211,197,.95);border-left-style:dashed;font-style:italic}.palette-word.is-dragging{position:fixed;z-index:9999;pointer-events:none;opacity:.85;box-shadow:0 4px 12px rgba(0,0,0,.35)}.palette-word.is-dragging.is-lifted{scale:1.06;transition:none}.we-timeline-wrap{padding:0 2px}.we-tl-track{position:relative;height:36px;background:#c8d8a0;border-radius:8px;user-select:none;touch-action:none}.we-tl-range{position:absolute;top:0;height:100%;background:rgba(58,110,32,.3);border-radius:8px;pointer-events:none}.we-tl-ph{position:absolute;top:0;height:100%;width:10px;background:rgba(255,255,255,.9);transform:translateX(-50%);cursor:ew-resize;z-index:3;border-radius:2px;box-shadow:0 0 4px rgba(0,0,0,.5);left:0%}.we-tl-handle{position:absolute;top:-5px;width:14px;height:46px;border-radius:5px;cursor:ew-resize;transform:translateX(-50%);touch-action:none;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.4);transition:box-shadow .1s}.we-tl-handle:focus{outline:2px solid #5a8c28;outline-offset:2px}.we-tl-handle.handle-in{background:#3a6e20}.we-tl-handle.handle-out{background:#7a4f00}.we-stats{display:flex;gap:10px;justify-content:center}.we-word-tracks{display:flex;flex-direction:column;gap:5px}.we-word-track{display:grid;grid-template-columns:58px 1fr 22px;align-items:center;gap:5px}.we-track-label{font-size:12px;color:#3a6e20;font-family:"Patrick Hand",sans-serif;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-left:3px solid var(--magnet-color, #c8d8a0);padding-left:4px;line-height:1.3}.we-track-bar{position:relative;height:20px;background:#c8d8a0;border-radius:4px}.we-track-range{position:absolute;top:0;height:100%;background:color-mix(in srgb, var(--magnet-color, #c8d8a0) 60%, #3a6e20);border-radius:4px;opacity:.7}.we-track-ph{position:absolute;top:-2px;height:calc(100% + 4px);width:2px;background:rgba(0,0,0,.55);pointer-events:none;border-radius:1px}.we-track-handle{position:absolute;top:-4px;width:8px;height:calc(100% + 8px);border-radius:3px;cursor:ew-resize;transform:translateX(-50%);touch-action:none;z-index:2;box-shadow:0 1px 3px rgba(0,0,0,.4)}.we-track-handle.handle-in{background:#3a6e20}.we-track-handle.handle-out{background:#7a4f00}.we-track-remove{background:none;border:none;color:#c81e1e;cursor:pointer;font-size:15px;line-height:1;padding:1px 3px;border-radius:3px;transition:background .1s}.we-track-remove:hover{background:rgba(200,30,30,.1)}.we-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1.5px solid #c8d8a0;gap:10px;flex-shrink:0}.we-footer-left,.we-footer-right{display:flex;align-items:center;gap:10px}.we-delete-btn,.we-discard-btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid rgba(200,30,30,.35);border-radius:8px;font-family:"Patrick Hand",sans-serif;font-size:14px;color:#c81e1e;cursor:pointer;padding:8px 14px;transition:background .15s}.we-delete-btn:hover,.we-discard-btn:hover{background:rgba(200,30,30,.1)}.we-clear-btn{flex-shrink:0;font-family:"Patrick Hand",sans-serif;font-size:12px;padding:5px 9px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background .15s;border:1.5px solid #c8d8a0;background:#edf5d8;color:#3a6e20}.we-clear-btn:hover{background:#deedb8}.we-skip-btn{background:none;border:none;font-family:"Patrick Hand",sans-serif;font-size:14px;color:#8a9a80;cursor:pointer;padding:8px 12px}.we-skip-btn:hover{color:#3a6e20}.we-save-btn{display:flex;align-items:center;gap:7px;border:1.5px solid #3a6e20;border-radius:10px;padding:10px 22px;font-family:"Patrick Hand",sans-serif;font-size:15px;cursor:pointer;transition:background .15s;background:#3a6e20;color:#f4ffbe;border-color:#3a6e20}.we-save-btn:hover{background:#1e4a14}.we-save-btn:disabled{opacity:.6;cursor:not-allowed}