@font-face{font-family:Paper Caveat;src:url(/caveat-variable.ttf) format("truetype");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Paper Handlee;src:url(/handlee-regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Paper Kalam;src:url(/kalam-regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Paper WenKai;src:url(/wenkai-chinese.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:light;--paper-width:min(61vw,100svh,1120px);--paper-shift:150px}*{box-sizing:border-box}body,html{width:100%;min-height:100%;margin:0}body{overflow:hidden;background:#b99268;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.scene-root{position:relative;width:100vw;height:100svh;min-height:620px;overflow:hidden;isolation:isolate;background:#c59d72}.scene-background{position:absolute;z-index:0;inset:0;background-image:url(/study-desk-scene.png);background-position:50%;background-size:cover;filter:brightness(1.09) saturate(.68);transform:scale(1.012)}.scene-background:after{position:absolute;inset:0;content:"";background:#d7e6f3;opacity:.12;mix-blend-mode:soft-light}.paper-group{position:absolute;z-index:20;top:18svh;left:25vw;width:var(--paper-width);aspect-ratio:297/210;transform:translateZ(0) perspective(2600px) rotate(1.8deg) rotateX(22deg);transform-origin:52% 78%;transition:transform .9s cubic-bezier(.2,.72,.2,1);will-change:transform}.paper-group.is-moved{transform:translate3d(var(--paper-shift),0,0) perspective(2600px) rotate(1.8deg) rotateX(22deg)}.paper-contact-shadow{position:absolute;z-index:0;inset:2px -1px -3px 2px;border-radius:1% .3% .8% .5%;background:rgb(65 41 21/31%);filter:blur(2.2px);transform:translate(1px,2px)}.paper-contact-shadow:after{position:absolute;right:-.5%;bottom:-3px;left:2%;height:15px;border-radius:50%;background:linear-gradient(90deg,transparent,rgb(56 36 19/18%) 20%,rgb(53 34 18/23%) 59%,rgb(58 40 23/10%) 88%,transparent);filter:blur(6px);content:""}.paper-surface{position:absolute;z-index:1;inset:0;overflow:hidden;clip-path:polygon(.35% .15%,24% .04%,51% .18%,76% 0,99.65% .22%,99.82% 31%,99.7% 66%,99.92% 99.55%,73% 99.86%,48% 99.7%,24% 99.94%,.08% 99.7%,.18% 68%,0 33%);background-color:#fcfbf7;background-image:radial-gradient(ellipse at 22% 18%,rgb(255 255 255/22%),transparent 45%),radial-gradient(ellipse at 86% 68%,rgb(177 157 135/6%),transparent 48%),linear-gradient(114deg,rgb(255 253 248/12%),transparent 40%,rgb(143 122 100/3%) 83%,rgb(107 87 68/5%));box-shadow:inset 0 0 0 1px rgb(111 90 67/6%)}.paper-fiber{opacity:.46;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82 .28' numOctaves='3' seed='19'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 .11'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");background-image:url(/paper-cotton.png);background-size:100% 100%;mix-blend-mode:multiply}.paper-fiber,.words-layer{position:absolute;inset:0;pointer-events:none}.words-layer{width:100%;height:100%;overflow:visible;fill:#252622;font-family:Paper Caveat,Segoe Print,cursive;font-size:48px;font-style:normal;font-weight:450;letter-spacing:.4px;user-select:none}.paper-undulations{position:absolute;inset:0;opacity:.12;background:linear-gradient(163deg,transparent 78%,rgb(104 89 69/7%) 80%,rgb(255 255 255/75%) 80.6%,transparent 83%),linear-gradient(31deg,transparent 10%,rgb(107 94 73/6%) 11.2%,rgb(255 255 255/70%) 11.9%,transparent 14%),linear-gradient(174deg,transparent 94%,rgb(118 99 75/13%) 98%,rgb(255 255 255/75%) 99%);pointer-events:none}.environment-light,.environment-shadow{position:absolute;inset:-8%;pointer-events:none}.environment-shadow{z-index:30;opacity:.24;background:radial-gradient(ellipse 24% 54% at 7% 31%,rgb(65 70 39/30%),transparent 69%),radial-gradient(ellipse 15% 38% at 29% 38%,rgb(66 68 40/20%),transparent 72%),radial-gradient(ellipse 10% 29% at 43% 48%,rgb(71 71 43/13%),transparent 74%),linear-gradient(118deg,transparent 21%,rgb(66 66 39/23%) 29%,rgb(71 70 42/10%) 35%,transparent 44%),linear-gradient(126deg,transparent 8%,rgb(72 73 43/9%) 27%,transparent 48%);background:#555c64;mask-image:url(/room-leaf-shadow.png);mask-size:100% 100%;mask-repeat:no-repeat;filter:blur(4px);mix-blend-mode:multiply;transform:translate(1%,-14%) rotate(-8deg) scale(1.08)}.environment-light{z-index:31;opacity:.65;background:radial-gradient(ellipse 52% 64% at 30% 18%,rgb(255 255 251/50%),transparent 70%),linear-gradient(116deg,transparent 20%,rgb(255 255 253/24%) 35%,transparent 49% 100%);filter:blur(20px);mix-blend-mode:soft-light}.scene-brand{top:27px;display:flex;align-items:center;gap:13px;color:#fafbf8;text-shadow:0 1px 8px rgb(32 38 27/25%);font-size:23px;letter-spacing:.09em}.scene-brand,.word-box{position:absolute;z-index:40;left:2.6vw}.word-box{top:18svh;width:min(22vw,338px);padding:18px 14px 12px;border:1px solid rgb(255 255 255/54%);border-radius:20px;color:#303431;background:linear-gradient(125deg,rgb(255 255 255/37%),rgb(248 250 247/19%)),rgb(244 246 242/25%);backdrop-filter:blur(19px) saturate(105%);-webkit-backdrop-filter:blur(19px) saturate(105%);box-shadow:inset 0 1px 0 rgb(255 255 255/47%),0 14px 40px rgb(47 51 40/13%)}.word-box-heading{display:flex;gap:10px;align-items:center;min-height:40px;width:fit-content;padding:0 15px;margin:0 4px 14px;border-radius:999px;background:rgb(253 254 251/47%);font-size:15px}.word-card{padding:24px 18px 20px;border-radius:15px;background:rgb(251 251 248/68%);box-shadow:inset 0 1px 0 rgb(255 255 255/38%)}.word-card-content{min-height:152px;animation:card-word-enter .3s ease-out}.word-card-title{display:flex;align-items:center;gap:6px}.word-card-title h1{flex:1;min-width:0;margin:0;font-family:Paper Handlee,cursive;font-weight:400;font-size:clamp(29px,2.55vw,39px);line-height:1.35;white-space:nowrap}.fitted-word{display:inline-block;white-space:nowrap;-webkit-text-stroke:.25px currentColor}.pronounce-button{display:grid;place-items:center;flex-shrink:0;width:36px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:#525953;cursor:pointer}.pronounce-button:hover{background:rgb(255 255 255/50%)}.word-phonetic{margin:8px 0 0;color:#656a65;font-size:16px;line-height:1.5}.word-meaning{margin:7px 0 22px;font-size:18px;line-height:1.6}.word-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.word-action{min-height:46px;padding:10px 8px;border:1px solid transparent;border-radius:12px;font-size:15px;line-height:1.5;cursor:pointer;transition:background .16s ease,transform .16s ease}.word-action.primary{background:#3c70e6;color:#fff;box-shadow:inset 0 1px 0 rgb(255 255 255/20%)}.word-action.primary:hover{background:#3063d6}.word-action.secondary{border-color:rgb(84 91 83/15%);background:rgb(252 252 249/25%);color:#464d47}.word-action.secondary:hover{background:rgb(255 255 255/60%)}.pronounce-button:active,.word-action:active{transform:scale(.98)}.word-action:disabled{opacity:.48;cursor:default;transform:none}.pronounce-button:focus-visible,.word-action:focus-visible{outline:2px solid #315cb1;outline-offset:3px}.word-box-status{min-height:19px;margin:10px 6px 0;color:#444e43;font-size:13px;line-height:1.5}.word-box-switch{border:0;cursor:pointer;max-width:100%;color:inherit}.word-box-switch span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-box-switch svg{flex-shrink:0}.word-box-switch:focus-visible{outline:2px solid #607fad;outline-offset:3px}.create-paper-dialog.word-box-dialog{width:min(600px,calc(100vw - 32px));padding:24px;gap:12px}.box-field{display:grid;gap:8px;font-size:14px}.box-import-chooser{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.box-import-chooser .word-action{flex:0 0 auto;padding:9px 14px;font-size:14px}.box-hidden-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.box-input{width:100%;padding:11px 13px;border:1px solid rgb(111 124 109/25%);border-radius:10px;color:#30392f;background:rgb(255 255 255/54%);font:inherit;font-size:16px;line-height:1.6}.box-input:focus{outline:2px solid #8da8cf;outline-offset:1px}.box-paste{min-height:148px;max-height:260px;resize:vertical;field-sizing:fixed}.word-box-choices{display:grid;gap:10px;max-height:42svh;overflow-y:auto}.word-box-choice{display:grid;gap:6px;text-align:left;padding:16px;border:1px solid rgb(255 255 255/65%);border-radius:12px;background:rgb(255 255 255/32%);color:#3d4739;cursor:pointer}.word-box-choice[aria-pressed=true]{border-color:#93a9cd;background:rgb(161 185 220/15%)}.word-box-choice>span{font-size:16px;overflow-wrap:anywhere}.word-box-choice small{font-size:14px;color:#65715e;overflow-wrap:anywhere}.word-box-choice:focus-visible{outline:2px solid #607fad;outline-offset:-2px}.box-import-result{max-height:200px;overflow:auto;font-size:14px;line-height:1.6}.box-import-result p{margin:0 0 8px}.box-import-result dl{margin:0}.box-import-result dl>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:7px 0;border-bottom:1px solid rgb(101 112 95/12%);overflow-wrap:anywhere}.box-import-result dd{margin:0}.box-import-result dl>div>*{min-width:0}.box-meaning-source{display:block;font-size:12px;color:#697264;margin-top:3px}.box-meaning-edit{padding:6px 8px;border-radius:6px;font-size:14px}.box-lookup-note,.box-lookup-status{font-size:14px;line-height:1.6;color:#59644f}.box-dictionary-credit{width:fit-content;font-size:12px;color:#59644f;text-underline-offset:3px}.box-form-actions{display:flex;gap:12px}.box-form-actions>button{flex:1}.box-import-errors{margin:0;padding-left:20px;color:#8d5439}.box-form-error{color:#8d5439;font-size:14px;line-height:1.6;margin:0}.word-box-empty{min-height:218px;display:flex;flex-direction:column;justify-content:center}.word-box-empty h2{font-size:20px;font-weight:500;margin:0 0 10px}.word-box-empty p{font-size:16px;line-height:1.7;margin:0 0 26px;color:#616760}@keyframes card-word-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px) and (min-width:761px){.word-box{left:2vw;width:27vw;padding:12px 10px 8px}.word-card{padding:20px 12px 16px}.word-card-title h1{font-size:29px}.word-card-actions{gap:6px}.word-action{font-size:14px;padding-inline:4px}.scene-root .paper-group{left:31vw;width:66vw}}@media (max-width:760px){body{overflow-y:auto}.scene-root{height:max(100svh,920px)}.scene-brand{top:23px;left:18px;font-size:20px}.word-box{top:88px;left:16px;width:calc(100vw - 32px);padding:12px}.word-box-heading{margin-bottom:10px}.word-card{padding:16px}.word-card-content{min-height:118px}.word-card-title h1{font-size:34px}.word-meaning{margin-bottom:14px}.word-box-status{margin-top:6px}.scene-root .paper-group{top:430px}.word-box-empty{min-height:166px}}@media (prefers-reduced-motion:reduce){.word-card-content{animation:none}}@media (prefers-reduced-transparency:reduce){.word-box{background:#f0f2ed;backdrop-filter:none}.word-card{background:#fafbf8}}.font-comparison{z-index:50;width:min(580px,calc(100vw - 32px));max-height:var(--radix-popover-content-available-height);overflow-y:auto;padding:14px;border:1px solid rgb(255 255 255/78%);border-radius:18px;background:rgb(251 251 249/85%);backdrop-filter:blur(22px);box-shadow:0 8px 28px rgb(40 43 45/12%);color:#363b3b}.scene-settings{position:fixed;z-index:45;top:24px;right:26px;display:flex;gap:10px}.font-comparison-heading{display:flex;align-items:center;justify-content:space-between;padding:0 4px 10px;font-size:16px}.font-comparison-heading h2{margin:0;font-size:inherit;font-weight:550}.font-comparison-heading button{border:0;background:transparent;color:inherit;font-size:23px;cursor:pointer;width:32px;height:32px}.font-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.font-option{padding:12px 8px;border:1px solid rgb(75 85 85/15%);border-radius:10px;background:rgb(255 255 255/52%);text-align:left;color:#252622;cursor:pointer}.font-option[data-selected=true]{border-color:#7e9aaf;background:#f2f7fa}.font-option{position:relative}.font-radio{position:absolute;opacity:0;width:1px;height:1px}.font-option:focus-within{outline:2px solid #5d829d;outline-offset:2px}.font-option-label{display:block;margin-bottom:9px;font:14px ui-sans-serif,sans-serif;color:#56636a}.font-save-notice{margin:14px 4px 2px;font-size:14px;line-height:1.5;color:#56636a}.font-sample{display:block;line-height:1.35}.font-option:focus-visible{outline:2px solid #5d829d;outline-offset:2px}@media (max-width:760px){.font-comparison{padding:10px}.scene-settings{top:16px;right:16px}.font-options{gap:5px}.font-sample{font-size:21px!important}}.placement-debug{position:fixed;z-index:40;right:26px;bottom:24px;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:calc(100vw - 32px)}.placement-status{width:100%;text-align:right;font-size:13px;color:#41372d}.word-arriving{animation:word-arrive .65s ease-out}.paper-word{transition:transform .32s ease,fill .32s ease}.paper-word-trigger{pointer-events:auto;cursor:pointer;outline:none}.word-hit-area{fill:transparent;stroke:transparent;stroke-width:1.5}.paper-word-trigger:focus-visible .word-hit-area{stroke:#6b8fae;stroke-dasharray:4 5}.meaning-popover{z-index:50;width:max-content;max-width:min(240px,calc(100vw - 32px));padding:0;border:0;border-radius:0;color:#555b56;background:transparent;box-shadow:none;pointer-events:none}.meaning-popover[data-state=open]{animation:meaning-appear .45s ease-out both}.meaning-popover[data-state=closed]{animation:meaning-disappear .45s ease-in both}.meaning-chinese{margin:0;font-family:Paper WenKai,Kaiti SC,STKaiti,KaiTi,cursive;font-size:14px;font-weight:400;line-height:1.65;letter-spacing:.025em;text-align:center;text-wrap:balance}@keyframes meaning-appear{0%{opacity:0;transform:translateY(4px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes meaning-disappear{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.meaning-popover[data-state]{animation-duration:1ms}}.paper-word.is-focused{transform:scale(1.025);fill:#263d55}.word-focus-wash{fill:rgb(141 170 204/21%);stroke:rgb(128 159 194/25%);stroke-width:1;opacity:0;transition:opacity .3s ease}.paper-word.is-focused .word-focus-wash{opacity:1}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.rewind-control{position:absolute;z-index:40;left:57%;bottom:26px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center}.rewind-button{position:relative;display:grid;place-items:center;width:108px;height:100px;padding:0;border:0;background:transparent;cursor:pointer;border-radius:50%}.rewind-orbit{position:absolute;inset:0;border-radius:50%;border-color:rgb(255 255 255/83%) transparent rgb(255 255 255/35%) rgb(255 255 255/35%);border-style:solid;border-width:1px;transform:rotate(-18deg);pointer-events:none}.rewind-glass{position:relative;isolation:isolate;display:grid;place-items:center;width:73px;height:73px;border-radius:50%;border:1px solid rgb(255 255 255/84%);color:#fcfefd;background:radial-gradient(ellipse at 32% 18%,rgb(255 255 255/64%),transparent 29%),radial-gradient(ellipse at 73% 84%,rgb(255 252 231/47%),transparent 29%),radial-gradient(circle at 48% 43%,transparent 38%,rgb(75 103 113/20%) 66%,rgb(236 249 255/61%) 82%,rgb(255 255 255/90%) 97%),linear-gradient(145deg,rgb(252 255 255/13%),rgb(82 110 122/16%) 62%,rgb(255 255 255/22%));backdrop-filter:blur(1.5px) saturate(125%) contrast(108%);-webkit-backdrop-filter:blur(1.5px) saturate(125%) contrast(108%);box-shadow:inset 1px 2px 2px rgb(255 255 255/95%),inset -2px -3px 3px rgb(234 250 255/77%),inset 4px 5px 9px rgb(61 91 108/16%),0 2px 3px rgb(64 61 49/20%),0 9px 14px -5px rgb(62 68 59/32%);transition:transform .26s cubic-bezier(.2,.8,.3,1),box-shadow .26s ease}.rewind-glass:before{inset:5px;border-top:2px solid rgb(255 255 255/88%);border-left:1px solid rgb(255 255 255/46%);border-right:1px solid transparent;background:radial-gradient(ellipse 18% 10% at 27% 17%,rgb(255 255 255/92%),transparent 100%);transform:rotate(-24deg);opacity:.85;transition:opacity .24s ease}.rewind-glass:after,.rewind-glass:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.rewind-glass:after{inset:10px 7px 4px;border-bottom:2px solid rgb(255 255 255/80%);border-right:1px solid rgb(226 247 255/49%);transform:rotate(25deg);filter:blur(.4px)}.rewind-glass svg{position:relative;z-index:1;filter:drop-shadow(0 1px 2px rgb(33 57 68/65%))}.rewind-button:hover .rewind-glass{box-shadow:inset 1px 2px 3px rgb(255 255 255/100%),inset -2px -3px 4px rgb(234 250 255/90%),inset 4px 5px 9px rgb(61 91 108/16%),0 2px 3px rgb(64 61 49/18%),0 10px 17px -5px rgb(62 68 59/30%)}.rewind-button:hover .rewind-glass:before{opacity:1}.rewind-glass{width:90px;height:90px;border:0;background:url(/rewind-glass-sphere.png) 50%/contain no-repeat;filter:contrast(.82) brightness(1.25) saturate(.65);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;transition:transform .26s cubic-bezier(.2,.8,.3,1),filter .22s ease}.rewind-glass:after,.rewind-glass:before{content:none}.rewind-button:hover .rewind-glass{box-shadow:none;filter:contrast(.82) brightness(1.31) saturate(.65)}.rewind-button:active .rewind-glass{transform:scale(.95)}.rewind-button:focus-visible{outline:2px solid #536f84;outline-offset:4px}.rewind-button:disabled{cursor:default}.rewind-label{text-align:center;font-size:14px;line-height:1.5;color:#4b514a;pointer-events:none}.rewind-label span{display:block;font-size:12px}@media (max-width:760px){.rewind-control{left:50%;bottom:48px}}@media (prefers-reduced-motion:reduce){.paper-word,.rewind-glass,.rewind-glass:before,.word-focus-wash{transition:none}}@media (prefers-reduced-transparency:reduce){.rewind-glass{background:#697777;backdrop-filter:none}}@keyframes word-arrive{0%{opacity:0}to{opacity:1}}.placement-control:disabled{opacity:.5;cursor:wait}.move-paper-control,.placement-control{min-height:44px;padding:0 18px;border:1px solid rgb(255 255 255/58%);border-radius:999px;background:rgb(246 241 233/78%);box-shadow:inset 0 1px 0 rgb(255 255 255/68%),0 10px 30px rgb(56 38 21/15%);color:#443b33;cursor:pointer;font-size:13px;font-weight:560;letter-spacing:.01em;backdrop-filter:blur(14px) saturate(112%);-webkit-backdrop-filter:blur(14px) saturate(112%);transition:background-color .18s ease,transform .18s ease}.move-paper-control:hover,.placement-control:hover{background:rgb(252 249 244/88%)}.move-paper-control:active{transform:scale(.98)}.move-paper-control:focus-visible,.placement-control:focus-visible{outline:2px solid rgb(67 92 69/76%);outline-offset:3px}@media (max-width:1100px){:root{--paper-width:min(72vw,96svh);--paper-shift:5vw}.paper-group{top:22svh;left:20vw}}@media (max-width:760px){:root{--paper-width:min(90vw,96svh);--paper-shift:3vw}.scene-root{min-height:520px}.scene-background{background-position:43%}.paper-group{top:30svh;left:5vw}.placement-debug{right:16px;bottom:16px}}@media (prefers-reduced-motion:reduce){.move-paper-control,.paper-group{transition-duration:.01ms}.word-arriving{animation:none}}.scene-root[data-orientation=portrait] .paper-group{width:min(43vw,53svh,650px);aspect-ratio:210/297;top:11svh;left:calc(58% - min(21.5vw, 26.5svh, 325px))}[data-slot=dialog-overlay]{position:fixed;inset:0;z-index:60;background:rgb(66 60 49/12%);backdrop-filter:blur(4px)}.create-paper-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:61;width:min(440px,calc(100vw - 32px));max-height:calc(100svh - 32px);overflow-y:auto;display:grid;gap:22px;padding:32px;color:#343b33;border:1px solid rgb(255 255 255/65%);border-radius:22px;background:rgb(250 250 246/83%);backdrop-filter:blur(26px) saturate(.85);box-shadow:0 16px 60px rgb(57 49 34/15%),inset 0 1px 0 white}.create-paper-dialog [data-slot=dialog-title]{font-size:20px;font-weight:500;margin:0;text-align:center}.create-paper-dialog [data-slot=dialog-description]{margin:0;font-size:14px;line-height:1.6;text-align:center;color:#62685e}.create-paper-close{position:absolute;top:16px;right:16px;padding:6px;border:0;background:transparent;color:#747b70;cursor:pointer}.paper-orientations{display:grid;grid-template-columns:1fr 1fr;gap:14px}.paper-orientation{position:relative;display:flex;align-items:center;flex-direction:column;gap:12px;border:1px solid transparent;padding:16px 8px;border-radius:12px;cursor:pointer;font-size:16px}.paper-orientation[data-selected=true]{border-color:#90a9da;background:rgb(143 169 210/10%)}.paper-orientation:focus-within{outline:2px solid #5677a7;outline-offset:3px}.paper-orientation small{font-size:14px;line-height:1.5;color:#687062;text-align:center}.paper-preview{display:block;width:95px;height:108px;position:relative}.paper-preview:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fbfbf8 url(/paper-cotton.png) 50%/cover;border:1px solid #dfded7;box-shadow:1px 4px 8px rgb(60 62 51/15%)}.paper-preview.landscape:after{width:90px;aspect-ratio:297/210}.paper-preview.portrait:after{height:102px;aspect-ratio:210/297}.paper-local-note{margin:0;font-size:14px;line-height:1.6;text-align:center;color:#6b7367}.paper-save-notice{position:fixed;bottom:12px;left:20px;max-width:min(400px,calc(100vw - 40px));z-index:48;padding:12px 16px;border-radius:12px;background:#fffaf0;color:#695132;font-size:14px;line-height:1.6}@media (max-width:760px){.scene-settings{gap:6px}.scene-settings .placement-control{padding:10px 13px;font-size:14px}.scene-root[data-orientation=portrait]{height:max(100svh,calc(590px + 113vw))}.scene-root[data-orientation=portrait] .paper-group{top:430px;left:10vw;width:80vw}.create-paper-dialog{padding:28px 20px}}@media (prefers-reduced-transparency:reduce){.create-paper-dialog{background:#f7f8f4}}.paper-flight{position:absolute;inset:0;z-index:20;pointer-events:none}.paper-flight .paper-group{pointer-events:auto}.paper-flight.is-returning{animation:paper-return .85s cubic-bezier(.2,.7,.2,1) both}@keyframes paper-return{0%{opacity:0;transform:translate(25px,-28px) scale(.95)}to{opacity:1;transform:none}}.paper-curl{position:absolute;z-index:3;left:0;width:100%;height:0;top:100%;opacity:0;border-radius:50%/17%;background:linear-gradient(180deg,#dad8cf,#fffef9 17%,#faf9f4 38%,#e4e1d8 72%,#bab6a9 96%,#efede4);box-shadow:0 8px 13px -6px rgb(47 39 29/28%),inset 0 1px 2px rgb(255 255 255/95%)}.paper-curl:after{content:"";position:absolute;inset:0;border-radius:inherit;background:url(/paper-cotton.png) 50%/100% auto;opacity:.19;mix-blend-mode:multiply}.scene-root[data-collecting=true] .rewind-control,.scene-root[data-collecting=true] .scene-settings,.scene-root[data-collecting=true] .word-box{opacity:.25;transition:opacity .35s;pointer-events:none}.scene-root[data-collecting=true] .paper-flight{z-index:33}.collection-box{position:absolute;width:min(31vw,390px);aspect-ratio:1;bottom:12px;right:12px;pointer-events:none}.collection-box-back{z-index:32}.collection-box-front{z-index:34}.archive-box-image{display:block;width:100%;height:100%;object-fit:contain;clip-path:polygon(4.1% 30.1%,16.2% 23%,29.9% 15.7%,96% 22.4%,96% 68.3%,78.4% 85.9%,4.1% 74.2%)}.archive-box-image.box-front{clip-path:polygon(4.1% 30.4%,79% 39.4%,96% 22.8%,96% 68.3%,78.4% 85.9%,4.1% 74.2%)}.collection-box .archive-box-image{animation:box-arrive-receive 2.9s both}@keyframes box-arrive-receive{0%{opacity:0;transform:translateX(100px)}18%,83%{opacity:1;transform:translateX(0)}87%{opacity:1;transform:translateY(3px)}91%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateX(100px)}}.paper-box-dialog{width:min(600px,calc(100vw - 32px));gap:16px}.backup-dialog{width:min(500px,calc(100vw - 32px));gap:16px}.backup-section{display:grid;gap:10px;padding:16px;border:1px solid rgb(255 255 255/72%);border-radius:14px;background:rgb(255 255 255/35%)}.backup-section h3{margin:0;font-size:16px;font-weight:600}.backup-message,.backup-section p{margin:0;font-size:14px;line-height:1.6;color:#596357}.backup-section .word-action{justify-self:start;min-width:170px;padding-inline:16px}.backup-preview{display:grid;gap:8px;margin-top:4px;padding-top:12px;border-top:1px solid rgb(82 91 76/15%)}.backup-message{color:#365c65}.box-shelf{width:180px;height:126px;margin:-10px auto 0;overflow:hidden}.box-shelf .archive-box-image{height:180px;transform:translateY(-26px)}.saved-paper-groups{display:grid;gap:20px;max-height:42svh;overflow-y:auto;padding:4px}.saved-paper-group{display:grid;gap:10px}.saved-paper-group h3{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0;font-size:16px;font-weight:600}.saved-paper-group h3 small{color:#6d7569;font-size:13px;font-weight:400}.saved-paper-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.saved-paper{display:flex;align-items:center;gap:14px;padding:14px;color:#3e453d;text-align:left;border:1px solid rgb(255 255 255/72%);border-radius:12px;background:rgb(255 255 255/36%);cursor:pointer}.saved-paper:hover{background:rgb(255 255 255/70%)}.saved-paper:focus-visible{outline:2px solid #607fad;outline-offset:2px}.saved-paper:disabled{opacity:.65;cursor:default}.saved-paper-preview{width:70px;max-height:100px;flex-shrink:0;background:#fcfbf7 url(/paper-cotton.png) 50%/cover;box-shadow:0 3px 7px rgb(54 52 38/12%);fill:#43453d}.saved-paper-info{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:16px}.saved-paper-info>span{overflow-wrap:anywhere;line-height:1.4}.saved-paper-info small{font-size:14px;color:#6d7569}.saved-paper-info em{font-size:14px;font-style:normal;color:#526e93}.box-empty{margin:0;font-size:16px;line-height:1.7;text-align:center}.desk-rest{position:absolute;z-index:40;left:50%;top:46%;transform:translate(-50%,-50%);text-align:center}.desk-rest p{color:#3f473a;font-size:18px;text-shadow:0 1px 5px #fffffb}.desk-rest>div{display:flex;gap:12px;justify-content:center;white-space:nowrap}@media (max-width:760px){.scene-settings{top:62px;right:12px;left:12px;justify-content:flex-end;gap:5px}.scene-settings .placement-control{padding:8px 10px;font-size:14px}.word-box{top:114px}.scene-root .paper-group,.scene-root[data-orientation=portrait] .paper-group{top:460px}.scene-root[data-orientation=portrait]{height:max(100svh,calc(630px + 113vw))}.collection-box{width:180px;bottom:8px;right:8px}.saved-paper-list{grid-template-columns:1fr}.box-shelf{width:140px;height:94px}.box-shelf .archive-box-image{height:140px;transform:translateY(-22px)}}@media (prefers-reduced-motion:reduce){.collection-box .archive-box-image,.paper-flight.is-returning{animation:none}}.writing-pencil{pointer-events:none;filter:drop-shadow(2px 3px 1.5px rgb(65 50 32/14%))}