@font-face{font-family:LXGW WenKai Web;src:url(/assets/lxgw-wenkai-subset-BjvxVTTp.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--paper: #f3ecd9;--dot: #d2c5a4;--card: #fffaf0;--note-yellow: #fff1b8;--note-pink: #fde1d6;--note-blue: #e3edf2;--kraft: #caa671;--kraft-light: #e8d4a8;--ink: #243d32;--ink-soft: #506656;--line: #c9bb9b;--blue: #2f5a86;--rust: #b4502f;--yellow: #efc85a;--olive: #6e7d4f;--wobble: 255px 18px 225px 16px / 16px 225px 18px 255px;--wobble-s: 10px 14px 9px 15px / 14px 9px 15px 10px;--shadow: drop-shadow(0 1px 1px rgb(70 48 15 / 24%)) drop-shadow(0 3px 4px rgb(70 48 15 / 10%));--fibre: url(/assets/paper-fibre-DSaCShn-.png);--tear-1: polygon(4.2% 1px, 9.2% 2px, 25% 1px, 25.4% 2px, 27.4% 0px, 37.8% 1px, 47.2% 1px, 47.8% 0px, 54.2% 3px, 59.8% 0px, 61.8% 3px, 81.6% 1px, 81.7% 2px, 96.6% 2px, calc(100% - 2px) 1px, calc(100% - 2px) 6.4%, calc(100% - 4px) 15.6%, calc(100% - 2px) 27.3%, calc(100% - 2px) 37.4%, calc(100% - 4px) 42.6%, calc(100% + -0px) 49.5%, calc(100% - 3px) 66.2%, calc(100% - 1px) 76.2%, calc(100% - 4px) 83.4%, calc(100% - 1px) 93.6%, calc(100% - 2px) calc(100% - 3px) , 96% calc(100% - 4px) , 85% calc(100% - 3px) , 83.3% calc(100% - 2px) , 78.3% calc(100% + -0px) , 75.3% calc(100% - 3px) , 60.8% calc(100% + -0px) , 41.6% calc(100% - 1px) , 30.6% calc(100% - 1px) , 29.8% calc(100% + -0px) , 17.2% calc(100% - 2px) , 11.3% calc(100% - 2px) , 9% calc(100% - 3px) , 7.2% calc(100% - 3px) , 7.2% calc(100% - 1px) , 0px calc(100% - 4px) , 3px 93.1%, 2px 87.3%, 2px 63.5%, 3px 61.3%, 2px 59%, 3px 55.6%, 3px 51.9%, 4px 46.3%, 0px 38.5%, 2px 32.5%, 4px 0px);--tear-2: polygon(11% 1px, 14.9% 1px, 21.1% 2px, 22.7% 0px, 24.3% 3px, 26.3% 2px, 45.6% 1px, 46.2% 2px, 49.5% 1px, 63.3% 3px, 69.3% 1px, 81.1% 1px, 93.5% 2px, 96.9% 2px, calc(100% - 1px) 0px, calc(100% - 2px) 9.1%, calc(100% - 1px) 16.4%, calc(100% - 1px) 34.8%, calc(100% - 1px) 48.9%, calc(100% - 3px) 49.8%, calc(100% - 4px) 57.7%, calc(100% - 2px) 64.1%, calc(100% - 1px) 68%, calc(100% - 1px) 87.7%, calc(100% - 1px) 91.9%, calc(100% - 4px) calc(100% - 4px) , 92.3% calc(100% - 4px) , 87.9% calc(100% - 2px) , 82.3% calc(100% - 3px) , 68.9% calc(100% + -0px) , 52.7% calc(100% - 2px) , 50.9% calc(100% - 3px) , 50.7% calc(100% - 2px) , 50.3% calc(100% - 3px) , 25.9% calc(100% - 2px) , 23.7% calc(100% - 1px) , 21.6% calc(100% - 2px) , 17.1% calc(100% - 1px) , 9.7% calc(100% - 1px) , 4.1% calc(100% + -0px) , 2px calc(100% - 1px) , 1px 74.8%, 3px 44.9%, 1px 43.9%, 0px 42.3%, 1px 41.5%, 1px 35.1%, 4px 31.2%, 1px 24.8%, 1px 19%, 1px 4.2%, 1px 2px);--tear-3: polygon(3.3% 2px, 9.5% 2px, 18.5% 0px, 23.3% 2px, 25.2% 2px, 37.9% 1px, 48% 0px, 50.5% 4px, 51.2% 1px, 58% 1px, 62.7% 4px, 67.8% 0px, 77.5% 1px, 78.9% 1px, calc(100% - 1px) 0px, calc(100% - 1px) 6.5%, calc(100% - 1px) 20.6%, calc(100% - 1px) 22.6%, calc(100% - 2px) 25.1%, calc(100% - 2px) 35.2%, calc(100% - 4px) 45.6%, calc(100% - 1px) 48.6%, calc(100% - 2px) 54.9%, calc(100% - 3px) 76.3%, calc(100% - 4px) 84.4%, calc(100% - 1px) calc(100% - 2px) , 95.3% calc(100% - 1px) , 95.1% calc(100% - 1px) , 81.4% calc(100% - 1px) , 70.3% calc(100% - 4px) , 59.3% calc(100% - 4px) , 56.7% calc(100% - 4px) , 52.1% calc(100% - 3px) , 48.5% calc(100% - 2px) , 33% calc(100% - 1px) , 32.9% calc(100% - 1px) , 28% calc(100% - 1px) , 17.9% calc(100% - 1px) , 9.6% calc(100% - 2px) , 3.3% calc(100% - 4px) , 1px calc(100% + -0px) , 2px 96%, 2px 93.4%, 1px 93.1%, 1px 87.5%, 1px 86%, 2px 66.5%, 1px 58.5%, 0px 49.1%, 3px 41.3%, 0px 38.3%, 3px 3px);--hand: "Bradley Hand", "Segoe Print", "Marker Felt", "LXGW WenKai Web", "Kaiti SC", "STKaiti", "KaiTi", "Comic Sans MS", cursive;--serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, "Songti SC", "STSong", serif;--sans: "Avenir Next", Avenir, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);--motion-fast: .16s;--motion-page: .28s;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.6}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background-color:var(--paper);background-image:radial-gradient(circle,var(--dot) 1.1px,transparent 1.5px);background-size:26px 26px;background-position:13px 13px}body:before{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";opacity:.4;background:var(--fibre) repeat;background-size:256px}button,input,textarea,select{font:inherit}a{color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}::selection{background:#f5d97a}.icon{display:block;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.word-card,.vocabulary-item,.word-form,.review-card,.settings-card,.photo-confirmation,.review-empty,.review-complete,.portugal-collage,.check-in,.journal-camera,.bottom-nav,.photo-wall-board{position:relative;isolation:isolate;border:0;background:none;box-shadow:none}.word-card,.vocabulary-item,.word-form,.review-card,.settings-card,.photo-confirmation,.review-empty,.review-complete,.portugal-collage,.check-in,.bottom-nav,.photo-wall-board{filter:var(--shadow)}.settings-card:nth-of-type(2n),.word-form{--tear: var(--tear-2)}.review-card,.photo-confirmation,.bottom-nav{--tear: var(--tear-3)}.word-card:before,.vocabulary-item:before,.word-form:before,.review-card:before,.settings-card:before,.photo-confirmation:before,.review-empty:before,.review-complete:before,.portugal-collage:before,.check-in:before,.journal-camera:before,.bottom-nav:before,.photo-wall-board:before{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;content:"";clip-path:var(--tear, var(--tear-1));background-color:var(--sheet, var(--card));background-image:var(--fibre);background-size:256px;pointer-events:none}.portugal-collage:after,.word-card:after,.review-card:after,.check-in:after,.word-form:after,.photo-confirmation:after,.journal-camera:after{position:absolute;z-index:2;top:-13px;left:50%;width:96px;height:26px;content:"";pointer-events:none;background:repeating-linear-gradient(135deg,rgb(255 255 255 / 28%) 0 5px,transparent 5px 10px),var(--tape, rgb(238 190 88 / 72%));clip-path:polygon(0 0,100% 0,97% 25%,100% 50%,97% 75%,100% 100%,0 100%,3% 75%,0 50%,3% 25%);transform:translate(-50%) rotate(var(--tape-rot, -3deg));opacity:.92}.word-card{--tape: rgb(164 196 214 / 75%);--tape-rot: 2deg}.review-card{--tape: rgb(228 160 140 / 72%)}.word-form,.photo-confirmation{--tape: rgb(180 200 150 / 75%);--tape-rot: 2deg}.check-in{--tape: rgb(240 170 160 / 78%);--tape-rot: -2deg;--tear: var(--tear-2)}.page-shell{display:flex;min-height:100vh;min-height:100svh;flex-direction:column;padding:0 clamp(22px,6vw,96px) calc(118px + env(safe-area-inset-bottom))}.topbar{display:flex;width:min(100%,1040px);min-height:84px;align-items:center;justify-content:space-between;gap:20px;margin:0 auto}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-family:var(--hand);font-size:36px;font-weight:700;line-height:1;letter-spacing:.01em}.brand-badge{display:block;width:52px;height:52px;transform:rotate(-4deg);transition:transform .4s var(--ease)}.brand:hover .brand-badge{transform:rotate(5deg) scale(1.04)}.page-stage{display:flex;flex:1;flex-direction:column;min-width:0;animation:page-arrive var(--motion-page) var(--ease) both}.page-stage-home{animation:none}.page-status{width:min(100%,480px);margin:auto;padding:80px 0;color:var(--ink-soft);font-family:var(--hand);font-size:20px;text-align:center}h1{margin:0;font-family:var(--hand);font-size:clamp(32px,5vw,42px);font-weight:700;line-height:1.25}.page-heading{margin-bottom:26px}.page-heading h1{display:inline-block;padding:0 8px;background:linear-gradient(transparent 60%,rgb(242 205 90 / 70%) 60% 92%,transparent 92%);transform:rotate(-1.2deg)}.bottom-nav{--sheet: var(--kraft-light);--nav-padding: 8px;--nav-gap: 4px;position:fixed;z-index:6;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));left:14px;display:flex;width:min(520px,calc(100% - 28px));gap:var(--nav-gap);margin:0 auto;padding:var(--nav-padding);transform:rotate(-.4deg)}.bottom-nav a{position:relative;z-index:1;display:flex;flex:1;min-width:0;min-height:54px;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:14px;color:var(--ink-soft);font-size:13px;font-weight:600;text-decoration:none;transition:color var(--motion-fast)}.bottom-nav .icon{width:21px;height:21px}.bottom-nav a[aria-current=page]{color:var(--ink)}.bottom-nav a[aria-current=page] .icon{animation:icon-hop .55s var(--ease)}.nav-paper-marker{position:absolute;top:var(--nav-padding);bottom:var(--nav-padding);left:calc(var(--nav-padding) + var(--nav-index) * ((100% - 2 * var(--nav-padding) + var(--nav-gap)) / 5));width:calc((100% - 2 * var(--nav-padding) - 4 * var(--nav-gap)) / 5);border-radius:var(--wobble-s);background:#f4cc54e0;pointer-events:none;transform:rotate(-2deg);transition:left .46s cubic-bezier(.34,1.5,.64,1)}.review-link,.save-button{display:flex;min-height:50px;align-items:center;justify-content:center;gap:10px;padding:11px 22px;border:2px solid var(--ink);border-radius:var(--wobble-s);background:var(--rust);box-shadow:3px 3px 0 var(--ink);color:#fff8ea;font-size:16px;font-weight:650;letter-spacing:.03em;text-decoration:none}.review-link>.icon,.save-button .icon{width:20px}.review-link{margin-top:22px}.secondary-button,.danger-button,.reveal-button{display:flex;min-height:46px;align-items:center;justify-content:center;padding:9px 16px;border:2px dashed var(--ink-soft);border-radius:var(--wobble-s);background:#fffaf0b3;color:var(--ink);font-size:15px;text-align:center}.reveal-button{display:inline-flex;gap:10px}.danger-button{border-color:var(--rust);color:var(--rust)}.text-link{display:inline-flex;min-height:44px;align-items:center;gap:10px;border-bottom:2px solid var(--rust);color:var(--rust);font-family:var(--hand);font-size:20px;font-weight:700;text-decoration:none}.text-link .icon{width:19px}.search-input,.form-field input,.form-field textarea,.form-field select,.photo-confirm-fields input,.photo-confirm-fields textarea,.photo-detail-edit input,.photo-detail-edit textarea,.photo-model-picker select{width:100%;min-width:0;min-height:48px;padding:10px 14px;border:2px solid var(--ink-soft);border-radius:var(--wobble-s);background:#fffcf4d9;color:var(--ink);font-size:16px}.search-input{height:52px;padding-left:48px}.search-input::placeholder{color:#857c6c}.form-field input:focus,.form-field textarea:focus,.form-field select:focus,.search-input:focus{border-color:var(--ink);background:#fff7cf}.form-field input[aria-invalid=true]{border-color:var(--rust)}.form-field textarea,.photo-confirm-fields textarea,.photo-detail-edit textarea{resize:vertical;line-height:1.7}.form-field{display:grid;min-width:0;gap:7px}.form-field label,.photo-confirm-fields label,.photo-detail-edit label,.photo-model-picker{color:var(--ink);font-size:15px;font-weight:600}.form-field label span,.photo-confirm-fields label span{color:var(--rust)}.field-hint{color:var(--ink-soft);font-size:14px}.form-error,.settings-warning,.review-error{margin:0;color:#a13d22;font-size:14px}.audio-control{position:relative;flex-shrink:0}.audio-button{display:flex;width:46px;height:46px;align-items:center;justify-content:center;gap:8px;padding:0;border:2px solid var(--ink);border-radius:50%;background:var(--note-blue);box-shadow:2px 2px 0 var(--ink);color:var(--ink)}.audio-button .icon{width:20px;height:20px}.audio-button.with-label{width:auto;min-width:108px;height:48px;padding:0 18px;border-radius:var(--wobble-s);font-size:15px}.audio-button.with-label:disabled{cursor:not-allowed}.audio-button.is-playing{background:var(--yellow);animation:sound-pulse 1.2s ease-in-out infinite}.audio-error{position:absolute;z-index:8;top:calc(100% + 8px);right:0;width:min(260px,calc(100vw - 64px));margin:0;padding:12px 14px;background:var(--note-yellow);box-shadow:2px 4px 10px #46300f2e;color:#8b3a22;font-size:14px;line-height:1.6;transform:rotate(1deg);animation:paper-arrive .2s var(--ease)}.today-layout{display:flex;flex:1;flex-direction:column;width:min(100%,1040px);margin:0 auto}.today-content{padding:14px 0 0}.today-hero{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:24px;padding:10px 0 40px}.hero-lettering{margin:14px 0 0;color:var(--blue);font-family:var(--hand);font-size:clamp(40px,5vw,62px);font-weight:700;line-height:1.25}.hero-lettering em{padding:0 6px;background:linear-gradient(transparent 55%,rgb(242 205 90 / 75%) 55% 90%,transparent 90%);color:var(--ink);font-style:normal}.postcard-button{display:block;width:min(100%,540px);justify-self:end;margin:0;padding:0;border:0;background:none;box-shadow:none;color:inherit;text-align:left;animation:postcard-fly-in .95s cubic-bezier(.22,1.25,.36,1) both}.postcard-button:not(:disabled):active{box-shadow:none;translate:0 2px;scale:.985}.portugal-collage{--sheet: #fffaf0;display:block;width:100%;padding:16px 16px 20px;transform:rotate(1.5deg);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.postcard-photo{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;background:var(--photo-bg, transparent)}.postcard-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:var(--f, none);pointer-events:none;-webkit-user-select:none;user-select:none}.postcard-photo.is-adjustable{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.postcard-photo img.is-placed{position:absolute;top:50%;left:50%;width:auto;height:auto;max-width:none;object-fit:fill;transform-origin:50% 50%;will-change:transform}.postcard-photo:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none}.portugal-collage:after{animation:tape-slap .45s .75s cubic-bezier(.3,1.6,.5,1) backwards}.postcard-photo img{animation:develop 1.3s .35s ease-out backwards}.today-cards{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}.daily-word{min-width:0}.word-card{--sheet: #fffdf6;padding:30px 30px 22px 68px;transform:rotate(-1deg);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.word-card:before{background-image:linear-gradient(90deg,transparent 50px,rgb(214 120 110 / 65%) 50px 52px,transparent 52px),repeating-linear-gradient(transparent 0 35px,#78a0be61 35px,#78a0be61 36px),var(--fibre);background-size:auto,auto,256px}.word-card-topline,.word-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.word-card-topline{justify-content:flex-end}.word-portuguese{margin:6px 0 0;color:var(--blue);font-family:var(--serif);font-size:clamp(46px,6vw,66px);font-weight:500;line-height:1.25;letter-spacing:-.03em;overflow-wrap:anywhere}.word-meaning{margin:4px 0 20px;color:var(--ink);font-size:20px}.word-card-footer{padding-top:12px;color:var(--ink-soft);font-size:14px}.word-card-footer>span:first-child{min-width:0;overflow-wrap:anywhere}.language-pill{flex-shrink:0;padding:1px 10px;border:2px solid var(--rust);border-radius:6px;color:var(--rust);font-size:13px;font-weight:700;letter-spacing:.14em;opacity:.85;transform:rotate(-6deg)}.vocabulary-content,.add-word-content,.review-content,.settings-content{width:min(100%,720px);flex:1;margin:0 auto;padding:36px 0 16px}.vocabulary-content{width:min(100%,860px)}.search-control{position:relative}.search-control>.icon{position:absolute;z-index:1;top:16px;left:16px;width:20px;height:20px;color:var(--ink);pointer-events:none}.tag-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.tag-filters button{flex:1 1 88px}.tag-filters button{min-height:44px;padding:6px 20px;border:2px dashed var(--ink-soft);border-radius:var(--wobble);background:#fffaf0b3;color:var(--ink);font-family:var(--sans);font-size:18px;font-weight:400;text-align:center}.tag-filters button:nth-child(odd){transform:rotate(-1.5deg)}.tag-filters button:nth-child(2n){transform:rotate(1.2deg)}.tag-filters button[aria-pressed=true]{border-style:solid;border-color:var(--ink);background:var(--yellow);box-shadow:2px 2px 0 var(--ink);animation:stamp-down .4s cubic-bezier(.3,1.6,.5,1)}.result-count{margin:26px 0 18px;color:var(--ink-soft);font-family:var(--hand);font-size:18px}.vocabulary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px;margin:0;padding:0;list-style:none}.vocabulary-item{display:flex;align-items:flex-start;gap:14px;padding:22px 22px 18px;animation:stick-on .6s cubic-bezier(.34,1.3,.64,1) backwards;animation-delay:calc(min(var(--i, 0),8)*55ms);transition:transform .4s cubic-bezier(.34,1.56,.64,1),translate .4s var(--ease)}.vocabulary-item{--pin: radial-gradient(circle at 35% 30%, #ff9f8e, #c23a2c 62%, #8c281f)}.vocabulary-item:nth-child(6n+1){--sheet: #fffaf0;--tear: var(--tear-1);transform:rotate(-.7deg)}.vocabulary-item:nth-child(6n+1):before{background-image:linear-gradient(90deg,transparent 36px,rgb(214 120 110 / 55%) 36px 38px,transparent 38px),repeating-linear-gradient(transparent 0 29px,#78a0be61 29px,#78a0be61 30px),var(--fibre);background-size:auto,auto,256px}.vocabulary-item:nth-child(6n+1){padding-left:48px}.vocabulary-item:nth-child(6n+1) .word-index{display:none}.vocabulary-item:nth-child(6n+1):after{position:absolute;z-index:2;top:-11px;left:38%;width:70px;height:22px;content:"";background:repeating-linear-gradient(135deg,rgb(255 255 255 / 28%) 0 5px,transparent 5px 10px),#a4c4d6c2;clip-path:polygon(0 0,100% 0,97% 25%,100% 50%,97% 75%,100% 100%,0 100%,3% 75%,0 50%,3% 25%);transform:rotate(-3deg);pointer-events:none}.vocabulary-item:nth-child(6n+2){--sheet: #ffeb8f;--tear: polygon(0 0, 100% 0, 100% calc(100% - 28px) , calc(100% - 28px) 100%, 0 100%);transform:rotate(.9deg)}.vocabulary-item:nth-child(6n+2):before{background-image:linear-gradient(180deg,rgb(120 90 10 / 9%) 0 16px,transparent 16px),var(--fibre);background-size:auto,256px}.vocabulary-item:nth-child(6n+2):after{position:absolute;right:0;bottom:0;width:28px;height:28px;content:"";background:linear-gradient(135deg,#fff9d2 0%,#ecdc8a 55%,transparent 55%);box-shadow:-2px -2px 3px #5a460a1a;pointer-events:none}.vocabulary-item:nth-child(6n+2) .vocabulary-item-body{padding-top:6px}.vocabulary-item:nth-child(6n+3){--sheet: #fde3d8;--tear: var(--tear-2);transform:rotate(-.4deg)}.vocabulary-item:nth-child(6n+3):before{background-image:linear-gradient(rgb(190 110 100 / 22%) 1px,transparent 1px),linear-gradient(90deg,rgb(190 110 100 / 22%) 1px,transparent 1px),var(--fibre);background-size:18px 18px,18px 18px,256px}.vocabulary-item:nth-child(6n+3):after{position:absolute;z-index:2;top:-7px;left:50%;width:20px;height:20px;content:"";border-radius:50%;background:var(--pin);box-shadow:1px 4px 4px #3c1e0a59;pointer-events:none;transform:translate(-50%)}.vocabulary-item:nth-child(6n+4){--sheet: #e8f1f6;--tear: var(--tear-3);padding-left:52px;transform:rotate(.5deg)}.vocabulary-item:nth-child(6n+4):before{background-image:radial-gradient(circle,var(--paper) 0 5px,rgb(60 50 30 / 25%) 5.5px 6.5px,transparent 7px),repeating-linear-gradient(transparent 0 29px,#6e96be59 29px,#6e96be59 30px),var(--fibre);background-position:12px 14px,0 0,0 0;background-size:26px 38px,auto,256px;background-repeat:repeat-y,repeat,repeat}.vocabulary-item:nth-child(6n+4) .word-index{display:none}.vocabulary-item:nth-child(6n+5){--sheet: #dcbc8c;--tear: var(--tear-1);transform:rotate(-.9deg)}.vocabulary-item:nth-child(6n+5) h2{color:#1d4268}.vocabulary-item:nth-child(6n+5):after{position:absolute;top:9px;right:9px;bottom:9px;left:9px;content:"";border:2px dashed rgb(255 246 224 / 80%);border-radius:6px;pointer-events:none}.vocabulary-item:nth-child(6n){--sheet: #e3f0db;--tear: var(--tear-2);transform:rotate(.6deg)}.vocabulary-item:nth-child(6n):before{background-image:radial-gradient(circle,rgb(90 135 85 / 32%) 1.6px,transparent 2px),var(--fibre);background-size:16px 16px,256px}.vocabulary-item:nth-child(6n):after{position:absolute;z-index:2;top:2px;left:-16px;width:76px;height:22px;content:"";background:repeating-linear-gradient(135deg,rgb(255 255 255 / 40%) 0 5px,transparent 5px 10px),#f0aaa0cc;clip-path:polygon(0 0,100% 0,97% 25%,100% 50%,97% 75%,100% 100%,0 100%,3% 75%,0 50%,3% 25%);transform:rotate(-38deg);pointer-events:none}.vocabulary-item-body{flex:1;min-width:0}.word-index{padding-top:10px;color:var(--ink-soft);font-family:var(--hand);font-size:15px}.vocabulary-item-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.vocabulary-item h2{margin:0;color:var(--blue);font-family:var(--serif);font-size:32px;font-weight:500;letter-spacing:-.02em;line-height:1.25;overflow-wrap:anywhere}.vocabulary-meaning{margin:2px 0 12px;color:var(--ink);font-size:17px;overflow-wrap:anywhere}.vocabulary-context{margin:0 0 12px;padding-left:10px;border-left:3px solid var(--yellow);color:var(--ink-soft);font-family:var(--serif);font-size:15px;font-style:italic;overflow-wrap:anywhere}.vocabulary-notes{margin:0 0 12px;color:var(--ink-soft);font-size:14px;overflow-wrap:anywhere}.vocabulary-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--ink-soft);font-size:13px;overflow-wrap:anywhere}.tag-label{font-family:var(--sans);padding:1px 10px;border:1.5px dashed var(--ink-soft);border-radius:999px;color:var(--ink)}.empty-results{padding:40px 20px;border:2px dashed var(--line);border-radius:var(--wobble-s);color:var(--ink-soft);font-family:var(--hand);font-size:20px;text-align:center}.vocabulary-open{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer}button.vocabulary-open:active{translate:none;scale:1;box-shadow:none}.vocabulary-item .audio-control{position:relative;z-index:3}.word-editor{width:min(440px,calc(100vw - 28px));max-height:92dvh;padding:0;overflow:auto;border:2px solid var(--ink);border-radius:12px;background:var(--paper);color:var(--ink);box-shadow:6px 8px #243d3259;animation:editor-rise .45s cubic-bezier(.22,1.3,.36,1)}.word-editor::backdrop{background:#1c2e258c}.word-editor-inner{display:grid;gap:20px;padding:24px 20px 20px}.word-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.word-editor-head h2{margin:0;color:var(--blue);font-family:var(--serif);font-size:36px;font-weight:500;line-height:1.2;overflow-wrap:anywhere}.word-editor-head p{margin:2px 0 0;font-size:18px}.tag-editor{display:grid;gap:12px}.tag-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.tag-chips li{display:inline-flex;align-items:center;gap:2px;padding:2px 4px 2px 14px;border:2px solid var(--ink);border-radius:var(--wobble);background:var(--yellow);box-shadow:2px 2px 0 var(--ink);font-family:var(--sans);font-size:18px;font-weight:400;animation:stamp-down .35s cubic-bezier(.3,1.6,.5,1)}.tag-chips li:nth-child(2n){transform:rotate(1.5deg)}.tag-chips li:nth-child(odd){transform:rotate(-1.5deg)}.tag-chips button{display:grid;width:32px;height:32px;place-items:center;padding:0;border:0;background:transparent;color:var(--ink)}.tag-chips button .icon{width:16px;height:16px;stroke-width:2.4}.tag-add{display:flex;gap:8px}.tag-add input{flex:1;min-width:0;min-height:46px;padding:8px 14px;border:2px solid var(--ink-soft);border-radius:var(--wobble-s);background:#fffcf4d9;color:var(--ink);font-size:16px}.tag-add input:focus{border-color:var(--ink);background:#fff7cf}.tag-add button{display:grid;width:46px;height:46px;place-items:center;padding:0;border:2px solid var(--ink);border-radius:var(--wobble);background:#fbf4e1;box-shadow:2px 2px 0 var(--ink);color:var(--ink)}.tag-add button:disabled{cursor:default;opacity:.35;box-shadow:none}.tag-add button .icon{width:20px;height:20px}.tag-suggestions{display:flex;flex-wrap:wrap;gap:8px}.tag-suggestions button{min-height:38px;padding:4px 14px;border:2px dashed var(--ink-soft);border-radius:var(--wobble);background:#fffaf0b3;color:var(--ink);font-family:var(--sans);font-size:17px;font-weight:400}.icon-button.is-starred{background:var(--yellow)}.icon-button.is-starred .icon{fill:currentColor}.word-editor-confirm{display:grid;gap:14px}.word-editor-confirm p{margin:0;text-align:center;font-size:17px}.search-form .search-input{padding-right:62px}.search-go{position:absolute;top:6px;right:7px;display:grid;width:40px;height:40px;place-items:center;padding:0;border:2px solid var(--ink);border-radius:var(--wobble);background:var(--yellow);box-shadow:2px 2px 0 var(--ink);color:var(--ink)}.search-go .icon{width:19px;height:19px}.search-go:disabled{cursor:default;opacity:.35;box-shadow:none}.lookup-list{display:grid;gap:14px;margin:24px 0 0;padding:0;list-style:none}.lookup-card{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 18px 16px;border:2px dashed var(--ink-soft);border-radius:var(--wobble-s);background:#fffdf6c7;animation:stick-on .55s cubic-bezier(.34,1.3,.64,1) backwards;animation-delay:calc(var(--i, 0) * 70ms)}.lookup-body{min-width:0;flex:1}.lookup-word{margin:0;color:var(--blue);font-family:var(--serif);font-size:30px;line-height:1.25;overflow-wrap:anywhere}.lookup-meaning{margin:2px 0 8px;font-size:17px;overflow-wrap:anywhere}.lookup-card .vocabulary-context{margin:0}.lookup-actions{display:flex;flex-direction:column;align-items:center;gap:10px}.star-button{display:grid;width:46px;height:46px;place-items:center;padding:0;border:2px dashed var(--ink-soft);border-radius:50%;background:#fffaf0cc;color:var(--ink)}.star-button .icon{width:22px;height:22px}.star-button.is-on{border-style:solid;border-color:var(--ink);background:var(--yellow);box-shadow:2px 2px 0 var(--ink);animation:stamp-down .45s cubic-bezier(.3,1.6,.5,1)}.star-button.is-on:disabled{cursor:default;opacity:1}.star-button.is-on .icon{fill:currentColor}.dictionary-list{gap:10px;margin-top:20px}.dictionary-list .lookup-card{align-items:center;padding:12px 14px 12px 18px}.dictionary-list .lookup-word{font-size:28px}.dictionary-list .lookup-meaning{margin:0}.dictionary-list .lookup-actions{flex-direction:row;gap:8px}.dictionary-list .audio-button,.dictionary-list .star-button{width:42px;height:42px}.lookup-status{margin:20px 4px 0;color:var(--ink-soft);font-family:var(--hand);font-size:20px}.lookup-status.is-error{color:#a13d22}.lookup-status a{color:var(--rust);font-weight:700}.collected-mark{display:inline-grid;width:22px;height:22px;place-items:center;color:var(--rust)}.collected-mark .icon{width:18px;height:18px;fill:currentColor}.add-word-content,.settings-content{max-width:640px}.word-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px;padding:34px}.word-form>.form-field:nth-child(n+3),.word-form>.form-error,.form-actions{grid-column:1 / -1}.form-actions{display:flex;align-items:flex-start;gap:12px;padding-top:4px}.form-actions .save-button{min-height:50px;flex:1}.form-actions .audio-error{right:auto;left:0}.review-content{max-width:580px}.review-card{min-height:420px;padding:30px 28px;text-align:center;animation:deal-in .5s cubic-bezier(.22,1.2,.36,1) both}.review-progress{display:flex;justify-content:space-between;gap:12px;margin:0;color:var(--ink-soft);font-family:var(--hand);font-size:18px}.review-progress span:last-child{color:var(--rust)}.review-progress-bar{display:block;width:100%;height:12px;margin-top:10px;overflow:hidden;border:2px solid var(--ink);border-radius:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff9;accent-color:var(--yellow)}.review-progress-bar::-webkit-progress-bar{background:transparent}.review-progress-bar::-webkit-progress-value{background:var(--yellow);transition:width .35s var(--ease)}.review-progress-bar::-moz-progress-bar{background:var(--yellow)}.review-audio{position:relative;display:flex;min-height:170px;align-items:center;justify-content:center;margin:24px 0 14px}.listening-rings{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.listening-rings span{position:absolute;width:124px;height:124px;border:2px dashed rgb(36 61 50 / 45%);border-radius:50% 47% 52% 49%/49% 52% 47% 50%}.listening-rings span:nth-child(2){width:152px;height:152px;opacity:.55;transform:rotate(40deg)}.listening-rings span:nth-child(3){width:178px;height:178px;opacity:.3;transform:rotate(-30deg)}.review-audio .audio-button.with-label{width:100px;height:100px;min-width:0;flex-direction:column;gap:6px;padding:14px 5px;border-radius:50%;background:var(--blue);box-shadow:4px 4px 0 var(--ink);color:#fff8ea;font-size:14px}.review-audio .audio-button .icon{width:30px;height:30px}.review-card .audio-error{right:auto;left:50%;transform:translate(-50%) rotate(1deg)}.review-prompt{margin-top:30px;animation:paper-arrive .3s var(--ease)}.review-answer{padding:0 0 18px;animation:answer-arrive .35s var(--ease) both}.review-answer h2{margin:0;color:var(--blue);font-family:var(--serif);font-size:46px;font-weight:500;line-height:1.3;overflow-wrap:anywhere}.review-answer p{margin:4px 0 8px;font-size:20px;overflow-wrap:anywhere}.review-answer span{color:var(--ink-soft);font-size:14px;overflow-wrap:anywhere}.review-ratings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.review-ratings button{min-height:56px;padding:8px 5px;border:2px solid var(--ink);border-radius:var(--wobble-s);background:#dfe9c6;box-shadow:2px 3px 0 var(--ink);color:var(--ink);font-size:16px;font-weight:650}.review-ratings .rating-again{background:#f7c9bb;transform:rotate(-1.5deg)}.review-ratings .rating-hard{background:#fbe39a;transform:rotate(1deg)}.review-ratings .rating-good{transform:rotate(-.6deg)}.rating-feedback{display:grid;min-height:70px;place-items:center;margin:0;color:var(--rust);font-family:var(--hand);font-size:30px;font-weight:700;animation:pop-in .45s cubic-bezier(.3,1.6,.5,1)}.review-empty,.review-complete{padding:40px 28px;color:var(--ink-soft);font-family:var(--hand);font-size:20px;text-align:center;line-height:1.8}.review-empty a{display:inline-flex;min-height:44px;align-items:center;color:var(--rust);font-weight:700;text-underline-offset:5px}.empty-tile{width:72px;color:var(--blue);transform:rotate(-7deg)}.review-complete{animation:paper-arrive .5s var(--ease)}.completion-mark{display:grid;width:64px;height:64px;place-items:center;margin:0 auto 18px;border:2px dashed var(--ink);border-radius:50%;background:var(--yellow);color:var(--ink);transform:rotate(-7deg)}.completion-mark .icon{width:30px;height:30px}.review-complete h2{margin:0 0 16px;color:var(--ink);font-family:var(--hand);font-size:32px;font-weight:700}.review-complete>p{margin:4px 0;font-size:18px}.review-journal{padding:30px 22px 26px;text-align:left}.review-journal-date{margin:0;color:var(--rust);font-family:var(--hand);font-size:22px;font-weight:700}.review-journal h2{margin:2px 0 20px}.journal-stickers{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px 12px;margin:0 0 22px;padding:0;list-style:none;font-family:var(--sans)}.journal-sticker{--slip: #fff1a8;position:relative;display:grid;gap:2px;min-height:76px;padding:14px 44px 12px 14px;background:var(--slip);box-shadow:1px 2px 3px #243d3247;color:var(--ink);line-height:1.35;rotate:var(--tilt, 0deg);animation:sticker-on .5s cubic-bezier(.3,1.5,.5,1) backwards;animation-delay:calc(var(--i, 0) * 90ms + .15s)}.journal-sticker:nth-child(4n+2){--slip: #d9ebf4}.journal-sticker:nth-child(4n+3){--slip: #fbdcd2}.journal-sticker:nth-child(4n){--slip: #e2efcf}.journal-sticker:before{position:absolute;top:-8px;left:50%;width:44px;height:14px;content:"";background:#a4c4d6cc;rotate:-3deg;translate:-50% 0}.journal-sticker b{color:var(--blue);font-family:var(--serif);font-size:22px;font-weight:500;overflow-wrap:anywhere}.journal-sticker span{font-size:15px;overflow-wrap:anywhere}.journal-sticker.is-folded{--slip: #fffdf6;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}.journal-sticker.is-folded:after{position:absolute;top:0;right:0;width:22px;height:22px;content:"";background:linear-gradient(225deg,transparent 50%,#e6dcc2 50%)}.journal-stamp{position:absolute;right:8px;bottom:8px;display:grid;width:30px;height:30px;place-items:center;border:2px solid var(--rust);border-radius:50% 47% 52% 49%/49% 52% 47% 50%;color:var(--rust);rotate:-12deg;animation:stamp-press .45s cubic-bezier(.3,1.6,.5,1) backwards;animation-delay:calc(var(--i, 0) * 90ms + .52s)}.journal-stamp .icon{width:16px;height:16px;stroke-width:2.6}.review-journal-summary{margin:2px 0;color:var(--ink-soft);font-family:var(--sans);font-size:15px}@keyframes sticker-on{0%{opacity:0;scale:1.5;rotate:calc(var(--tilt, 0deg) + 14deg)}to{opacity:1;scale:1;rotate:var(--tilt, 0deg)}}.review-complete-actions{display:grid;gap:12px;margin-top:26px;font-family:var(--sans)}.review-complete-actions .review-link{margin-top:0}.settings-card{display:grid;gap:20px;margin-top:24px;padding:28px}.settings-card:nth-of-type(odd){transform:rotate(-.4deg)}.settings-card:nth-of-type(2n){transform:rotate(.4deg)}.settings-card h2{margin:0;color:var(--ink);font-family:var(--hand);font-size:26px;font-weight:700}.count-row{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:17px}.stepper{display:flex;align-items:center;gap:8px}.stepper button{display:grid;width:40px;height:40px;place-items:center;padding:0;border:2px solid var(--ink);border-radius:var(--wobble);background:#fbf4e1;box-shadow:2px 2px 0 var(--ink);color:var(--ink);font-family:var(--hand);font-size:24px;font-weight:700;line-height:1}.stepper button:disabled{cursor:default;opacity:.35;box-shadow:none}.stepper input{width:64px;min-height:44px;padding:4px;border:2px solid var(--ink-soft);border-radius:var(--wobble-s);background:#fffcf4d9;color:var(--ink);font-family:var(--hand);font-size:22px;font-weight:700;text-align:center;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none}.stepper input:focus{border-color:var(--ink);background:#fff7cf}.settings-language{margin:-8px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.8}.settings-success{margin:-6px 0 0;color:#3f6a3a;font-size:14px}.api-key-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ai-model-results{padding:14px;border:2px dashed var(--line);border-radius:var(--wobble-s);background:#ffffff73}.ai-model-results p{margin:0 0 10px;font-size:14px}.ai-model-results ul{display:grid;gap:7px;max-height:210px;margin:0;padding:0;overflow:auto;list-style:none}.ai-model-results li{overflow-wrap:anywhere;font-size:14px}.data-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.data-actions .danger-button{grid-column:1 / -1}.backup-import{position:relative;overflow:hidden}.backup-import:focus-within{outline:3px solid var(--blue);outline-offset:3px}.backup-import input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0}.backup-import.is-disabled,.secondary-button:disabled,.danger-button:disabled{cursor:wait;opacity:.55}.backup-photo-warning{margin:0;padding:11px 14px;background:var(--note-yellow);color:#7a3c22;font-size:14px;line-height:1.7}.sound-settings{gap:16px}.sound-settings-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.sound-settings h2{margin-bottom:0}.page-sound-picker{display:grid;grid-template-columns:repeat(7,minmax(0,46px));justify-content:space-between;gap:6px}.page-sound-picker button{display:grid;width:100%;aspect-ratio:1;place-items:center;padding:0;border:2px dashed var(--ink-soft);border-radius:var(--wobble);background:#fffaf0b3;color:var(--ink);font-family:var(--hand);font-size:22px;font-weight:700}.page-sound-picker button:nth-child(odd){transform:rotate(-3deg)}.page-sound-picker button:nth-child(2n){transform:rotate(2.5deg)}.page-sound-picker button[aria-checked=true]{border-style:solid;border-color:var(--ink);background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}.page-sound-picker .icon{width:22px;height:22px}.journal-switch{position:relative;flex-shrink:0;width:60px;height:44px;padding:0;border:0;background:transparent}.journal-switch:before{position:absolute;top:7px;right:0;bottom:7px;left:0;border:2px solid var(--ink);border-radius:30px;background:#e4dcc6;content:"";transition:background .2s}.journal-switch span{position:absolute;top:11px;left:5px;width:22px;height:22px;border:2px solid var(--ink);border-radius:50%;background:var(--card);transition:transform .35s cubic-bezier(.34,1.7,.5,1)}.journal-switch[aria-checked=true]:before{background:var(--yellow)}.journal-switch[aria-checked=true] span{transform:translate(28px)}.settings-details{margin:0;color:var(--ink-soft);font-size:14px}.settings-details+.settings-details{margin-top:-10px}.settings-details summary{cursor:pointer;padding:2px 0;color:var(--ink);font-size:15px;font-weight:600}.settings-details p{margin:6px 0 0;line-height:1.7}.collect-content{width:min(100%,1000px);flex:1;margin:0 auto;padding:36px 0 26px}.camera-collection-layout{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);align-items:center;gap:clamp(28px,6vw,80px)}@media(min-width:561px){.collect-content{width:min(100%,860px)}.camera-collection-layout{grid-template-columns:minmax(0,1fr);justify-items:center;gap:26px}.camera-collection-layout .journal-camera{max-width:clamp(520px,calc((100svh - 220px) * 16 / 9 + 60px),780px)}.camera-collection-layout .camera-viewfinder{aspect-ratio:16 / 9}.camera-collection-layout .camera-journal-note{justify-items:center;padding:0;text-align:center}.camera-collection-layout .camera-journal-note h2{font-size:34px;line-height:1.3}}.journal-camera{--sheet: var(--kraft);--tape: rgb(255 244 210 / 78%);--tape-rot: -5deg;width:100%;padding:20px 20px 14px;color:var(--ink);transform:rotate(-1deg)}.journal-camera:before{background-image:linear-gradient(90deg,#fbf0cf 55%,transparent 0) 12px 11px / 11px 2px repeat-x,linear-gradient(90deg,#fbf0cf 55%,transparent 0) 12px calc(100% - 11px) / 11px 2px repeat-x,linear-gradient(180deg,#fbf0cf 55%,transparent 0) 11px 12px / 2px 11px repeat-y,linear-gradient(180deg,#fbf0cf 55%,transparent 0) calc(100% - 11px) 12px / 2px 11px repeat-y,repeating-linear-gradient(90deg,rgb(110 70 25 / 7%) 0 2px,transparent 2px 7px),var(--fibre);background-size:auto,auto,auto,auto,auto,256px}.camera-topline{display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:8px;padding:2px 4px 10px 6px}.camera-brand{color:#fff7e2;font-family:var(--hand);font-size:32px;font-weight:700;text-shadow:1px 2px 0 rgb(80 50 15 / 35%);transform:rotate(-3deg)}.camera-tools{display:flex;gap:8px}.camera-icon-button{display:grid;width:44px;height:44px;place-items:center;padding:0;border:2px solid var(--ink);border-radius:50%;background:#fbf4e1;box-shadow:2px 2px 0 var(--ink);color:var(--ink)}.camera-icon-button[aria-pressed=true]{background:var(--yellow)}.camera-icon-button .icon{width:20px}.camera-viewfinder{isolation:isolate;position:relative;overflow:hidden;aspect-ratio:3 / 4;border:9px solid #fbf4e1;border-radius:var(--wobble-s);outline:2px solid var(--ink);background:#e9dfc2}.camera-viewfinder:after{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;content:"";box-shadow:inset 0 3px 8px #2d1e0a59;pointer-events:none}.camera-viewfinder video{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0}.camera-viewfinder video.is-live{opacity:1}.camera-viewfinder video.is-mirrored{transform:scaleX(-1)}.viewfinder-grid{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.6;background:linear-gradient(to right,transparent 33.15%,#fff 33.15%,#fff 33.6%,transparent 33.6%,transparent 66.4%,#fff 66.4%,#fff 66.85%,transparent 66.85%),linear-gradient(to bottom,transparent 33.15%,#fff 33.15%,#fff 33.6%,transparent 33.6%,transparent 66.4%,#fff 66.4%,#fff 66.85%,transparent 66.85%)}.viewfinder-corner{display:none}.camera-invitation{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.camera-invitation>.icon{width:44px;height:44px;stroke-width:1.4;color:var(--ink)}.camera-invitation p{margin:16px 0 20px;color:var(--ink);font-family:var(--hand);font-size:26px;font-weight:700}.camera-open{min-height:46px;padding:8px 24px;border:2px solid var(--ink);border-radius:var(--wobble);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);color:var(--ink);font-family:var(--hand);font-size:20px;font-weight:700;transform:rotate(-2deg)}.camera-message:empty{display:none}.camera-message{margin:12px 6px 0;color:#5a2a16;font-size:14px}.camera-controls{display:grid;grid-template-columns:1fr 86px 1fr;align-items:center;justify-items:center;gap:12px;padding:18px 2px 6px}.camera-side-button{display:flex;min-width:66px;min-height:52px;flex-direction:row;align-items:center;justify-content:center;gap:7px;padding:6px 12px;border:2px solid var(--ink);border-radius:var(--wobble-s);background:#fbf4e1;box-shadow:2px 2px 0 var(--ink);color:var(--ink);font-family:var(--hand);font-size:17px;font-weight:700}.camera-controls .camera-side-button:first-child{transform:rotate(-3deg)}.camera-controls .camera-side-button:last-child{transform:rotate(2.5deg)}.camera-side-button .icon{width:20px;height:20px}.camera-shutter{display:grid;width:80px;height:80px;place-items:center;padding:6px;border:3px dashed #fbf0cf;border-radius:50%;background:transparent}.camera-shutter span{width:100%;height:100%;border:3px solid var(--ink);border-radius:50% 47% 52% 49%/49% 52% 47% 50%;background:var(--rust);box-shadow:0 4px 0 var(--ink);transition:transform .16s var(--ease),box-shadow .16s}.camera-shutter:not(:disabled):active span{box-shadow:0 1px 0 var(--ink);transform:translateY(3px) scale(.96)}.camera-shutter:disabled{cursor:default;opacity:.45}.camera-shutter-shade{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;background:#2a2118;pointer-events:none;opacity:0}.is-capturing .camera-shutter-shade{animation:shutter-close .18s ease-out}.journal-camera.is-capturing{animation:camera-click .26s var(--ease)}.camera-journal-note{display:grid;gap:14px;justify-items:start;padding:8px 0}.camera-journal-note h2{margin:0;font-family:var(--hand);font-size:40px;font-weight:700;line-height:1.4;transform:rotate(-2deg)}.camera-journal-note h2 em{display:block;padding:0 6px;background:linear-gradient(transparent 55%,rgb(242 205 90 / 75%) 55% 90%,transparent 90%);font-style:normal}.capture-status,.capture-error{margin:24px 0 0;padding:13px 18px;background:var(--note-yellow);box-shadow:2px 4px 10px #46300f26;color:var(--ink);font-size:15px;transform:rotate(-.6deg)}.capture-error{background:var(--note-pink);color:#8b3a22}.manual-back-link{display:inline-flex;min-height:40px;align-items:center;margin:-10px 0 14px;color:var(--ink-soft);font-size:14px}.photo-confirmation{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:30px;margin-top:34px;padding:28px;animation:journal-unfold .32s var(--ease) both}.photo-confirm-preview{position:relative;display:block;align-self:start;padding:12px 12px 0;background:#fffdf8;box-shadow:1px 3px 10px #46300f38;transform:rotate(-1.4deg);animation:polaroid-drop .7s cubic-bezier(.34,1.4,.64,1) both}.photo-confirm-preview img{display:block;width:100%;max-height:530px;object-fit:contain}.photo-caption{padding:16px 3px;color:var(--ink-soft);font-family:var(--hand);font-size:16px}.photo-confirmation form{position:relative;padding:4px 4px 0}.photo-confirmation h2{margin:0 0 14px;font-family:var(--hand);font-size:28px;font-weight:700}.photo-confirmation form>p:not(.form-error){margin:9px 0 16px;color:var(--ink-soft);font-size:15px}.photo-recognize-button{margin:0 0 16px}.photo-model-picker{display:grid;gap:5px;margin:0 0 12px;font-size:14px}.photo-recognition-status,.photo-recognition-notice{margin:0 0 16px;padding:12px 14px;background:var(--note-blue);color:var(--ink);font-size:14px;line-height:1.6}.photo-recognition-status button{margin-left:8px;border:0;background:none;color:var(--blue);text-decoration:underline}.photo-recognition-review{margin:0 0 16px;padding:14px;background:var(--note-yellow);box-shadow:2px 3px 8px #46300f24;transform:rotate(.5deg)}.photo-recognition-review p{margin:0 0 9px;color:var(--ink-soft);font-size:14px}.photo-recognition-review p:last-child{margin:9px 0 0}.photo-recognition-candidates{display:flex;flex-wrap:wrap;gap:10px}.photo-recognition-candidates button{display:inline-flex;min-width:112px;min-height:52px;align-items:center;gap:8px;padding:8px 14px;border:2px dashed var(--ink-soft);border-radius:var(--wobble-s);background:#fffcf4d9;color:var(--ink);text-align:left}.photo-recognition-candidates button.is-selected{border-style:solid;border-color:var(--ink);background:#fff;box-shadow:2px 2px 0 var(--ink)}.photo-recognition-candidates button span{font-family:var(--serif);font-size:19px}.photo-recognition-candidates button small{color:var(--ink-soft);font-size:14px}.photo-recognition-candidates .icon{width:16px;height:16px}.photo-confirm-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.photo-confirm-fields label,.photo-detail-edit label{display:grid;min-width:0;gap:5px}.photo-notes-field{grid-column:1 / -1}.photo-confirmation .audio-control{display:inline-block;margin-top:12px}.photo-confirmation .form-error{margin-top:11px}.photo-confirm-actions{display:flex;gap:12px;margin-top:18px}.photo-confirm-actions>*{flex:1}.photo-confirm-actions .icon{width:18px}.photo-wall-section{margin-top:56px}.photo-wall-heading{display:flex;align-items:end;justify-content:space-between;gap:16px}.photo-wall-heading h2{margin:0;font-family:var(--hand);font-size:clamp(28px,4vw,36px);font-weight:700}.photo-count{flex-shrink:0;padding-bottom:4px;color:var(--ink-soft);font-family:var(--hand);font-size:18px}.photo-wall-board{--sheet: rgb(255 250 236 / 72%);min-height:290px;margin-top:20px;padding:58px 24px 28px}.photo-wall-rail{position:absolute;top:28px;right:18px;left:18px;height:3px;border-radius:2px;background:repeating-linear-gradient(90deg,#8b6b43 0,#8b6b43 6px,#a98453 6px,#a98453 12px)}.photo-wall-rail:before,.photo-wall-rail:after{position:absolute;top:-5px;width:12px;height:12px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);content:""}.photo-wall-rail:before{left:0}.photo-wall-rail:after{right:0}.photo-wall-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 28px;margin:0;padding:0;list-style:none}.photo-wall-slot{position:relative;min-width:0;padding-top:var(--photo-drop)}.photo-wall-slot:before{position:absolute;top:-30px;left:50%;width:10px;height:26px;border:2px solid var(--ink);border-radius:3px;background:#e6c48a;content:"";transform:translate(-50%) rotate(3deg)}.photo-tile{display:block;width:100%;padding:8px 8px 10px;border:0;background:#fffdf6;box-shadow:1px 3px 9px #46300f3d;color:var(--ink);text-align:left;transform-origin:50% -22px;transform:rotate(var(--photo-tilt));transition:transform .6s cubic-bezier(.34,1.6,.5,1),box-shadow .25s}.photo-frame{display:block;aspect-ratio:4 / 5;overflow:hidden;background:#e6e1d0}.photo-frame img{display:block;width:100%;height:100%;object-fit:cover}.photo-tile-word{display:block;overflow:hidden;padding:8px 3px 0;color:var(--blue);font-family:var(--hand);font-size:19px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.photo-wall-empty{display:grid;min-height:175px;place-content:center;justify-items:center;gap:15px;text-align:center}.photo-wall-empty p{margin:0;color:var(--ink-soft);font-family:var(--hand);font-size:21px;line-height:1.8}.photo-wall-empty button,.photo-wall-more{min-height:44px;padding:7px 20px;border:2px dashed var(--ink-soft);border-radius:var(--wobble-s);background:#fffaf0b3;color:var(--ink);font-size:15px}.photo-wall-status{margin:55px auto;color:var(--ink-soft);text-align:center}.photo-wall-more{display:block;margin:22px auto 0}.photo-detail{width:min(620px,calc(100vw - 30px));max-height:min(90dvh,860px);padding:0;overflow:auto;border:2px solid var(--ink);border-radius:10px;background:var(--card);color:var(--ink);box-shadow:6px 8px #243d3259}.photo-detail::backdrop{background:#1c2e258c}.photo-detail-inner{position:relative;padding:20px}.photo-detail-close{position:absolute;z-index:1;top:29px;right:29px;display:grid;width:38px;height:38px;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--card);color:var(--ink);font-size:24px;line-height:1}.photo-detail-image{display:grid;min-height:180px;max-height:46dvh;place-items:center;overflow:hidden;background:#ece6d4}.photo-detail-image img{display:block;max-width:100%;max-height:46dvh;object-fit:contain}.photo-detail-image p{color:var(--ink-soft);font-size:14px}.photo-detail-body,.photo-detail-edit{padding:22px 6px 4px}.photo-detail-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.photo-detail-title-row h2{min-width:0;margin:0;color:var(--blue);font-family:var(--serif);font-size:40px;font-weight:500;overflow-wrap:anywhere}.photo-detail-meaning{margin:0 0 18px;font-size:19px}.photo-detail dl{display:grid;gap:0;margin:0;border-top:2px dashed var(--line)}.photo-detail dl>div{display:grid;grid-template-columns:75px 1fr;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:14px}.photo-detail dt{color:var(--ink-soft)}.photo-detail dd{margin:0;overflow-wrap:anywhere}.photo-detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.photo-detail-actions>*{flex:1;white-space:nowrap}.photo-detail-actions .icon{width:16px;height:16px;margin-right:6px}.photo-detail-delete{display:block;min-height:44px;margin:12px 0 0 auto;padding:6px 4px;border:0;background:transparent;color:#9b4a30;font-size:14px;text-decoration:underline}.photo-detail-message{margin:8px 6px 0;color:var(--rust);font-size:14px}.photo-detail-edit{display:grid;gap:12px}.photo-detail-edit h2{margin:0 0 4px;font-family:var(--hand);font-size:26px;font-weight:700}.journal-toast{position:fixed;z-index:12;left:50%;bottom:calc(112px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 36px);margin:0;padding:14px 22px;background:var(--note-yellow);box-shadow:2px 5px 14px #46300f40;color:var(--ink);font-family:var(--hand);font-size:19px;font-weight:700;transform:translate(-50%) rotate(-1.5deg);animation:toast-arrive .24s var(--ease)}.journal-toast>span{min-width:0;overflow-wrap:anywhere}.journal-toast .icon{width:20px}.frame-tape{--tear: var(--tear-1)}.frame-polaroid{--sheet: #fffefa;--tear: polygon(0 0, 100% 0, 100% 100%, 0 100%);padding:14px 14px 62px;transform:rotate(-2deg)}.frame-polaroid:after{width:54px;height:18px;top:-9px;--tape: rgb(240 200 100 / 80%)}.frame-polaroid .postcard-photo{--photo-bg: #efe6d2;box-shadow:inset 0 0 0 1px #3c280a1f}.frame-film{--sheet: #2a241d;--tear: polygon(0 0, 100% 0, 100% 100%, 0 100%);padding:40px 14px;transform:rotate(1deg)}.frame-film:before{background-image:repeating-linear-gradient(90deg,#efe6cf 0 12px,transparent 12px 26px),repeating-linear-gradient(90deg,#efe6cf 0 12px,transparent 12px 26px),var(--fibre);background-position:8px 13px,8px calc(100% - 13px),0 0;background-size:100% 14px,100% 14px,256px;background-repeat:repeat-x,repeat-x,repeat}.frame-film:after{display:none}.frame-film .postcard-photo{--photo-bg: #f3ead6}.frame-kraft{--sheet: #d6b985;--tear: var(--tear-3);padding:26px;transform:rotate(-1deg)}.frame-kraft:before{background-image:linear-gradient(90deg,#fbf0cf 55%,transparent 0) 12px 11px / 11px 2px repeat-x,linear-gradient(90deg,#fbf0cf 55%,transparent 0) 12px calc(100% - 11px) / 11px 2px repeat-x,linear-gradient(180deg,#fbf0cf 55%,transparent 0) 11px 12px / 2px 11px repeat-y,linear-gradient(180deg,#fbf0cf 55%,transparent 0) calc(100% - 11px) 12px / 2px 11px repeat-y,var(--fibre);background-size:auto,auto,auto,auto,256px}.frame-kraft:after{--tape: rgb(255 246 222 / 82%);--tape-rot: -6deg}.frame-kraft .postcard-photo{--photo-bg: #f3ead6;outline:4px solid #fbf0cf}.frame-deckle{--sheet: #fbf6e8;--tear: polygon(3.3% 2px, 4.8% 4px, 12.9% 7px, 17.3% 4px, 22.8% 4px, 25.7% 0px, 28.8% 0px, 46.7% 6px, 47% 6px, 54.2% 4px, 57.1% 4px, 61.8% 9px, 64.3% 3px, 73% 6px, 73.2% 6px, 75.5% 4px, 78.3% 6px, 88.5% 5px, 90% 9px, 90.5% 0px, 92.5% 3px, 92.6% 5px, calc(100% - 4px) 4px, calc(100% - 3px) 8.3%, calc(100% - 5px) 18.9%, calc(100% + -0px) 19.7%, calc(100% - 5px) 26.6%, calc(100% - 3px) 27.3%, calc(100% - 5px) 31.4%, calc(100% + -0px) 33.9%, calc(100% - 7px) 36.1%, calc(100% + -0px) 47.4%, calc(100% - 4px) 58.3%, calc(100% - 6px) 59.2%, calc(100% - 2px) 68.9%, calc(100% - 6px) 69.9%, calc(100% - 7px) 80.5%, calc(100% - 3px) 92.1%, calc(100% - 3px) 93.1%, calc(100% - 9px) calc(100% - 7px) , 97.7% calc(100% - 5px) , 92.8% calc(100% + -0px) , 90.7% calc(100% - 6px) , 90.1% calc(100% - 3px) , 84.5% calc(100% - 9px) , 78.5% calc(100% - 7px) , 73.8% calc(100% - 5px) , 68.2% calc(100% - 4px) , 60.6% calc(100% + -0px) , 54.3% calc(100% + -0px) , 34.7% calc(100% - 7px) , 34.6% calc(100% - 3px) , 32.4% calc(100% - 6px) , 32% calc(100% - 4px) , 19% calc(100% - 4px) , 17.5% calc(100% - 5px) , 16.3% calc(100% - 2px) , 12.4% calc(100% - 4px) , 10.8% calc(100% - 5px) , 9.5% calc(100% - 3px) , 6.7% calc(100% - 4px) , 5.5% calc(100% + -0px) , 5px calc(100% - 9px) , 3px 94.2%, 4px 92%, 2px 90.5%, 7px 88.6%, 9px 80.9%, 3px 68.1%, 2px 61.6%, 3px 53%, 0px 52.1%, 9px 47.1%, 3px 32.5%, 9px 28.3%, 7px 19.2%, 9px 18.3%, 9px 15.6%, 3px 12.8%, 4px 0px);padding:22px;transform:rotate(1.8deg)}.frame-deckle:before{background-image:radial-gradient(ellipse at 50% 50%,transparent 58%,rgb(176 130 60 / 34%) 100%),var(--fibre);background-size:auto,256px}.frame-deckle:after{display:none}.frame-deckle .postcard-photo{--photo-bg: #efe6d2}.frame-stamp{--sheet: #fffdf8;--tear: polygon(0 0, 100% 0, 100% 100%, 0 100%);padding:28px;transform:rotate(-1.4deg)}.frame-stamp:before{background-image:radial-gradient(circle at 50% 0,var(--paper) 6px,transparent 6.6px),radial-gradient(circle at 50% 100%,var(--paper) 6px,transparent 6.6px),radial-gradient(circle at 0 50%,var(--paper) 6px,transparent 6.6px),radial-gradient(circle at 100% 50%,var(--paper) 6px,transparent 6.6px),var(--fibre);background-position:0 0,0 100%,0 0,100% 0,0 0;background-size:18px 12px,18px 12px,12px 18px,12px 18px,256px;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y,repeat}.frame-stamp:after{display:none}.frame-stamp .postcard-photo{--photo-bg: #efe6d2;outline:2px solid rgb(180 80 60 / 55%);outline-offset:5px}.filter-vintage{--f: sepia(.72) contrast(.92) brightness(.96) saturate(.82)}.filter-vintage .postcard-photo:after{background:radial-gradient(ellipse at center,transparent 52%,rgb(80 45 10 / 42%) 100%),var(--fibre);mix-blend-mode:multiply}.filter-faded{--f: contrast(.8) brightness(1.1) saturate(.62) sepia(.16)}.filter-faded .postcard-photo:after{background:#fff2d638}.filter-mono{--f: grayscale(1) contrast(1.15) brightness(1.02)}.filter-cyanotype{--f: grayscale(1) sepia(1) hue-rotate(170deg) saturate(2.4) contrast(1.05) brightness(.95)}.filter-watercolor{--f: saturate(1.4) contrast(.86) brightness(1.07) blur(.5px)}.filter-watercolor .postcard-photo:after{box-shadow:inset 0 0 22px #fff9;background:var(--fibre);opacity:.9}.postcard-editor{width:min(440px,calc(100vw - 28px));max-height:92dvh;padding:0;overflow:auto;border:2px solid var(--ink);border-radius:12px;background:var(--paper);color:var(--ink);box-shadow:6px 8px #243d3259;animation:editor-rise .45s cubic-bezier(.22,1.3,.36,1)}.postcard-editor::backdrop{background:#1c2e258c}.postcard-editor-inner{display:grid;gap:18px;padding:26px 22px 20px}.postcard-editor-stage{padding:6px 14px 4px}.postcard-editor-stage .portugal-collage{transition:none}.swatch-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}@media(max-width:560px){.postcard-editor .swatch-row{gap:8px}.postcard-editor .swatch{width:42px;height:42px}.postcard-editor-inner{padding:22px 16px 18px}}.swatch{position:relative;display:block;width:52px;height:52px;padding:0;border:2px solid var(--ink-soft);border-radius:var(--wobble-s);background-color:#efe6d2;background-position:center;background-size:cover;overflow:hidden}.swatch[aria-checked=true]{border-color:var(--ink);box-shadow:3px 3px 0 var(--ink);translate:0 -2px}.swatch.filter-swatch{border-radius:50%;filter:var(--f, none)}.frame-swatch i{position:absolute;top:9px;right:9px;bottom:15px;left:9px;background:linear-gradient(135deg,#8fb3cf,#e9c46a)}.swatch-tape{background:#fffaf0}.swatch-tape:after{position:absolute;top:-3px;left:15px;width:22px;height:9px;background:#eebe58cc;content:"";transform:rotate(-4deg)}.swatch-polaroid{background:#fffefa}.swatch-polaroid i{top:7px;right:7px;bottom:17px;left:7px}.swatch-film{background:#2a241d}.swatch-film i{top:12px;right:4px;bottom:12px;left:4px}.swatch-film:before{position:absolute;top:4px;right:3px;bottom:4px;left:3px;content:"";background:repeating-linear-gradient(90deg,#efe6cf 0 4px,transparent 4px 8px) top / 100% 4px no-repeat,repeating-linear-gradient(90deg,#efe6cf 0 4px,transparent 4px 8px) bottom / 100% 4px no-repeat}.swatch-kraft{background:#d6b985}.swatch-kraft i{top:10px;right:10px;bottom:10px;left:10px;outline:2px solid #fbf0cf}.swatch-deckle{background:#fbf6e8;clip-path:polygon(0 4%,12% 0,30% 5%,52% 0,75% 4%,100% 0,97% 30%,100% 55%,96% 80%,100% 100%,70% 96%,45% 100%,20% 96%,0 100%,4% 70%,0 40%)}.swatch-stamp{background:radial-gradient(circle at 50% 0,var(--paper) 4px,transparent 4.5px) 0 0 / 11px 8px repeat-x,radial-gradient(circle at 50% 100%,var(--paper) 4px,transparent 4.5px) 0 100% / 11px 8px repeat-x,#fffdf8}.postcard-editor-actions{display:flex;justify-content:center;gap:14px}.icon-button{display:grid;width:54px;height:54px;place-items:center;padding:0;border:2px solid var(--ink);border-radius:var(--wobble);background:#fbf4e1;box-shadow:3px 3px 0 var(--ink);color:var(--ink)}.icon-button .icon{width:24px;height:24px}.icon-button.is-primary{background:var(--yellow)}.postcard-editor-error{margin:0;color:#a13d22;text-align:center;font-size:14px}.check-in{--sheet: #fffdf6;padding:26px 22px 20px;transform:rotate(.7deg)}.check-in-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.check-in-head h2{margin:0 auto 0 0;color:var(--ink);font-family:var(--hand);font-size:34px;font-weight:700;line-height:1}.check-in-head h2 small{margin-left:2px;font-size:18px}.check-in-step{display:grid;width:40px;height:40px;place-items:center;padding:0;border:2px dashed var(--ink-soft);border-radius:50%;background:transparent;color:var(--ink)}.check-in-step .icon{width:18px;height:18px}.check-in-step.is-prev .icon{transform:scaleX(-1)}.check-in-step:disabled{cursor:default;opacity:.3}.check-in-streak{display:inline-flex;align-items:center;gap:4px;padding:2px 12px 2px 8px;border:2px solid var(--rust);border-radius:999px;color:var(--rust);font-family:var(--hand);font-size:22px;font-weight:700;transform:rotate(-4deg)}.check-in-streak .icon{width:18px;height:18px;stroke-width:2.4}.check-in-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.check-in-weekday{padding-bottom:4px;color:var(--ink-soft);font-family:var(--hand);font-size:15px;font-weight:700;text-align:center}.check-in-day{position:relative;display:grid;aspect-ratio:1;place-items:center;color:var(--ink-soft);font-family:var(--hand);font-size:17px;font-weight:700}.check-in-day b{position:relative;font-weight:700}.check-in-day .stamp{position:absolute;top:1px;right:1px;bottom:1px;left:1px;width:calc(100% - 2px);height:calc(100% - 2px);transform:rotate(var(--tilt, 0deg));filter:drop-shadow(0 1px 1px rgb(36 61 50 / 25%));animation:stamp-press .45s cubic-bezier(.3,1.6,.5,1) backwards;animation-delay:calc(var(--i, 0) * 12ms)}.check-in-day.is-checked b{position:absolute;right:0;bottom:0;min-width:15px;padding:0 3px;border-radius:6px 0 0;background:#fffdf6;color:var(--ink);font-family:var(--sans);font-size:10px;font-weight:600;line-height:14px;text-align:center}.stamp{display:block;--stamp-edge: #fffdf6}.stamp.is-faded{filter:grayscale(1) contrast(.5) brightness(1.25);opacity:.45}.check-in-album-toggle[aria-pressed=true]{border-style:solid;border-color:var(--ink);background:var(--yellow)}.stamp-album{animation:paper-arrive .35s var(--ease)}.stamp-album-count{margin:0 0 10px;color:var(--ink-soft);font-family:var(--hand);font-size:20px;font-weight:700;text-align:right}.stamp-album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:12px 8px;margin:0;padding:0;list-style:none}.stamp-album-grid li{position:relative;display:grid;justify-items:center;gap:4px}.stamp-album-grid .stamp{width:56px;height:56px;transform:rotate(var(--tilt, 0deg))}.stamp-album-grid li.is-owned .stamp{filter:drop-shadow(0 2px 2px rgb(36 61 50 / 28%));animation:stamp-press .45s cubic-bezier(.3,1.6,.5,1) backwards;animation-delay:calc(var(--i, 0) * 30ms)}.stamp-name{color:var(--ink-soft);font-size:11px;line-height:1.25;text-align:center}.stamp-album-grid li.is-owned .stamp-name{color:var(--ink)}.stamp-count{position:absolute;top:-5px;right:2px;padding:0 5px;border:1.5px solid var(--ink);border-radius:999px;background:var(--yellow);font-size:11px;font-weight:600;line-height:16px}.check-in-day.is-today{color:var(--ink)}.check-in-day.is-today:not(.is-checked):before{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:2px dashed var(--ink);border-radius:50%;content:""}@media(hover:hover){.review-link:hover,.save-button:hover:not(:disabled),.camera-open:hover{box-shadow:5px 5px 0 var(--ink);translate:-1px -2px}.audio-button:hover:not(:disabled){translate:0 -2px}.secondary-button:hover:not(:disabled),.reveal-button:hover:not(:disabled),.tag-filters button:hover:not([aria-pressed=true]){background:#fff3c4}.danger-button:hover:not(:disabled){background:var(--note-pink)}.vocabulary-item:hover{transform:rotate(0) scale(1.025);translate:0 -5px}.word-card:hover,.postcard-button:hover .portugal-collage{transform:rotate(0) scale(1.015)}.photo-tile:hover{transform:translateY(-4px) rotate(calc(var(--photo-tilt) * -1.3))}.photo-tile:hover{box-shadow:2px 8px 16px #46300f47}.review-ratings button:hover:not(:disabled){translate:0 -2px}}button,.review-link,.collect-sticker{transition:background var(--motion-fast),box-shadow var(--motion-fast),translate var(--motion-fast),transform var(--motion-fast) var(--ease)}button:not(:disabled):active,.review-link:active,.collect-sticker:active{box-shadow:1px 1px 0 var(--ink);translate:2px 2px;scale:.97}.camera-shutter:not(:disabled):active,.journal-switch:active{translate:none;box-shadow:none}@keyframes postcard-fly-in{0%{opacity:0;translate:46px -70px;rotate:14deg;scale:.82}60%{opacity:1}to{translate:0 0;rotate:0deg;scale:1}}@keyframes tape-slap{0%{opacity:0;scale:1.7}to{opacity:.92;scale:1}}@keyframes develop{0%{filter:brightness(1.7) saturate(.15) blur(3px);opacity:.35}}@keyframes stamp-press{0%{opacity:0;scale:1.8}to{opacity:1;scale:1}}@keyframes editor-rise{0%{opacity:0;translate:0 40px;rotate:-2deg}to{opacity:1;translate:0 0;rotate:0deg}}@keyframes page-arrive{0%{opacity:0;transform:translateY(16px) rotate(.8deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes paper-arrive{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes answer-arrive{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sound-pulse{50%{box-shadow:2px 2px 0 var(--ink),0 0 0 9px #efc85a59}}@keyframes shutter-close{0%,to{opacity:0}40%{opacity:1}}@keyframes journal-unfold{0%{opacity:.3;translate:0 9px}to{opacity:1;translate:0 0}}@keyframes toast-arrive{0%{opacity:0;translate:0 26px;scale:.7}60%{opacity:1;scale:1.07}to{opacity:1;translate:0 0;scale:1}}@keyframes stick-on{0%{opacity:0;translate:0 -22px;scale:1.1;rotate:4deg}55%{opacity:1}to{translate:0 0;scale:1;rotate:0deg}}@keyframes deal-in{0%{opacity:0;transform:translate(56px) rotate(5deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes pop-in{0%{opacity:0;scale:.5}60%{opacity:1;scale:1.18}to{scale:1}}@keyframes polaroid-drop{0%{opacity:0;transform:translateY(-34px) rotate(-9deg) scale(1.12)}to{opacity:1;transform:translateY(0) rotate(-1.4deg) scale(1)}}@keyframes stamp-down{0%{scale:1.4;rotate:-7deg;opacity:.3}to{scale:1;rotate:0deg;opacity:1}}@keyframes icon-hop{0%{translate:0 0;scale:1}35%{translate:0 -7px;scale:1.18;rotate:-10deg}70%{translate:0 1px;scale:.94;rotate:4deg}to{translate:0 0;scale:1;rotate:0deg}}@keyframes camera-click{0%{scale:1}35%{scale:.975}to{scale:1}}@media(min-width:561px)and (max-width:780px){.photo-wall-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 18px}.photo-confirmation{gap:18px}}@media(max-width:780px){.vocabulary-list{gap:20px 14px}.today-cards{gap:24px}}@media(max-width:560px){.page-shell{padding:10px 20px calc(108px + env(safe-area-inset-bottom))}.topbar{min-height:56px}.brand{font-size:32px}.today-content{padding-top:0}.today-hero{grid-template-columns:1fr;gap:22px;padding:0 0 30px}.today-page .hero-lettering,.hero-lettering{margin-top:2px;font-size:clamp(38px,11vw,46px);line-height:1.12}.postcard-button{width:94%;justify-self:center}.frame-tape{padding:10px 10px 12px}.frame-polaroid{padding:10px 10px 46px}.frame-film{padding:30px 10px}.frame-kraft{padding:18px}.frame-deckle{padding:14px}.frame-stamp{padding:22px}.today-cards{grid-template-columns:1fr;gap:10px}.word-card{padding:26px 22px 18px 54px}.word-card:before{background-image:linear-gradient(90deg,transparent 38px,rgb(214 120 110 / 65%) 38px 40px,transparent 40px),repeating-linear-gradient(transparent 0 35px,#78a0be61 35px,#78a0be61 36px),var(--fibre)}.word-portuguese{font-size:52px}.vocabulary-content,.add-word-content,.review-content,.settings-content,.collect-content{padding-top:18px}.vocabulary-list{grid-template-columns:1fr;gap:20px}.vocabulary-item{padding:22px 20px 18px}.word-form{padding:28px 20px;grid-template-columns:1fr;gap:20px}.word-form>.form-field{grid-column:1 / -1}.form-actions{gap:10px}.review-card{padding:26px 20px;min-height:400px}.review-answer h2{font-size:40px}.review-ratings{gap:9px}.review-complete,.review-empty{padding:34px 20px}.settings-card{padding:24px 20px}.journal-toast{font-size:17px}.camera-page .page-heading{margin-bottom:18px}.camera-page .page-heading h1{font-size:32px}.camera-collection-layout{grid-template-columns:minmax(0,1fr);gap:22px}.journal-camera{max-width:330px;margin:0 auto;padding:16px 14px 10px}.camera-journal-note{justify-items:center;padding:0 4px}.camera-journal-note h2{display:none}.camera-controls{padding-top:14px}.capture-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.photo-confirmation{grid-template-columns:1fr;gap:18px;padding:22px 16px}.photo-confirm-preview img{max-height:340px}.photo-confirmation form{padding:8px 2px 2px}.photo-confirm-fields{grid-template-columns:1fr}.photo-confirm-fields label{grid-column:1 / -1}.photo-confirm-actions{flex-direction:column-reverse}.photo-wall-section{margin-top:44px}.photo-wall-board{padding:52px 15px 20px}.photo-wall-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 17px}.photo-detail-inner{padding:12px}.photo-detail-close{top:19px;right:19px}.photo-detail-title-row h2{font-size:32px}}@media(min-width:900px){.page-shell{padding-bottom:72px}.bottom-nav{--nav-padding: 6px;--nav-gap: 4px;top:14px;bottom:auto;left:50%;right:auto;width:490px;margin:0;transform:translate(-50%) rotate(-.4deg)}.bottom-nav a{flex-direction:row;gap:7px;min-height:40px;font-size:14px}.journal-toast{bottom:36px}}.tata-tart{overflow:visible}.tata-tart .tata-body{transform-box:fill-box;transform-origin:50% 92%;animation:tata-breathe 4.8s ease-in-out infinite}.tata-tart .tata-eyes{transform-box:fill-box;transform-origin:50% 55%;animation:tata-blink 5.6s ease-in-out infinite}@keyframes tata-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025,1.045)}}@keyframes tata-blink{0%,90%,to{transform:scaleY(1)}93%,96%{transform:scaleY(.1)}}.tata-bell{position:relative;z-index:30;min-width:52px;min-height:52px;padding:0;border:0;background:none;box-shadow:none;color:inherit}.tata-bell:not(:disabled):active{box-shadow:none;translate:none;scale:none}.tata-bell:active .tata-roller{scale:.92}.tata-roller{position:relative;display:block;width:52px;height:52px;transform-origin:50% 50%}.tata-bell[data-phase=out] .tata-roller,.tata-bell[data-phase=back] .tata-roller{position:fixed;top:var(--tata-y0, auto);left:var(--tata-x0, auto)}.tata-roller>.brand-badge,.tata-roller>.tata-tart{position:absolute;top:0;right:0;bottom:0;left:0}.tata-roller>.tata-tart{opacity:0;width:52px;height:52px}.tata-bell[data-phase=out] .tata-roller{animation:tata-roll-out 1.3s linear both}.tata-bell[data-phase=out] .brand-badge{animation:tata-badge-out 1.3s linear both}.tata-bell[data-phase=out] .tata-tart{animation:tata-tart-in 1.3s linear both}.tata-bell[data-phase=back] .tata-roller{animation:tata-roll-back 1.1s linear both}.tata-bell[data-phase=back] .brand-badge{animation:tata-badge-back 1.1s linear both}.tata-bell[data-phase=back] .tata-tart{animation:tata-tart-back 1.1s linear both}.tata-bell[data-phase=out] .tata-tart{transform-origin:50% 80%}@keyframes tata-roll-out{0%{transform:translate(0) rotate(0);animation-timing-function:cubic-bezier(.45,.1,.3,1)}66%{transform:translate(var(--tata-dx, 150px)) rotate(720deg);animation-timing-function:ease-out}78%{transform:translate(var(--tata-dx, 150px),calc(var(--tata-dy, 0px) * .4 - 14px)) rotate(720deg) scale(.94,1.08);animation-timing-function:ease-in}88%{transform:translate(var(--tata-dx, 150px),var(--tata-dy, 0px)) rotate(720deg) scale(1.12,.84);animation-timing-function:ease-out}to{transform:translate(var(--tata-dx, 150px),var(--tata-dy, 0px)) rotate(720deg) scale(1)}}@keyframes tata-roll-back{0%{transform:translate(var(--tata-dx, 150px),var(--tata-dy, 0px)) rotate(720deg) scale(1);animation-timing-function:ease-out}12%{transform:translate(var(--tata-dx, 150px),calc(var(--tata-dy, 0px) - 12px)) rotate(720deg) scale(.95,1.06);animation-timing-function:ease-in}28%{transform:translate(var(--tata-dx, 150px)) rotate(720deg) scale(1);animation-timing-function:cubic-bezier(.45,.1,.3,1)}to{transform:translate(0) rotate(0) scale(1)}}@keyframes tata-badge-back{0%,55%{opacity:0}75%,to{opacity:1}}@keyframes tata-tart-back{0%,50%{opacity:1}70%,to{opacity:0}}@keyframes tata-badge-out{0%,50%{opacity:1}66%,to{opacity:0}}@keyframes tata-tart-in{0%,45%{opacity:0}64%,to{opacity:1}}.tata-scrim{touch-action:none;position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:#1c2e2547;box-shadow:none;animation:scrim-in .4s ease both}.tata-scrim:not(:disabled):active{box-shadow:none;translate:none;scale:1}@keyframes scrim-in{0%{opacity:0}}.tata-sheet{position:fixed;z-index:25;top:10px;bottom:calc(14px + env(safe-area-inset-bottom));left:12px;right:12px;display:grid;max-width:560px;margin-inline:auto;grid-template-rows:auto 1fr auto auto;gap:6px;padding:12px 14px 14px;border:2px solid var(--ink);border-radius:var(--wobble-s);background:var(--card);box-shadow:4px 6px #243d3259;color:var(--ink);animation:tata-sheet-in .5s .72s cubic-bezier(.22,1.2,.36,1) both}@keyframes tata-sheet-in{0%{opacity:0;translate:0 40px}}.tata-sheet.is-leaving{animation:tata-sheet-out .3s ease-in both}@keyframes tata-sheet-out{to{opacity:0;translate:0 24px}}.tata-head{display:flex;align-items:center;gap:6px;min-height:52px}.icon-button.tata-small{width:44px;height:44px;flex:none;box-shadow:2px 2px 0 var(--ink)}.tata-head h2{flex:1;margin:0;font-family:var(--hand);font-size:36px;font-weight:700;line-height:1;letter-spacing:.02em}.tata-head h2 small{margin-left:4px;color:var(--ink-soft);font-size:14px;font-weight:500;letter-spacing:0}.tata-slot{flex:none;width:52px;height:52px;margin-right:2px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;cursor:pointer}.tata-slot:disabled{cursor:default;opacity:1;pointer-events:none}.tata-slot:not(:disabled):active{box-shadow:none;translate:none;scale:.92}.tata-slot-tart{display:block;width:52px;height:52px}.tata-bell[data-landed=true] .tata-roller{visibility:hidden}.tata-line{--slip: #fff1a8;--tape-colour: rgb(164 196 214 / 80%);position:relative;max-width:84%;margin:8px 0 4px;padding:14px 16px 13px;border:0;border-radius:2px 2px 3px;background:var(--slip);box-shadow:1px 2px 3px #243d3247;font-size:16px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap;animation:pop-in .35s cubic-bezier(.3,1.5,.5,1) both}.tata-line:before{position:absolute;z-index:1;top:-9px;left:50%;width:52px;height:16px;content:"";background:var(--tape-colour);rotate:-3deg;translate:-50% 0;pointer-events:none}.tata-line:after{position:absolute;right:0;bottom:0;width:16px;height:16px;content:"";background:linear-gradient(135deg,transparent 50%,rgb(36 61 50 / 14%) 50%,rgb(255 255 255 / 55%) 51%);pointer-events:none}.tata-line.is-tata{align-self:flex-start;white-space:normal;rotate:-.8deg}.tata-line.is-tata.note-0{--slip: #fff1a8;--tape-colour: rgb(164 196 214 / 80%)}.tata-line.is-tata.note-1{--slip: #d9ebf4;--tape-colour: rgb(240 200 90 / 75%);rotate:.7deg}.tata-line.is-tata.note-2{--slip: #fbdcd2;--tape-colour: rgb(160 190 140 / 75%);rotate:-.5deg}.tata-line.is-tata.note-3{--slip: #e2efcf;--tape-colour: rgb(228 160 140 / 70%);rotate:.9deg}.tata-line.is-mine{--tape-colour: rgb(228 160 140 / 70%);align-self:flex-end;background:repeating-linear-gradient(transparent 0 25px,#6f96b461 25px,#6f96b461 26px),#fffdf6;background-position:0 12px;rotate:.6deg}.tata-line.is-mine:before{left:auto;right:14px;translate:0 0;rotate:4deg}.tata-line.is-trouble{--slip: #fbdcd2}.tata-word{background:#ffffff9e!important}.tata-log{display:flex;flex-direction:column;gap:10px;min-height:0;padding:8px 2px;overflow-y:auto;overscroll-behavior:contain}.tata-para{display:block}.tata-para.is-bullet{position:relative;padding-left:16px}.tata-para.is-bullet:before{position:absolute;left:3px;content:"•";color:var(--ink-soft)}.tata-gap{display:block;height:6px}.tata-word{display:inline-flex;align-items:center;gap:5px;margin:1px 2px;padding:1px 3px 1px 9px;border-radius:var(--wobble);background:var(--note-blue)}.tata-word-text{padding:2px;border:0;border-bottom:1.5px dashed var(--blue);border-radius:0;background:none;box-shadow:none;color:var(--blue);font-family:var(--serif);font-size:17px;font-weight:600;cursor:pointer}.tata-word-text:not(:disabled):active{box-shadow:none;translate:none;scale:.97}.tata-word b{color:var(--blue);font-family:var(--serif);font-size:17px;font-weight:600}.tata-word .audio-button{width:30px;height:30px;box-shadow:1px 1px 0 var(--ink)}.tata-word .audio-button .icon{width:15px;height:15px}.tata-word .audio-error{right:auto;left:0}.tata-line{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:translate .15s,box-shadow .15s}.tata-line.is-picked{translate:0 -2px;box-shadow:2px 5px 9px #243d3261}.tata-line.is-editing{max-width:100%;align-self:stretch}.tata-edit{display:grid;gap:8px;-webkit-user-select:text;user-select:text}.tata-edit textarea{width:100%;min-height:76px;padding:8px 10px;border:2px dashed var(--ink-soft);border-radius:var(--wobble-s);background:#ffffffb3;color:var(--ink);font-size:16px;line-height:1.5;resize:vertical}.tata-edit-actions{display:flex;justify-content:flex-end;gap:10px}.tata-menu-scrim{position:absolute;z-index:40;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;border-radius:12px;background:#fffdf659;box-shadow:none}.tata-menu-scrim.is-light{z-index:35;background:#fffdf68c}.tata-wordcard{position:absolute;z-index:36;right:12px;bottom:74px;left:12px;display:grid;gap:8px;max-height:60%;padding:34px 12px 12px;overflow-y:auto;border:2px solid var(--ink);border-radius:var(--wobble-s);background:#fffdf6;box-shadow:3px 4px #243d3259;animation:pop-in .3s cubic-bezier(.3,1.4,.5,1) both}.tata-wordcard .lookup-list{margin:0}.tata-wordcard .lookup-status{margin:4px 6px}.tata-wordcard .lookup-card{background:#fff9}.tata-wordcard .lookup-card.tata-sentence{align-items:center}.tata-wordcard .lookup-word{font-size:24px}.tata-wordcard-close{position:absolute;top:4px;right:4px;display:grid;width:32px;height:32px;place-items:center;padding:0;border:0;background:none;box-shadow:none;color:var(--ink)}.tata-menu-scrim:not(:disabled):active{box-shadow:none;translate:none;scale:1}.tata-menu{position:absolute;z-index:41;display:flex;padding:4px;border:2px solid var(--ink);border-radius:var(--wobble-s);background:#fffdf6;box-shadow:3px 4px #243d3259;animation:pop-in .25s cubic-bezier(.3,1.5,.5,1) both}.tata-menu button{min-height:40px;padding:4px 16px;border:0;border-radius:6px;background:none;box-shadow:none;color:var(--ink);font-family:var(--hand);font-size:18px;font-weight:700}.tata-menu button+button{border-left:1.5px dashed var(--line)}.tata-menu button.is-danger{color:var(--rust)}.tata-menu button:disabled{opacity:.4}.tata-photo-tag{display:inline-flex;align-items:center;gap:4px;margin-right:8px;color:var(--ink-soft);font-size:14px}.tata-photo-tag .icon{width:16px;height:16px}.tata-typing{display:inline-flex;gap:5px;padding:14px 16px}.tata-typing i{width:7px;height:7px;border-radius:50%;background:var(--ink-soft);animation:tata-dot 1s ease-in-out infinite}.tata-typing i:nth-child(2){animation-delay:.15s}.tata-typing i:nth-child(3){animation-delay:.3s}@keyframes tata-dot{0%,to{opacity:.3;translate:0 0}50%{opacity:1;translate:0 -4px}}.tata-photos{display:flex;gap:8px;padding:4px 2px 6px;overflow-x:auto}.tata-photo-choice{flex:none;width:56px;height:56px;padding:0;overflow:hidden;border:2px solid var(--ink);border-radius:var(--wobble-s);background:#fbf4e1;box-shadow:2px 2px 0 var(--ink)}.tata-photo-choice img{display:block;width:100%;height:100%;object-fit:cover}.tata-code{color:var(--ink-soft);font-size:12px}button.tata-note-link{border:0;font-family:inherit;cursor:pointer}.tata-note-link{position:relative;display:inline-block;margin:6px 0 2px 8px;padding:6px 16px 7px;border-radius:2px;background:var(--note-yellow);box-shadow:1px 2px 3px #243d324d;color:var(--ink);font-size:16px;font-weight:600;text-decoration:none;rotate:-2deg;transition:rotate .15s,translate .15s}.tata-note-link:before{position:absolute;top:-6px;left:50%;width:30px;height:11px;content:"";background:#a4c4d6cc;rotate:3deg;translate:-50% 0}.tata-note-link:after{position:absolute;right:0;bottom:0;width:10px;height:10px;content:"";background:linear-gradient(135deg,transparent 50%,rgb(36 61 50 / 14%) 50%,rgb(255 255 255 / 55%) 51%)}.tata-note-link:active{rotate:0deg;translate:1px 2px}.tata-photos-empty{padding:4px 6px;color:var(--ink-soft);font-size:15px;line-height:1.6}.tata-compose{display:grid;gap:6px}.tata-attached{display:inline-flex;align-items:center;gap:8px;justify-self:start;padding:3px 4px 3px 3px;border:2px solid var(--ink);border-radius:var(--wobble-s);background:var(--note-blue);font-size:14px}.tata-attached img{width:30px;height:30px;border-radius:4px;object-fit:cover}.tata-attached button{display:grid;width:28px;height:28px;place-items:center;padding:0;border:0;background:none;box-shadow:none;color:var(--ink)}.tata-row{display:flex;align-items:flex-end;gap:8px}.tata-row textarea{flex:1;min-width:0;min-height:44px;max-height:120px;padding:10px 12px;border:2px solid var(--ink-soft);border-radius:var(--wobble-s);background:#fffcf4e5;color:var(--ink);font-size:16px;line-height:1.4;resize:none;field-sizing:content}.tata-peek{--enter: .62s;position:fixed;z-index:15;right:12px;bottom:calc(92px + env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:4px;max-width:min(320px,calc(100vw - 24px));color:var(--ink)}.tata-peek button{padding:0;border:0;background:none;box-shadow:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.tata-peek button:not(:disabled):active{box-shadow:none;translate:none;scale:1}.tata-peek .tata-peek-note{position:relative;margin-bottom:26px;padding:10px 14px 11px;border-radius:2px 2px 2px 3px;background:var(--note-yellow);box-shadow:1px 2px 4px #243d324d;font-size:15px;line-height:1.5;rotate:-2deg;transform-origin:100% 100%;animation:peek-note-in .45s calc(var(--enter) - .25s) cubic-bezier(.3,1.5,.5,1) both}.tata-peek-poke{display:block;transform-origin:50% 100%}.tata-peek-poke[data-poke=a]{animation:peek-poke-a .5s cubic-bezier(.3,1.6,.5,1)}.tata-peek-poke[data-poke=b]{animation:peek-poke-b .5s cubic-bezier(.3,1.6,.5,1)}@keyframes peek-poke-a{0%{transform:scale(1.25,.7)}40%{transform:translateY(-22px) scale(.9,1.14)}70%{transform:translateY(0) scale(1.1,.9)}to{transform:none}}@keyframes peek-poke-b{0%{transform:scale(1.25,.7) rotate(-6deg)}40%{transform:translateY(-22px) scale(.9,1.14) rotate(8deg)}70%{transform:translateY(0) scale(1.1,.9)}to{transform:none}}.tata-peek-note:before{position:absolute;top:-7px;left:40%;width:34px;height:12px;content:"";background:#a4c4d6cc;rotate:-4deg}.tata-peek-note:after{position:absolute;right:-6px;bottom:9px;width:12px;height:12px;content:"";background:var(--note-yellow);rotate:45deg;box-shadow:2px -1px 2px #243d321f}.tata-peek-body{position:relative;flex:none;width:66px;height:66px}.tata-peek-tart{display:block;transform-origin:50% 90%}.tata-peek-tart .tata-tart{display:block;width:66px;height:66px;filter:drop-shadow(0 3px 2px rgb(36 61 50 / 22%))}.tata-peek[data-act=hop] .tata-peek-body{animation:peek-up var(--enter) cubic-bezier(.3,1.65,.5,1) both}.tata-peek[data-act=roll] .tata-peek-body{animation:peek-roll-in var(--enter) cubic-bezier(.25,.7,.3,1) both}.tata-peek[data-act=drop] .tata-peek-body{transform-origin:50% 100%;animation:peek-drop var(--enter) linear both}.tata-peek[data-act=side] .tata-peek-body{animation:peek-side var(--enter) cubic-bezier(.3,1.5,.5,1) both}.tata-peek[data-act=pop] .tata-peek-body{animation:peek-pop var(--enter) cubic-bezier(.3,1.6,.5,1) both}@keyframes peek-up{0%{opacity:0;transform:translateY(80px) rotate(24deg) scale(.6)}60%{opacity:1}to{transform:translateY(0) rotate(0) scale(1)}}@keyframes peek-roll-in{0%{transform:translate(calc(-100vw + 60px)) rotate(-1080deg)}to{transform:translate(0) rotate(0)}}@keyframes peek-drop{0%{transform:translateY(-100vh) scale(.9,1.1);animation-timing-function:cubic-bezier(.5,0,1,.7)}52%{transform:translateY(0) scale(1.22,.76);animation-timing-function:ease-out}68%{transform:translateY(-26px) scale(.94,1.08);animation-timing-function:ease-in}84%{transform:translateY(0) scale(1.1,.9);animation-timing-function:ease-out}to{transform:translateY(0) scale(1)}}@keyframes peek-side{0%{transform:translate(110px) rotate(40deg)}to{transform:translate(14px) rotate(-14deg)}}@keyframes peek-pop{0%{opacity:0;transform:scale(0) rotate(-240deg)}to{opacity:1;transform:scale(1) rotate(0)}}.tata-peek[data-idle=wiggle] .tata-peek-tart{animation:peek-wiggle 1.5s var(--enter) ease-in-out infinite}.tata-peek[data-idle=bounce] .tata-peek-tart{animation:peek-bounce 1s var(--enter) ease-in-out infinite}.tata-peek[data-idle=sway] .tata-peek-tart{animation:peek-sway 2.4s var(--enter) ease-in-out infinite}.tata-peek[data-idle=stroll] .tata-peek-tart{transform-origin:50% 50%;animation:peek-stroll 3.2s var(--enter) ease-in-out infinite}@keyframes peek-wiggle{0%,to{transform:rotate(-5deg)}25%{transform:rotate(4deg) translateY(-3px)}50%{transform:rotate(-3deg)}75%{transform:rotate(5deg) translateY(-2px)}}@keyframes peek-bounce{0%,to{transform:translateY(0) scale(1.06,.94)}45%{transform:translateY(-13px) scale(.96,1.05)}}@keyframes peek-sway{0%,to{transform:rotate(-11deg)}50%{transform:rotate(11deg)}}@keyframes peek-stroll{0%,to{transform:translate(0) rotate(0)}45%,55%{transform:translate(-38px) rotate(-200deg)}}.tata-peek-sparks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.tata-peek-sparks i{position:absolute;top:6px;left:50%;width:9px;height:9px;background:#f6c84c;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;animation:peek-spark 1.4s calc(var(--enter) + 80ms) ease-out infinite}.tata-peek-sparks i:nth-child(1){--dx: -26px}.tata-peek-sparks i:nth-child(2){--dx: 4px;animation-delay:calc(var(--enter) + .43s);width:7px;height:7px}.tata-peek-sparks i:nth-child(3){--dx: 26px;animation-delay:calc(var(--enter) + .78s)}@keyframes peek-spark{0%{opacity:0;transform:translate(-50%,6px) scale(.4)}25%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx, 0px)),-30px) scale(1) rotate(60deg)}}@keyframes peek-note-in{0%{opacity:0;transform:scale(.3) rotate(8deg)}}@keyframes peek-note-out{to{opacity:0;transform:scale(.6)}}.tata-peek.is-leaving .tata-peek-note{animation:peek-note-out .25s ease-in both}.tata-peek.is-leaving .tata-peek-body{animation:peek-down .42s ease-in both}.tata-peek.is-leaving[data-act=roll] .tata-peek-body,.tata-peek.is-leaving[data-act=side] .tata-peek-body{animation:peek-roll-off .44s ease-in both}.tata-peek.is-leaving[data-act=pop] .tata-peek-body{animation:peek-pop-out .36s ease-in both}@keyframes peek-down{to{opacity:0;transform:translateY(80px) rotate(-18deg) scale(.7)}}@keyframes peek-roll-off{to{transform:translate(140px) rotate(360deg)}}@keyframes peek-pop-out{to{opacity:0;transform:scale(0) rotate(200deg)}}@media(min-width:900px){.tata-peek{right:28px;bottom:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}