.language-toggle{display:flex;gap:.5rem;align-items:center}.lang-btn{padding:.5rem 1.25rem;background-color:transparent;color:var(--text-light);border:1px solid var(--border-color);border-radius:20px;font-weight:400;font-size:.9rem;transition:all .3s ease}.lang-btn:hover{background-color:var(--bg-light);border-color:var(--orange);color:var(--orange-dark)}.lang-btn.active{background-color:var(--orange);color:#fff;border-color:var(--orange)}.splash-screen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:1;transition:opacity 1s ease-out}.splash-screen.fadeout{opacity:0;pointer-events:none}.splash-screen.skip-fadeout{transition:opacity .2s ease-out}.splash-background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1}.splash-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:-2rem;width:100%;height:100%}.splash-video{max-width:100%;max-height:70%;width:auto;height:auto;object-fit:contain}.splash-text-container{text-align:center;opacity:0;margin-top:-3rem;position:relative;z-index:3}.splash-text-container.fade-in{animation:fadeIn 1s ease-in forwards}.splash-title{font-family:Baskervville,Baskerville,Baskerville Old Face,Hoefler Text,Garamond,Times New Roman,serif;font-size:3rem;color:#e46f20;margin:0 0 1.5rem;font-weight:700;letter-spacing:.02em}.splash-subtitle{font-family:Baskervville,Baskerville,Baskerville Old Face,Hoefler Text,Garamond,Times New Roman,serif;font-size:1.5rem;color:#e46f20;margin:0;font-style:italic;letter-spacing:.05em}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width: 768px){.splash-title{font-size:2rem}.splash-subtitle{font-size:1.2rem}}.land-selection{width:100%;animation:fadeIn .6s ease-in;position:relative;z-index:1}.intro-section{text-align:center;margin-bottom:4rem;padding:0 1rem}.land-selection .section-title{text-align:center;margin:0 auto 18px;font-family:Baskervville,Baskerville,Baskerville Old Face,Hoefler Text,Garamond,Times New Roman,serif;font-size:35px;color:var(--primary-color);font-weight:600;font-style:italic}.intro-text{font-size:1.2rem;color:var(--text-light);line-height:1.8;margin:0 auto;font-weight:300;font-style:normal;white-space:nowrap}.lands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem;margin-bottom:2rem;padding:1rem 0}.land-card{background:linear-gradient(135deg,var(--bg-white) 0%,var(--bg-cream) 100%);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-soft);border:2px solid var(--border-color);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative}.land-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(230,126,34,.05) 0%,transparent 100%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:1}.land-card:hover:before{opacity:1}.land-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 8px 24px #5a4a3a26,0 4px 12px #e67e221a;border-color:var(--orange)}.land-image-container{width:100%;height:280px;overflow:hidden;background:linear-gradient(135deg,var(--bg-light) 0%,var(--bg-cream) 100%);position:relative}.land-image-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(230,126,34,.1) 0%,transparent 50%);opacity:0;transition:opacity .4s ease;z-index:2;pointer-events:none}.land-card:hover .land-image-container:before{opacity:1}.land-image-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,rgba(90,74,58,.08) 100%);pointer-events:none;z-index:1}.land-image{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative;z-index:0}.land-card:hover .land-image{transform:scale(1.1)}.land-info{padding:2rem;flex:1;display:flex;flex-direction:column;gap:1rem;position:relative;z-index:2;background:linear-gradient(to bottom,rgba(255,255,255,.95) 0%,rgba(250,248,245,.95) 100%)}.land-name{font-size:1.5rem;color:#e46f20;font-weight:600;line-height:1.3;font-family:helvetica-w01-roman,sans-serif;transition:color .3s ease;margin:0}.land-card:hover .land-name{color:var(--orange-dark)}.land-description{font-size:1rem;color:var(--text-light);line-height:1.6;margin:0;font-weight:300}@media (max-width: 768px){.intro-section{margin-bottom:2.5rem}.intro-text{font-size:1rem;padding:0;white-space:normal}.land-selection .section-title{font-size:35px;margin-bottom:18px}.lands-grid{grid-template-columns:1fr;gap:1.5rem}.land-image-container{height:200px}.land-info{padding:1.5rem}.land-name{font-size:1.3rem}.land-description{font-size:.95rem}}.place-selection{width:100%;animation:fadeIn .6s ease-in;position:relative;z-index:1}.intro-section{text-align:center;margin-bottom:4rem;padding:0 1rem}.intro-text{font-size:1.2rem;color:var(--text-light);line-height:1.8;margin:0 auto;font-weight:300;font-style:normal}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-title{font-size:35px;margin-bottom:18px;text-align:center;color:var(--primary-color);letter-spacing:-.01em;font-family:Baskervville,Baskerville,Baskerville Old Face,Hoefler Text,Garamond,Times New Roman,serif;font-weight:600;font-style:italic;position:relative;padding-bottom:1.5rem}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,transparent,var(--orange),transparent);border-radius:2px}.places-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-bottom:2rem;padding:1rem 0}.place-card{background:var(--bg-white);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-soft);border:2px solid var(--border-color);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;background:linear-gradient(135deg,var(--bg-white) 0%,var(--bg-cream) 100%)}.place-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(230,126,34,.05) 0%,transparent 100%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:1}.place-card:hover:before{opacity:1}.place-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 8px 24px #5a4a3a26,0 4px 12px #e67e221a;border-color:var(--orange)}.place-image-container{width:100%;height:220px;overflow:hidden;background:linear-gradient(135deg,var(--bg-light) 0%,var(--bg-cream) 100%);position:relative}.place-image-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(230,126,34,.1) 0%,transparent 50%);opacity:0;transition:opacity .4s ease;z-index:2;pointer-events:none}.place-card:hover .place-image-container:before{opacity:1}.place-image-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,rgba(90,74,58,.08) 100%);pointer-events:none;z-index:1}.place-image{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative;z-index:0}.place-card:hover .place-image{transform:scale(1.1)}.place-info{padding:1.75rem;flex:1;display:flex;align-items:center;position:relative;z-index:2;background:linear-gradient(to bottom,rgba(255,255,255,.95) 0%,rgba(250,248,245,.95) 100%)}.place-name{font-size:16px;color:#e46f20;font-weight:600;line-height:1.5;font-family:helvetica-w01-roman,sans-serif;transition:color .3s ease;margin:0!important}.place-card:hover .place-name{color:var(--orange-dark)}@media (max-width: 768px){.intro-section{margin-bottom:2.5rem}.intro-text{font-size:1rem;padding:0}.section-title{font-size:35px;margin-bottom:18px}.section-title:after{width:60px}.places-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.place-image-container{height:150px}.place-info{padding:1rem}.place-name{font-size:16px}}.back-to-places-btn,.back-to-lands-btn{background:transparent;color:var(--text-light);font-size:.95rem;padding:.6rem 1.2rem;margin-bottom:2rem;border:1px solid var(--border-color);border-radius:6px;transition:all .3s ease;font-weight:400;cursor:pointer}.back-to-places-btn:hover,.back-to-lands-btn:hover{background-color:var(--bg-light);border-color:var(--orange);color:var(--orange-dark)}.contribution-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.option-card{background:linear-gradient(135deg,var(--bg-white) 0%,var(--bg-cream) 100%);padding:3rem 2rem;border-radius:12px;box-shadow:var(--shadow-soft);border:2px solid var(--border-color);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-align:center;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.option-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(230,126,34,.08) 0%,transparent 100%);opacity:0;transition:opacity .4s ease;pointer-events:none}.option-card:hover:before{opacity:1}.option-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 8px 24px #5a4a3a26,0 4px 12px #e67e2226;border-color:var(--orange)}.option-icon{font-size:4rem;margin-bottom:1.5rem}.option-title{font-size:1.5rem;color:#e46f20;margin-bottom:1rem;font-weight:600;font-family:helvetica-w01-roman,sans-serif}.option-description{font-size:1rem;color:var(--text-light);line-height:1.6}@media (max-width: 768px){.contribution-options{grid-template-columns:1fr;gap:1.5rem}.option-card{padding:2rem 1.5rem}.option-icon{font-size:3rem}.option-title{font-size:1.3rem}}.video-recorder{width:100%;max-width:800px;margin:0 auto}.back-button{background:transparent;color:var(--text-light);font-size:.95rem;padding:.6rem 1.2rem;margin-bottom:2rem;border:1px solid var(--border-color);border-radius:6px;transition:all .3s ease;font-weight:400}.back-button:hover{background-color:var(--bg-light);border-color:var(--accent-color);color:var(--primary-color)}.place-header{text-align:center;margin-bottom:2rem}.place-title{font-size:2.2rem;color:var(--primary-color);margin-bottom:1rem;font-weight:600;font-family:helvetica-w01-roman,sans-serif}.recording-question{font-size:1.15rem;color:var(--text-light);font-style:italic;font-weight:300;line-height:1.6}.framing-tips{background:var(--bg-white);padding:2rem;border-radius:8px;margin-bottom:2.5rem;box-shadow:var(--shadow-soft);border:1px solid var(--border-color)}.tips-title{font-size:1.3rem;color:var(--primary-color);margin-bottom:1.25rem;font-weight:400;font-family:Baskervville,Baskerville,Baskerville Old Face,Hoefler Text,Garamond,Times New Roman,serif}.tips-list{list-style:none;padding:0}.tips-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-light)}.tips-list li:before{content:"\2022";position:absolute;left:0;color:var(--orange);font-weight:700;font-size:1.2rem}.video-container{width:100%;max-width:400px;margin:0 auto 2.5rem;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-lg);background:#000;min-height:600px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);position:relative;aspect-ratio:9/16}.video-wrapper{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.video-preview{width:100%;height:100%;display:block;object-fit:cover}.video-preview.portrait{object-fit:cover}.face-guide-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.face-guide-circle{width:280px;height:350px;border:3px solid rgba(255,255,255,.7);border-radius:50%;position:relative;margin-bottom:1rem;box-shadow:0 0 0 9999px #0000004d}.face-guide-circle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:260px;height:330px;border:2px dashed rgba(255,255,255,.5);border-radius:50%}.face-guide-text{color:#fff;font-size:.9rem;text-align:center;background:rgba(0,0,0,.5);padding:.5rem 1rem;border-radius:20px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5)}.camera-error{padding:3rem 2rem;text-align:center;color:#fff;width:100%}.error-icon{font-size:3rem;margin-bottom:1rem}.error-message{font-size:1.1rem;margin-bottom:1.5rem;line-height:1.6;color:#7b4720}.error-hint{font-size:.9rem;margin-top:1.5rem;opacity:.8;color:#7b4720}.error-instructions{margin-top:1.5rem;text-align:left;max-width:500px;margin-left:auto;margin-right:auto}.permission-steps{margin:1rem 0;padding-left:1.5rem;color:#7b4720;font-size:.9rem;line-height:1.8}.permission-steps li{margin-bottom:.5rem}.retry-camera-btn{padding:.75rem 2rem;background-color:var(--orange);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-orange)}.retry-camera-btn:hover{background-color:var(--orange-dark);transform:translateY(-2px);box-shadow:0 6px 16px #e67e224d}.camera-loading{padding:3rem 2rem;text-align:center;color:#fff;width:100%}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.camera-loading p{font-size:1.1rem;color:#7b4720}.recorder-controls{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.camera-toggle-btn,.record-btn,.action-btn{padding:1rem 2rem;border-radius:6px;font-size:1rem;font-weight:500;min-width:150px}.camera-toggle-btn{background-color:var(--bg-white);color:var(--primary-color);border:1px solid var(--border-color)}.camera-toggle-btn:hover:not(:disabled){background-color:var(--bg-light);border-color:var(--orange);color:var(--orange-dark)}.camera-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.record-btn.start{background-color:var(--orange);color:#fff;box-shadow:var(--shadow-orange)}.record-btn.start:hover{background-color:var(--orange-dark);box-shadow:0 6px 16px #e67e224d}.record-btn.stop{background-color:#e8322c;color:#fff}.record-btn.stop:hover{background-color:#6b5a47}.action-btn.retake{background-color:var(--bg-white);color:var(--primary-color);border:1px solid var(--border-color)}.action-btn.retake:hover{background-color:var(--bg-light);border-color:var(--orange);color:var(--orange-dark)}.action-btn.use{background-color:var(--orange);color:#fff;box-shadow:var(--shadow-orange)}.action-btn.use:hover{background-color:var(--orange-dark);box-shadow:0 6px 16px #e67e224d}@media (max-width: 768px){.place-title{font-size:1.4rem}.recording-question{font-size:1rem}.video-container{max-width:100%;min-height:500px}.face-guide-circle{width:240px;height:300px}.face-guide-circle:before{width:220px;height:280px}.face-guide-text{font-size:.8rem;padding:.4rem .8rem}.recorder-controls{flex-direction:column}.camera-toggle-btn,.record-btn,.action-btn{width:100%}}.video-upload{width:100%;max-width:800px;margin:0 auto}.upload-header{text-align:center;margin-bottom:2rem}.upload-subtitle{font-size:1rem;color:var(--text-light);margin-top:.5rem}.place-name{font-size:16px;color:#e46f20;font-weight:600;margin-top:1rem;font-family:helvetica-w01-roman,sans-serif}.video-preview-container{position:relative;width:100%;max-width:400px;margin:0 auto 2.5rem;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-lg);background:#000;border:1px solid var(--border-color);aspect-ratio:9/16;min-height:600px}.upload-video-preview{width:100%;height:100%;display:block;object-fit:cover}.subtitles-container{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:2rem 1rem 1rem;display:flex;flex-direction:column;gap:.5rem}.subtitle{color:#fff;font-size:1rem;text-align:center;padding:.5rem;background:rgba(0,0,0,.5);border-radius:4px}.subtitle.pt{font-weight:500}.subtitle.en{font-size:.9rem;opacity:.9}.upload-controls{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:2rem}.upload-btn{padding:1rem 3rem;background-color:var(--orange);color:#fff;border-radius:6px;font-size:1rem;font-weight:500;min-width:200px;transition:all .3s ease;box-shadow:var(--shadow-orange)}.upload-btn:hover:not(:disabled){background-color:var(--orange-dark);transform:translateY(-2px);box-shadow:0 6px 16px #e67e224d}.upload-btn:disabled{opacity:.6;cursor:not-allowed}.upload-success{text-align:center;padding:2rem;background:var(--bg-white);border-radius:12px;box-shadow:var(--shadow)}@media (max-width: 768px){.video-preview-container{max-width:100%;min-height:500px}.subtitles-container{padding:1.5rem .75rem .75rem}.subtitle{font-size:.9rem}.subtitle.en{font-size:.85rem}.upload-btn{width:100%;padding:1rem 2rem}}.video-uploader{width:100%;max-width:800px;margin:0 auto}.upload-container{background:var(--bg-white);padding:2rem;border-radius:8px;box-shadow:var(--shadow-soft);border:1px solid var(--border-color);margin-bottom:2rem}.file-select-area{padding:3rem 2rem;text-align:center}.file-select-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.upload-icon{font-size:4rem;margin-bottom:.5rem}.upload-title{font-size:1.5rem;color:var(--primary-color);font-weight:400;font-family:Baskervville,Baskerville,serif}.upload-hint{font-size:1rem;color:var(--text-light);max-width:400px}.select-file-btn{padding:1rem 2.5rem;background-color:var(--orange);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-orange)}.select-file-btn:hover{background-color:var(--orange-dark);transform:translateY(-2px);box-shadow:0 6px 16px #e67e224d}.video-preview-section{display:flex;flex-direction:column;gap:1.5rem}.video-preview-wrapper{width:100%;max-width:400px;margin:0 auto;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-lg);background:#000;border:1px solid var(--border-color);aspect-ratio:9/16;min-height:600px}.upload-preview-video{width:100%;height:100%;display:block;object-fit:cover}.file-info{text-align:center;padding:1rem;background:var(--bg-light);border-radius:8px}.file-name{font-weight:500;color:var(--primary-color);margin-bottom:.5rem;word-break:break-word}.file-size{font-size:.9rem;color:var(--text-light)}.upload-controls{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.change-file-btn{padding:.75rem 1.5rem;background-color:var(--bg-white);color:var(--primary-color);border:1px solid var(--border-color);border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.change-file-btn:hover:not(:disabled){background-color:var(--bg-light);border-color:var(--orange);color:var(--orange-dark)}.change-file-btn:disabled{opacity:.5;cursor:not-allowed}.submit-upload-btn{padding:.75rem 2.5rem;background-color:var(--orange);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-orange)}.submit-upload-btn:hover:not(:disabled){background-color:var(--orange-dark);transform:translateY(-2px);box-shadow:0 6px 16px #e67e224d}.submit-upload-btn:disabled{opacity:.6;cursor:not-allowed}.upload-success{text-align:center;padding:1rem;background:var(--bg-light);border-radius:8px}.success-message{font-size:1.1rem;color:#7b4720;font-weight:600}@media (max-width: 768px){.upload-container{padding:1.5rem}.file-select-area{padding:2rem 1rem}.upload-icon{font-size:3rem}.upload-title{font-size:1.3rem}.video-preview-wrapper{max-width:100%;min-height:500px}.upload-controls{flex-direction:column}.change-file-btn,.submit-upload-btn{width:100%}}.video-link{width:100%;max-width:800px;margin:0 auto}.link-container{background:var(--bg-white);padding:2rem;border-radius:8px;box-shadow:var(--shadow-soft);border:1px solid var(--border-color);margin-bottom:2rem}.link-input-section{margin-bottom:2rem}.link-label{display:block;font-size:1.1rem;color:var(--primary-color);font-weight:500;margin-bottom:.75rem;font-family:Baskervville,Baskerville,serif}.link-input{width:100%;padding:1rem;border:1px solid var(--border-color);border-radius:8px;font-family:Inter,sans-serif;font-size:1rem;color:var(--text-dark);background-color:var(--bg-white);transition:all .3s ease}.link-input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px #e67e221a}.link-input:disabled{background-color:var(--bg-light);cursor:not-allowed;opacity:.7}.link-input::placeholder{color:var(--text-light);opacity:.6}.link-hint{margin-top:.75rem;font-size:.9rem;color:var(--text-light);line-height:1.5}.link-controls{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:2rem}.submit-link-btn{padding:1rem 3rem;background-color:var(--orange);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;min-width:200px;transition:all .3s ease;box-shadow:var(--shadow-orange);cursor:pointer}.submit-link-btn:hover:not(:disabled){background-color:var(--orange-dark);transform:translateY(-2px);box-shadow:0 6px 16px #e67e224d}.submit-link-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.link-container{padding:1.5rem}.submit-link-btn{width:100%;padding:1rem 2rem}}.story-writer{width:100%;max-width:800px;margin:0 auto}.story-container{background:var(--bg-white);padding:2rem;border-radius:8px;box-shadow:var(--shadow-soft);border:1px solid var(--border-color);margin-bottom:2rem}.story-input-wrapper{margin-bottom:1.5rem}.story-textarea{width:100%;min-height:300px;padding:1.5rem;border:1px solid var(--border-color);border-radius:8px;font-family:Baskervville,Baskerville,Baskerville Old Face,Hoefler Text,Garamond,Times New Roman,serif;font-size:1rem;line-height:1.7;color:var(--text-dark);background-color:var(--bg-white);resize:vertical;transition:all .3s ease}.story-textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px #e67e221a}.story-textarea:disabled{background-color:var(--bg-light);cursor:not-allowed;opacity:.7}.story-textarea::placeholder{color:var(--text-light);opacity:.6}.story-footer{display:flex;justify-content:space-between;margin-top:.75rem;font-size:.85rem;color:var(--text-light)}.word-count,.char-count{font-weight:500}.images-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.images-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.images-title{font-size:1.1rem;color:var(--primary-color);font-weight:500;font-family:Baskervville,Baskerville,serif}.add-image-btn{padding:.6rem 1.5rem;background-color:var(--bg-light);color:var(--primary-color);border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.add-image-btn:hover:not(:disabled){background-color:var(--bg-white);border-color:var(--orange);color:var(--orange-dark)}.add-image-btn:disabled{opacity:.5;cursor:not-allowed}.images-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem}.image-preview-item{position:relative;background:var(--bg-light);border-radius:8px;overflow:hidden;border:1px solid var(--border-color);padding:.5rem}.preview-image{width:100%;height:150px;object-fit:cover;border-radius:4px;display:block}.remove-image-btn{position:absolute;top:.75rem;right:.75rem;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.7);color:#fff;border:none;font-size:1.2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.remove-image-btn:hover:not(:disabled){background:rgba(231,76,60,.9);transform:scale(1.1)}.remove-image-btn:disabled{opacity:.5;cursor:not-allowed}.image-name{display:block;margin-top:.5rem;font-size:.75rem;color:var(--text-light);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.story-controls{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:2rem}.name-input-section{width:100%;max-width:400px}.name-label{display:block;font-size:1rem;color:var(--primary-color);font-weight:500;margin-bottom:.5rem;font-family:Baskervville,Baskerville,serif}.name-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:6px;font-family:Inter,sans-serif;font-size:1rem;color:var(--text-dark);background-color:var(--bg-white);transition:all .3s ease}.name-input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px #e67e221a}.name-input:disabled{background-color:var(--bg-light);cursor:not-allowed;opacity:.7}.submit-story-btn{padding:1rem 3rem;background-color:var(--orange);color:#fff;border-radius:6px;font-size:1rem;font-weight:500;min-width:200px;transition:all .3s ease;box-shadow:var(--shadow-orange)}.submit-story-btn:hover:not(:disabled){background-color:var(--orange-dark);transform:translateY(-2px);box-shadow:0 6px 16px #e67e224d}.submit-story-btn:disabled{opacity:.6;cursor:not-allowed}.submit-success{text-align:center;padding:2rem;background:var(--bg-light);border-radius:8px;margin-top:2rem}.success-message{font-size:1.2rem;color:#7b4720;font-weight:600}@media (max-width: 768px){.story-container{padding:1.5rem}.story-textarea{min-height:250px;padding:1rem;font-size:.95rem}.submit-story-btn{width:100%;padding:1rem 2rem}.story-footer{flex-direction:column;gap:.5rem}}.thank-you{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem}.thank-you-content{text-align:center;max-width:600px;background:var(--bg-white);padding:4rem 3rem;border-radius:8px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.thank-you-icon{font-size:4rem;margin-bottom:1.5rem}.thank-you-title{font-size:2.8rem;color:var(--primary-color);margin-bottom:1.5rem;font-weight:400}.thank-you-message{font-size:1.2rem;color:var(--text-light);line-height:1.8;margin-bottom:2rem}.reset-btn{padding:1rem 2.5rem;background-color:var(--orange);color:#fff;border-radius:6px;font-size:1rem;font-weight:500;transition:all .3s ease;box-shadow:var(--shadow-orange)}.reset-btn:hover{background-color:var(--orange-dark);transform:translateY(-2px);box-shadow:0 6px 16px #e67e224d}@media (max-width: 768px){.thank-you-content{padding:2rem 1.5rem}.thank-you-icon{font-size:3rem}.thank-you-title{font-size:2rem}.thank-you-message{font-size:1rem}}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:linear-gradient(135deg,var(--bg-white) 0%,var(--bg-cream) 100%);color:var(--primary-color);padding:1.5rem 1rem;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-soft);position:relative}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}.header-left{display:flex;align-items:center;justify-content:flex-start;flex:1}.header-logo{height:80px;width:auto;object-fit:contain;cursor:pointer;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(90,74,58,.1))}.header-logo:hover{transform:scale(1.05);filter:drop-shadow(0 4px 8px rgba(230,126,34,.2))}.header-text{display:flex;flex-direction:column;gap:.25rem}.app-title{font-size:2.5rem;margin:0;font-weight:400;color:var(--primary-color);letter-spacing:.02em;line-height:1.2}.app-title.clickable{cursor:pointer;transition:all .3s ease;user-select:none}.app-title.clickable:hover{color:var(--orange);transform:scale(1.02)}.app-subtitle{font-size:1rem;color:var(--text-light);margin:0;font-style:italic;font-weight:300}.app-main{flex:1;padding:4rem 1rem;max-width:1200px;width:100%;margin:0 auto;position:relative;overflow-x:hidden}.app-main:before{content:"";position:absolute;top:0;left:0;right:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(230,126,34,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(201,168,130,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.app-footer{background-color:var(--bg-white);color:var(--text-light);padding:2.5rem 1.5rem;font-size:.85rem;font-family:helvetica-w01-roman,sans-serif!important;border-top:1px solid var(--border-color);margin-top:4rem;.footer-content {max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}}.app-footer p{font-family:helvetica-w01-roman,sans-serif!important;margin:0}.footer-link{display:inline-block;padding:.75rem 1.5rem;background-color:var(--orange);color:#fff;text-decoration:none;border-radius:6px;font-family:helvetica-w01-roman,sans-serif!important;font-size:.9rem;font-weight:500;transition:all .3s ease}.footer-link:hover{background-color:var(--orange-dark);transform:translateY(-2px);box-shadow:0 4px 8px #e67e224d}@media (max-width: 768px){.header-content{flex-direction:column;align-items:flex-start;gap:1rem}.header-left{width:100%;justify-content:flex-start}.header-logo{height:60px}.app-title{font-size:1.8rem}.app-subtitle{font-size:.9rem}.app-main{padding:1rem}.language-toggle{position:absolute;top:.75rem;right:.75rem}.lang-btn{padding:.4rem .8rem;font-size:.8rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #7B4720;--secondary-color: #8b7355;--accent-color: #c9a882;--orange: #e67e22;--orange-light: #f39c12;--orange-dark: #d35400;--text-dark: #7B4720;--text-light: #7B4720;--bg-light: #f5f3f0;--bg-white: #ffffff;--bg-cream: #faf8f5;--border-color: #d4c4b0;--shadow: 0 2px 8px rgba(90, 74, 58, .08);--shadow-lg: 0 4px 16px rgba(90, 74, 58, .12);--shadow-soft: 0 1px 3px rgba(90, 74, 58, .05);--shadow-orange: 0 4px 12px rgba(230, 126, 34, .2)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-dark);background-color:var(--bg-cream);background-image:radial-gradient(circle at 20% 50%,rgba(201,168,130,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,115,85,.03) 0%,transparent 50%);background-attachment:fixed;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}html{overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Baskervville,Baskerville,Baskerville Old Face,Hoefler Text,Garamond,Times New Roman,serif;font-weight:400;line-height:1.3;color:var(--primary-color);letter-spacing:-.02em}p{font-family:Baskervville,Baskerville,Baskerville Old Face,Hoefler Text,Garamond,Times New Roman,serif}button{font-family:Inter,sans-serif;cursor:pointer;border:none;transition:all .3s ease}input,textarea{font-family:Baskervville,Baskerville,Baskerville Old Face,Hoefler Text,Garamond,Times New Roman,serif}