@import "https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&family=Indie+Flower&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Indie Flower",cursive;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-white:#fff;--spacing:.25rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:"Indie Flower",cursive;--default-mono-font-family:var(--font-mono);--font-display:"Gloria Hallelujah",cursive}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-6{margin-top:calc(var(--spacing)*6)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-block{display:inline-block}.h-\[68px\]{height:68px}.max-h-12{max-height:calc(var(--spacing)*12)}.min-h-0{min-height:calc(var(--spacing)*0)}.w-full{width:100%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[var\(--border-width\)\]{border-color:var(--border-width)}.border-\[var\(--ink\)\]{border-color:var(--ink)}.border-t-\[var\(--border-width\)\]{border-top-color:var(--border-width)}.border-t-\[var\(--ink\)\]{border-top-color:var(--ink)}.bg-\[var\(--lemon-soft\)\]{background-color:var(--lemon-soft)}.bg-white{background-color:var(--color-white)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.px-3{padding-inline:calc(var(--spacing)*3)}.py-2{padding-block:calc(var(--spacing)*2)}.py-\[0\.55rem\]{padding-block:.55rem}.pt-3{padding-top:calc(var(--spacing)*3)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.text-left{text-align:left}.font-\[\'Gloria_Hallelujah\'\]{font-family:Gloria Hallelujah}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[var\(--text-body\)\]{color:var(--text-body)}.text-\[var\(--text-meta\)\]{color:var(--text-meta)}.text-\[var\(--text-subheading\)\]{color:var(--text-subheading)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:opacity-70:hover{opacity:.7}}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}}:root{--bg-mint:#e0efd5;--lemon-yellow:#fcefa6;--lemon-soft:#fff5cc;--paper:#fffcf5;--ink:#181818;--ink-soft:#3a3a3a;--error-bg:#ffe4e4;--error-border:#8f2d2d;--border-width:2.5px;--text-heading:2.7rem;--text-subheading:1.5rem;--text-body:1.3rem;--text-meta:1rem}*{box-sizing:border-box}body{background-color:var(--bg-mint);color:var(--ink);font-family:var(--font-sans);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E");margin:0;overflow-x:hidden}.desk-surface{justify-content:center;align-items:center;min-height:100vh;padding:2.5rem 1rem;display:flex}.paper-note{border:var(--border-width)solid var(--ink);background:var(--paper);will-change:transform;border-radius:2px 255px 3px 25px/255px 5px 225px 3px;width:100%;max-width:900px;padding:2rem 1.2rem;transition:transform .3s;position:relative;transform:rotate(-.8deg);box-shadow:10px 10px #0000001a,5px 5px 15px #0000000d}.paper-inner{flex-direction:column;gap:2.5rem;display:flex}.paper-title{font-family:var(--font-display);font-size:var(--text-heading);text-align:center;color:var(--ink);margin:0;line-height:.95;transform:rotate(-.8deg)}.paper-highlight{z-index:1;display:inline-block;position:relative}.paper-highlight:after{content:"";background:var(--lemon-yellow);z-index:-1;border-radius:6px;height:.7rem;position:absolute;bottom:.1rem;left:-4px;right:-4px;transform:skew(-10deg)rotate(-1deg)}.paper-subtitle{text-align:center;max-width:46rem;color:var(--ink-soft);font-size:var(--text-body);margin:0 auto;line-height:1.25}.paper-kicker{text-align:center;font-family:var(--font-display);font-size:var(--text-subheading);margin:0}.section-label{font-family:var(--font-display);font-size:var(--text-subheading);margin:.2rem 0;display:inline-block}.section-label-small{font-size:var(--text-body)}.input-area{width:100%}.input-wrapper{margin-top:1rem;display:block;position:relative!important}.input-word-count{border:var(--border-width)solid var(--ink);background:var(--paper);font-family:var(--font-display);font-size:var(--text-meta);z-index:2;pointer-events:none;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:0 10px;line-height:1.6;position:absolute!important;top:-12px!important;right:12px!important}.input-word-count-over{color:#c0392b;border-color:#c0392b}.input-textarea{border:2px dashed var(--ink);width:100%;min-height:70px;color:var(--ink);font-size:var(--text-body);font-family:var(--font-sans);resize:vertical;background:0 0;border-radius:0;outline:none;padding:.85rem 1rem;line-height:1.3;display:block}.input-textarea::placeholder{color:#8f8f8f;font-style:italic}.input-textarea:focus{background:#fcefa633;border-style:solid}.subtle-note{font-size:var(--text-meta);color:#6e6e6e}.chip-row{flex-wrap:wrap;gap:.5rem;display:flex}.chip-btn{border:var(--border-width)solid var(--ink);color:var(--ink);font-family:var(--font-display);font-size:var(--text-meta);cursor:pointer;background:#fff;border-radius:999px;padding:.2rem .75rem;transition:transform .12s}.chip-btn:hover{background:var(--lemon-soft);transform:translateY(-1px)}.chip-btn:disabled{opacity:.55;cursor:not-allowed}.memory-grid{scrollbar-width:thin;scrollbar-color:silver transparent;flex-wrap:nowrap;gap:.75rem;margin-top:.4rem;padding-bottom:.4rem;display:flex;overflow-x:auto}.memory-grid::-webkit-scrollbar{height:3px}.memory-grid::-webkit-scrollbar-track{background:0 0}.memory-grid::-webkit-scrollbar-thumb{background:silver;border-radius:999px}.doodle-icon{stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;fill:none}.sketch-btn{border:var(--border-width)solid var(--ink);color:var(--ink);box-shadow:4px 4px 0 var(--ink);font-family:var(--font-display);font-size:var(--text-meta);cursor:pointer;background:#fff;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:.28rem .75rem;transition:transform .12s}.sketch-btn:hover{transform:translate(-1px,-1px)}.sketch-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.subtle-btn{background:#fff}.danger-btn{background:#ffe7e7}.success-btn{background:#ecffea}.output-box{border:var(--border-width)solid var(--ink);background:#fff;min-height:70px;padding:1rem;position:relative;transform:rotate(.6deg)}.output-box:before{content:"translation";border:var(--border-width)solid var(--ink);font-family:var(--font-display);font-size:var(--text-meta);background:#fff;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:0 10px;position:absolute;top:-16px;left:12px}.output-text{font-size:var(--text-body);line-height:1.35}.output-placeholder{color:#9a9a9a;font-style:italic}.pill{border:var(--border-width)solid transparent;background:var(--lemon-soft);font-size:var(--text-meta);white-space:nowrap;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:.08rem .55rem;transition:border-color .12s,box-shadow .12s,transform .12s}.pill[role=button],button.pill{cursor:pointer}button.pill{flex-shrink:0}button.pill:disabled{opacity:.55;cursor:not-allowed;transform:none}.pill:hover{border-color:var(--ink);box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.pill.selected{border-color:var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--lemon-yellow);transform:translate(-1px,-1px)}.panel-block{border:var(--border-width)solid var(--ink);background:#fff;padding:.8rem}.settings-icon-cta{cursor:pointer;border:var(--border-width)solid var(--ink);width:2.6rem;font-size:var(--text-body);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:255px 15px 225px/15px 225px 15px 255px;flex-shrink:0;justify-content:center;align-items:center;line-height:1;list-style:none;transition:transform .12s;display:flex}.settings-icon-cta:hover{transform:translate(-1px,-1px)}.settings-details{position:relative}.settings-panel{z-index:10;background:#fff;min-width:220px;position:absolute;top:calc(100% + .5rem);left:0}.mode-actions-row{align-items:center;gap:.75rem;display:flex}.mode-actions-row .memory-grid{flex:1;min-width:0}.translate-settings-row{align-items:center;gap:.5rem;display:flex}.output-actions{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.output-actions-group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.output-actions-right{margin-left:auto}.notice-good{color:#2b5b25}.notice-error{border:var(--border-width)solid var(--error-border);background:var(--error-bg);color:#481414;padding:.6rem .8rem}.note-link{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.sticker{pointer-events:none;position:absolute}.sticker-top{width:72px;animation:4.2s ease-in-out infinite stickerFloatTop;top:-28px;left:-16px;transform:rotate(-15deg)}.sticker-bottom{width:64px;animation:5.1s ease-in-out infinite stickerFloatBottom;bottom:-18px;right:-16px;transform:rotate(12deg)}.lemon-svg{fill:var(--lemon-yellow);stroke:var(--ink);stroke-width:3px}.lemon-detail{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linecap:round}@keyframes stickerFloatTop{0%{transform:translateY(0)rotate(-15deg)}50%{transform:translateY(-8px)rotate(-12deg)}to{transform:translateY(0)rotate(-15deg)}}@keyframes stickerFloatBottom{0%{transform:translateY(0)rotate(12deg)}50%{transform:translateY(6px)rotate(15deg)}to{transform:translateY(0)rotate(12deg)}}@media (min-width:860px){.paper-note{padding:2.6rem}}@media (max-width:768px){.paper-note{width:95%;padding:2rem 1rem}.mode-actions-row{flex-direction:column;align-items:flex-start}.mode-actions-row .memory-grid{flex:none;width:100%}}.paper-note:hover{transform:rotate(0)scale(1.012)translateY(-2px)}.paywall-backdrop{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.paywall-card{background:var(--paper);border:var(--border-width)solid var(--ink);text-align:center;border-radius:2px 255px 3px 25px/255px 5px 225px 3px;flex-direction:column;align-items:center;gap:1.1rem;width:100%;max-width:420px;padding:2.2rem 2rem;display:flex;transform:rotate(-.6deg);box-shadow:10px 10px #00000026}.paywall-emoji{margin:0;font-size:2.8rem;line-height:1}.paywall-title{font-family:var(--font-display);font-size:var(--text-subheading);color:var(--ink);margin:0}.paywall-body{font-size:var(--text-body);color:var(--ink-soft);margin:0;line-height:1.35}.paywall-perks{background:var(--lemon-soft);border:var(--border-width)solid var(--ink);text-align:left;width:100%;padding:.8rem 1rem}.paywall-perks-label{font-family:var(--font-display);font-size:var(--text-meta);margin:0 0 .5rem}.paywall-perks-list{font-size:var(--text-meta);color:var(--ink-soft);flex-direction:column;gap:.25rem;margin:0;padding-left:1.2rem;display:flex}.paywall-cta{text-align:center;background:var(--paper);font-size:var(--text-meta);text-decoration:none;display:inline-block}.paywall-escape{font-family:var(--font-sans);font-size:var(--text-meta);color:#888;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;text-decoration:underline}.paywall-escape:hover{color:var(--ink)}.free-usage-bar{font-size:var(--text-meta);color:var(--ink-soft);align-items:center;gap:.5rem;display:flex}.free-usage-pips{gap:4px;display:flex}.free-usage-pip{border:var(--border-width)solid var(--ink);background:#fff;border-radius:50%;width:10px;height:10px}.free-usage-pip.used{background:#e05252;border-color:#8f2d2d}.subscribe-perks-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.subscribe-perk-item{font-size:var(--text-body);align-items:center;gap:.6rem;display:flex}.subscribe-cta-area{border:var(--border-width)solid var(--ink);background:var(--lemon-soft);flex-direction:column;gap:.6rem;padding:1.2rem;display:flex}.subscribe-coming-soon{font-family:var(--font-display);font-size:var(--text-subheading);margin:0}.subscribe-email-form{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.subscribe-email-input{flex:1;min-width:180px}.settings-pro-row{opacity:.7;text-decoration:none;transition:opacity .12s}.settings-pro-row:hover{opacity:1}.settings-pro-badge{font-family:var(--font-display);background:var(--lemon-yellow);border:var(--border-width)solid var(--ink);white-space:nowrap;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:0 6px;font-size:.7rem;line-height:1.5}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}