:root{--font-typewriter:"Courier New","Monaco","Lucida Console",monospace;--font-impact:"Impact","Arial Black",sans-serif;--color-primary:#ff6b00;--color-secondary:#1e3a8a;--color-accent:#7c3aed;--color-success:#059669;--color-warning:#d97706;--color-error:#dc2626;--paper-bg:#f8f6f0;--paper-border:#d4af37;--paper-shadow:#0000001a;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-start{justify-content:flex-start}.flex-end,.flex-start{align-items:center;display:flex}.flex-end{justify-content:flex-end}.font-typewriter{font-family:Courier New,Monaco,Lucida Console,monospace;font-family:var(--font-typewriter)}.font-impact{font-family:Impact,Arial Black,sans-serif;font-family:var(--font-impact)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.m-0{margin:0}.m-sm{margin:.5rem;margin:var(--spacing-sm)}.m-md{margin:1rem;margin:var(--spacing-md)}.m-lg{margin:1.5rem;margin:var(--spacing-lg)}.m-xl{margin:2rem;margin:var(--spacing-xl)}.p-0{padding:0}.p-sm{padding:.5rem;padding:var(--spacing-sm)}.p-md{padding:1rem;padding:var(--spacing-md)}.p-lg{padding:1.5rem;padding:var(--spacing-lg)}.p-xl{padding:2rem;padding:var(--spacing-xl)}.mt-sm{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-md{margin-top:1rem;margin-top:var(--spacing-md)}.mt-lg{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-xl{margin-top:2rem;margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.paper-bg{background:#f8f6f0;background:var(--paper-bg);background-image:radial-gradient(circle at 20% 50%,#7877744d 0,#0000 50%),radial-gradient(circle at 80% 20%,#78777426 0,#0000 50%),radial-gradient(circle at 40% 80%,#7877741a 0,#0000 50%)}.paper-border{border:3px solid #d4af37;border:3px solid var(--paper-border);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 8px #0000001a,inset 0 1px 0 #ffffff80;box-shadow:0 4px 8px var(--paper-shadow),inset 0 1px 0 #ffffff80}.retro-decoration:before{background:linear-gradient(45deg,#ff6b00,#ff8f00);-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);content:"";height:20px;left:10px;position:absolute;top:10px;width:20px}.retro-decoration:after{background:linear-gradient(45deg,#7c3aed,#8b5cf6);border-radius:50%;bottom:10px;content:"";height:15px;position:absolute;right:10px;width:15px}.btn{border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-family:Courier New,Monaco,Lucida Console,monospace;font-family:var(--font-typewriter);font-weight:700;letter-spacing:1px;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);text-transform:uppercase;transition:all .3s ease}.btn-primary{background:linear-gradient(45deg,#ff6b00,#ff8f00);background:linear-gradient(45deg,var(--color-primary) 0,#ff8f00 100%);border:2px solid #e65100;color:#fff}.btn-primary:hover{box-shadow:0 6px 12px #ff6b004d;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(45deg,#1e3a8a,#2563eb);background:linear-gradient(45deg,var(--color-secondary) 0,#2563eb 100%);border:2px solid #1e40af;color:#fff}.btn-secondary:hover{box-shadow:0 6px 12px #1e3a8a4d;transform:translateY(-2px)}.input{background:#fff;border:2px solid #d1d5db;border-radius:4px;border-radius:var(--radius-sm);font-family:Courier New,Monaco,Lucida Console,monospace;font-family:var(--font-typewriter);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .3s ease}.input:focus{border-color:#ff6b00;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b001a;outline:none}.fade-in{animation:fadeIn .6s ease-in-out}.bounce-in{animation:bounceIn .8s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media print{.no-print{display:none!important}}@media (max-width:768px){.mobile-center{text-align:center}.mobile-full-width{width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f0f0f0;font-family:var(--font-typewriter);padding:20px}.App{background:radial-gradient(circle at 1px 1px,#ffffff26 1px,#0000 0),linear-gradient(135deg,#ff6b9d,#c06c84 50%,#6c5b7b);background-attachment:fixed;background-size:20px 20px,100% 100%;font-family:Impact,Arial Black,sans-serif;min-height:100vh;overflow:hidden;position:relative}.App:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff08 0,#ffffff08 4px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.page-transition{animation:fadeIn .6s ease-in-out}.page-transition.transitioning{animation:pageFlip .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes pageFlip{0%{opacity:1;transform:rotateY(0deg) scale(1)}50%{opacity:.5;transform:rotateY(-90deg) scale(.95)}to{opacity:0;transform:rotateY(-180deg) scale(0)}}header{color:#ffe66d;padding:3rem 2rem;position:relative;text-align:center;text-shadow:3px 3px 0 #ff6b9d,6px 6px 0 #c06c84,9px 9px 0 #6c5b7b;z-index:1}header h1{font-family:Impact,Arial Black,sans-serif;font-size:4rem;font-weight:900;letter-spacing:3px;margin-bottom:1rem;text-transform:uppercase}.tagline{color:#0ff;font-size:1.4rem;font-style:italic;font-weight:700;text-shadow:2px 2px 0 #ff1493}.subtitle{color:#ffe66d;font-size:1.2rem;font-weight:700;margin-top:.5rem}.mode-switcher{display:flex;gap:1rem;justify-content:center;margin:2rem auto;max-width:600px;position:relative;z-index:1}.mode-button{background:#fff;border:4px solid #333;box-shadow:5px 5px 0 #333;color:#333;cursor:pointer;flex:1 1;font-family:Impact,Arial Black,sans-serif;font-size:1.2rem;font-weight:900;letter-spacing:1px;padding:1.2rem 2rem;text-transform:uppercase;transition:all .2s ease}.mode-button:hover{box-shadow:7px 7px 0 #333;transform:translate(-2px,-2px)}.mode-button.active{background:linear-gradient(135deg,#ffe66d,#ff6b9d);box-shadow:3px 3px 0 #333;color:#fff;transform:translate(2px,2px)}@media (max-width:768px){header h1{font-size:2.5rem}.tagline{font-size:1.1rem}.subtitle{font-size:1rem}.mode-switcher{flex-direction:column;margin:1rem}.mode-button{font-size:1rem;padding:1rem}.App{overflow-x:hidden}}.typewriter-text{letter-spacing:.5px;line-height:1.6}.story-text,.typewriter-text{font-family:Courier New,Monaco,Lucida Console,monospace}.story-text{font-size:1.1rem;letter-spacing:.3px;line-height:2.2}.booklet-title{font-family:Impact,Arial Black,sans-serif;letter-spacing:2px;text-shadow:3px 3px 0 #0000004d;text-transform:uppercase}.fill-in-blank{background:#0000;border:none;border-bottom:2px dotted #333;font-family:Courier New,Monaco,Lucida Console,monospace;font-size:inherit;margin:0 4px;min-width:120px;outline:none;padding:2px 8px}.fill-in-blank:focus{background:#fffc;border-bottom:2px solid #ff6b9d}@media print{.App{background:#fff;padding:0}.App:before{display:none}}.cover-page-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem;width:100%}.cover-content{background:radial-gradient(circle at 3px 3px,#ffffff4d 2px,#0000 0),linear-gradient(135deg,#ffe66d,#ff6b9d 50%,#0ff);background-size:40px 40px,100% 100%;border:5px solid #333;box-shadow:10px 10px 0 #333,inset 0 0 30px #0000001a;max-width:700px;padding:4rem 3rem;position:relative;text-align:center;width:100%}.cover-content:before{border:3px dashed #3333334d;bottom:15px;content:"";left:15px;pointer-events:none;position:absolute;right:15px;top:15px}.cover-content:after{color:#333;content:"★ ★ ★";font-size:1.2rem;left:50%;letter-spacing:10px;position:absolute;top:25px;transform:translateX(-50%)}.cover-content h1{color:#333;font-family:Impact,Arial Black,sans-serif;font-size:5rem;letter-spacing:5px;line-height:1.2;margin-bottom:1rem;text-shadow:4px 4px 0 #fff,8px 8px 0 #ff1493;text-transform:uppercase}.cover-content .tagline{color:#333;font-size:1.8rem;font-weight:700;margin:1rem 0;text-shadow:2px 2px 0 #fff}.cover-content .subtitle{color:#333;font-family:Impact,sans-serif;font-size:1.4rem;font-weight:900;margin:.5rem 0 2rem;text-transform:uppercase}.instructions-box{background:#fff;border:4px solid #333;box-shadow:4px 4px 0 #333;font-size:1rem;margin:2rem auto;max-width:450px;padding:2rem}.instructions-box p{color:#333;line-height:1.4;margin:.8rem 0}.button-container{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.generate-button{border:4px solid #333;box-shadow:6px 6px 0 #333;color:#fff;cursor:pointer;font-family:Impact,Arial Black,sans-serif;font-size:1.3rem;font-weight:900;letter-spacing:2px;min-width:280px;padding:1.2rem 2.5rem;text-transform:uppercase;transition:all .1s ease}.play-button{background:linear-gradient(135deg,#0ff,#ff1493)}.print-button{background:linear-gradient(135deg,#ffe66d,#ff6b9d)}.generate-button:hover{box-shadow:8px 8px 0 #333;transform:translate(-2px,-2px)}.generate-button:active{box-shadow:3px 3px 0 #333;transform:translate(3px,3px)}@media (max-width:768px){.cover-content{padding:2rem 1.5rem}.cover-content h1{font-size:3rem;letter-spacing:3px}.cover-content .tagline{font-size:1.3rem}.cover-content .subtitle{font-size:1.1rem}.generate-button{font-size:1.2rem;padding:1.2rem 2rem}}.word-help{display:inline-block;margin-left:8px;position:relative}.help-button{align-items:center;background:#ffe66d;border:2px solid #333;border-radius:50%;box-shadow:2px 2px 0 #333;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:12px;height:24px;justify-content:center;transition:all .1s ease;width:24px}.help-button:hover{background:#ff6b9d;box-shadow:3px 3px 0 #333;transform:translate(-1px,-1px)}.help-button:active{box-shadow:1px 1px 0 #333;transform:translate(1px,1px)}.help-tooltip{background:radial-gradient(circle at 2px 2px,#00000005 1px,#0000 0),#fffef0;background-size:20px 20px,100% 100%;border:3px solid #333;box-shadow:4px 4px 0 #333;font-family:Courier New,monospace;font-size:11px;left:30px;line-height:1.4;min-width:200px;padding:12px;position:absolute;top:-10px;z-index:1000}.tooltip-header{border-bottom:2px dotted #333;color:#ff1493;font-size:13px;letter-spacing:1px;margin-bottom:6px;padding-bottom:4px;text-transform:uppercase}.tooltip-definition{color:#333;font-weight:500;margin-bottom:8px}.tooltip-examples{color:#333}.tooltip-examples strong{color:#0ff;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.examples-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.example-word{background:#ffe66d;border:1px solid #333;border-radius:3px;color:#333;font-size:10px;font-weight:700;padding:2px 6px}@media (max-width:768px){.help-button{font-size:14px;height:28px;width:28px}.help-tooltip{font-size:12px;left:-100px;min-width:250px}.tooltip-header{font-size:14px}.example-word{font-size:11px}}.word-list-page-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem;width:100%}.word-list-content{background:radial-gradient(circle at 2px 2px,#00000005 1px,#0000 0),linear-gradient(45deg,#fffef0,#fff8dc);background-size:30px 30px,100% 100%;border:5px solid #333;box-shadow:10px 10px 0 #333,inset 0 0 20px #0000001a;max-width:700px;padding:3rem 2rem;position:relative;width:100%}.word-list-content:before{color:#ff1493;left:15px}.word-list-content:after,.word-list-content:before{content:"◆";font-size:1.5rem;position:absolute;top:15px}.word-list-content:after{color:#0ff;right:15px}.word-list-content h1{border-bottom:4px solid #333;color:#ff1493;font-family:Impact,Arial Black,sans-serif;font-size:3rem;letter-spacing:2px;margin-bottom:1rem;padding-bottom:1rem;text-align:center;text-shadow:3px 3px 0 #0ff;text-transform:uppercase}.page-instructions{color:#333;font-size:1.1rem;font-style:italic;font-weight:700;margin-bottom:2rem;text-align:center}.generate-new-container{background:#ff14931a;border:2px dashed #ff1493;border-radius:10px;margin-bottom:2rem;padding:1rem;text-align:center}.generate-new-button{background:linear-gradient(135deg,#ff1493,#0ff);border:4px solid #333;box-shadow:4px 4px 0 #333;color:#fff;cursor:pointer;font-family:Impact,Arial Black,sans-serif;font-size:1rem;font-weight:900;letter-spacing:1px;margin-bottom:.5rem;padding:.8rem 1.5rem;text-transform:uppercase;transition:all .1s ease}.generate-new-button:hover{background:linear-gradient(135deg,#ff1493,#ff6b6b);box-shadow:6px 6px 0 #333;transform:translate(-2px,-2px)}.generate-new-button:active{box-shadow:2px 2px 0 #333;transform:translate(2px,2px)}.generate-new-hint{color:#666;font-size:.9rem;font-style:italic;margin:0}.word-form{gap:1.5rem;margin-bottom:2rem}.word-form,.word-form-item{display:flex;flex-direction:column}.word-form-item{gap:.5rem}.word-form-item label{align-items:center;display:flex;flex-wrap:wrap;font-size:1.1rem;font-weight:700;gap:.5rem;margin-bottom:.5rem}.word-form-number{color:#ff1493;font-family:Impact,sans-serif;font-size:1.3rem;min-width:40px}.word-form-prompt{color:#333}.word-form-input{-webkit-tap-highlight-color:transparent;background:#0000;border:none;border-bottom:3px dotted #333;font-family:Courier New,monospace;font-size:1.2rem;letter-spacing:1px;min-height:48px;min-width:200px;padding:1rem .8rem;touch-action:manipulation;transition:all .2s ease}.word-form-input:focus{background:#ffffffe6;border-bottom:3px solid #ff1493;box-shadow:0 2px 8px #ff14934d;outline:none;transform:scale(1.02)}.word-form-input::placeholder{color:#999;font-style:italic}.see-story-button{background:linear-gradient(135deg,#0ff,#ff1493);border:4px solid #333;box-shadow:6px 6px 0 #333;color:#fff;cursor:pointer;font-family:Impact,Arial Black,sans-serif;font-size:1.5rem;font-weight:900;letter-spacing:2px;padding:1.5rem 3rem;text-transform:uppercase;transition:all .1s ease;width:100%}.see-story-button:hover:not(:disabled){box-shadow:8px 8px 0 #333;transform:translate(-2px,-2px)}.see-story-button:active:not(:disabled){box-shadow:3px 3px 0 #333;transform:translate(3px,3px)}.see-story-button:disabled{background:#ccc;cursor:not-allowed;opacity:.5}.button-group{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.back-to-cover-button{background:linear-gradient(135deg,#c06c84,#6c5b7b);border:4px solid #333;box-shadow:4px 4px 0 #333;color:#fff;cursor:pointer;font-family:Impact,Arial Black,sans-serif;font-size:1.2rem;font-weight:900;letter-spacing:2px;max-width:300px;padding:1rem 2rem;text-transform:uppercase;transition:all .1s ease;width:100%}.back-to-cover-button:hover{box-shadow:6px 6px 0 #333;transform:translate(-2px,-2px)}.back-to-cover-button:active{box-shadow:2px 2px 0 #333;transform:translate(2px,2px)}@media (max-width:768px){.word-list-content{padding:2rem 1.5rem}.word-form-item{gap:.8rem}.word-form-input{font-size:1.3rem;min-height:52px;padding:1.2rem 1rem}.word-form-item label{font-size:1.2rem;margin-bottom:.5rem}}@media (max-width:1024px) and (min-width:769px){.word-form-input{font-size:1.25rem;min-height:50px;padding:1.1rem .9rem}}@media (max-width:480px){.word-list-content h1{font-size:2rem}.word-form-input{font-size:1rem}.see-story-button{font-size:1.2rem;padding:1.2rem 2rem}}.story-page-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem;width:100%}.story-content{background:radial-gradient(circle at 2px 2px,#00000005 1px,#0000 0),linear-gradient(45deg,#fffef0,#fff8dc);background-size:30px 30px,100% 100%;border:5px solid #333;box-shadow:10px 10px 0 #333,inset 0 0 20px #0000001a;max-width:800px;padding:3rem 2rem;position:relative;width:100%}.story-content:before{bottom:15px;color:#ff1493;content:"▲ ▼ ▲";font-size:1rem;left:50%;letter-spacing:5px;position:absolute;transform:translateX(-50%)}.story-content h1{border-bottom:4px solid #333;color:#ff1493;font-family:Impact,Arial Black,sans-serif;font-size:3rem;letter-spacing:2px;margin-bottom:2rem;padding-bottom:1rem;text-align:center;text-shadow:3px 3px 0 #0ff;text-transform:uppercase}.completed-story{color:#333;font-family:Courier New,monospace;font-size:1.3rem;line-height:2.5;margin:2rem auto;max-width:600px;text-align:left}.completed-story .filled-word{background:#ffe66d;border:2px solid #333;color:#ff1493;display:inline-block;font-weight:900;margin:0 2px;padding:2px 8px}.action-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:3rem}.do-another-button,.print-menu-button{border:4px solid #333;box-shadow:6px 6px 0 #333;color:#fff;cursor:pointer;font-family:Impact,Arial Black,sans-serif;font-size:1.2rem;font-weight:900;letter-spacing:2px;padding:1.2rem 2.5rem;text-transform:uppercase;transition:all .1s ease;width:100%}.print-menu-button{background:#ff6b9d}.do-another-button{background:linear-gradient(135deg,#0ff,#ff1493)}.do-another-button:hover,.print-menu-button:hover{box-shadow:8px 8px 0 #333;transform:translate(-2px,-2px)}.do-another-button:active,.print-menu-button:active{box-shadow:3px 3px 0 #333;transform:translate(3px,3px)}.print-menu{background:#fff;border:3px solid #333;box-shadow:4px 4px 0 #333;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.print-option{background:#0ff;border:3px solid #333;box-shadow:3px 3px 0 #333;color:#333;cursor:pointer;font-family:Arial Black,sans-serif;font-size:1rem;font-weight:900;padding:.8rem 1.5rem;text-transform:uppercase;transition:all .1s ease}.print-option:hover{background:#ffe66d;box-shadow:5px 5px 0 #333;transform:translate(-2px,-2px)}.print-option:active{box-shadow:1px 1px 0 #333;transform:translate(2px,2px)}@media (max-width:768px){.story-content{padding:2rem 1.5rem}.story-content h1{font-size:2rem}.completed-story{font-size:1.1rem;line-height:2.2}.do-another-button,.print-menu-button{font-size:1rem;padding:1rem 1.5rem}}.print-mode-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem;width:100%}.print-mode-content{background:radial-gradient(circle at 2px 2px,#00000005 1px,#0000 0),linear-gradient(45deg,#fffef0,#fff8dc);background-size:30px 30px,100% 100%;border:5px solid #333;box-shadow:10px 10px 0 #333,inset 0 0 20px #0000001a;max-width:600px;padding:3rem 2rem;position:relative;text-align:center;width:100%}.print-mode-content h1{border-bottom:4px solid #333;color:#ff1493;font-family:Impact,Arial Black,sans-serif;font-size:3rem;letter-spacing:2px;margin-bottom:2rem;padding-bottom:1rem;text-align:center;text-shadow:3px 3px 0 #0ff;text-transform:uppercase}.print-instructions{color:#333;font-family:Courier New,monospace;font-size:1.1rem;line-height:1.6;margin-bottom:2rem;text-align:left}.print-click-area{cursor:pointer;margin:2rem 0}.print-box{background:radial-gradient(circle at 2px 2px,#00000005 1px,#0000 0),linear-gradient(45deg,#ffe66d,#ff6b9d);background-size:20px 20px,100% 100%;border:4px dashed #333;box-shadow:4px 4px 0 #333;padding:2rem;text-align:center;transition:all .2s ease}.print-box:hover{background:radial-gradient(circle at 2px 2px,#00000005 1px,#0000 0),linear-gradient(45deg,#ff6b9d,#0ff);background-size:20px 20px,100% 100%;box-shadow:6px 6px 0 #333;transform:translate(-2px,-2px)}.print-box h3{color:#333;font-family:Impact,Arial Black,sans-serif;font-size:1.8rem;letter-spacing:2px;margin-bottom:.5rem;text-transform:uppercase}.print-box p{color:#333;font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.print-preview{background:#f5f5f5;border:2px solid #ddd;border-radius:8px;box-shadow:inset 0 2px 4px #0000001a,0 2px 8px #00000026;display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;padding:1rem;position:relative}.print-preview:before{background:#f5f5f5;color:#666;content:"Print Preview";font-family:Courier New,monospace;font-size:.8rem;left:15px;padding:0 8px;position:absolute;top:-10px}.preview-page{background:linear-gradient(145deg,#ffe4e1,#fff8dc);border:3px solid #333;border-radius:8px;box-shadow:4px 4px 0 #333,inset 0 0 10px #ff14931a;color:#333;cursor:pointer;font-family:Impact,Arial Black,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:1px;min-width:200px;padding:1.2rem 1.5rem;text-transform:uppercase;transform:rotate(-1deg);transition:all .2s ease}.preview-page:hover{box-shadow:6px 6px 0 #333,inset 0 0 15px #ff149333;transform:rotate(0deg) scale(1.05)}.print-instructions p{margin-bottom:1rem;text-align:center}.print-instructions p:first-child{color:#ff1493;font-size:1.3rem;font-weight:700}.print-instructions ul{background:#ffe66d4d;border:2px dashed #333;border-radius:5px;margin:1rem 0;padding:1rem 1.5rem}.print-instructions li{font-weight:500;margin:.5rem 0}.print-actions{align-items:center;display:flex;flex-direction:column;gap:1rem}.back-button,.regenerate-button{background:linear-gradient(135deg,#ffe66d,#ff6b9d);border:4px solid #333;box-shadow:4px 4px 0 #333;color:#333;cursor:pointer;font-size:1.2rem;font-weight:900;letter-spacing:1px;min-width:250px;padding:1rem 2rem;text-transform:uppercase;transition:all .1s ease}.back-button:hover,.regenerate-button:hover{box-shadow:6px 6px 0 #333;transform:translate(-2px,-2px)}.back-button:active,.regenerate-button:active{box-shadow:2px 2px 0 #333;transform:translate(2px,2px)}.back-button{background:linear-gradient(135deg,#0ff,#c06c84)}@media (max-width:768px){.print-mode-content{padding:2rem 1.5rem}.print-mode-content h1{font-size:2.5rem}.print-instructions{font-size:1rem}.back-button,.regenerate-button{font-size:1rem;min-width:200px;padding:.8rem 1.5rem}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}h1{color:#333;text-align:center}.container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:600px;padding:20px}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px;transition:background-color .3s}button:hover{background-color:#0056b3}.output{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;margin-top:20px;padding:10px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media print{body{margin:0;padding:0}}
/*# sourceMappingURL=main.18dfa617.css.map*/