:root{--color-bg: #FAF7F2;--color-text-primary: #213547;--color-text-secondary: #A0845C;--color-accent: #8B6F47;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-family:var(--font-primary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100vh;width:100%;background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-primary);display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}a{font-weight:500;color:var(--color-accent);text-decoration:none}a:hover{color:#7a5f3f}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .3s ease}body{margin:0;padding:0;background-color:beige;font-family:Arial,sans-serif}.home-container{padding:40px;text-align:center}.title-block{margin-bottom:30px}.brand-name{font-size:5rem;font-weight:700;color:#333;font-style:italic}.tagline{font-size:1.2rem;color:#666}.home-buttons-row{display:flex;justify-content:center;gap:20px;margin-top:60px}.home-buttons-row button{padding:12px 25px;font-size:1rem;cursor:pointer;border:none;border-radius:12px;background-color:#7a5f3f;color:#fff;transition:background-color .3s ease}.home-buttons-row button:hover{background-color:#5a422c}.icon-button{width:200px;height:90px;object-fit:contain;margin:0 6px;cursor:pointer;vertical-align:middle;transition:transform .2s ease}.icon-button:hover{transform:scale(1.2)}:root{--color-accent: #8B6F47;--color-bg: #fdf8f0;--color-text-primary: #4a4a4a;--color-text-secondary: #A0845C;--font-primary: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}.portrait-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:3rem 1.5rem 2rem;min-height:100vh;background-color:var(--color-bg);box-sizing:border-box;font-family:var(--font-primary);color:var(--color-text-primary)}.undo-redo-row{display:flex;gap:1rem;justify-content:center;max-width:340px;width:100%;margin-bottom:2rem}.undo-redo-row button{background-color:var(--color-accent);color:#fff;border:none;border-radius:6px;cursor:pointer;padding:.5rem;display:flex;justify-content:center;align-items:center;flex:1;min-width:90px;height:44px;font-size:1.2rem;font-family:var(--font-primary);transition:background-color .3s ease}.undo-redo-row button:hover{background-color:#7a5f3f}.polaroid-wrapper{display:flex;flex-direction:column;align-items:center}.polaroid{background:#fff;padding:1.25rem 1.5rem;box-shadow:0 8px 20px #00000026;border-radius:12px;width:340px;display:flex;flex-direction:column;align-items:center;transition:box-shadow .3s ease;font-family:var(--font-primary)}.polaroid:hover{box-shadow:0 12px 30px #00000040}canvas{border:2px solid var(--color-accent);background-color:#fffdfa;cursor:crosshair;margin-bottom:1.25rem;border-radius:6px;max-width:100%;box-sizing:border-box}.polaroid input[type=text]{border:none;border-top:1px solid #ddd;width:100%;padding:.6rem;font-family:var(--font-primary);font-size:1rem;background:#fff;text-align:center;color:var(--color-text-secondary);transition:background-color .3s ease;border-radius:0 0 8px 8px;margin-top:-6px}.polaroid input[type=text]:focus{background-color:#f7f3eb;outline:none}.controls{margin-top:1.75rem;display:flex;flex-direction:column;gap:1.25rem;align-items:center;width:100%;max-width:340px}.controls .row.controls-row{display:flex;gap:1.5rem;justify-content:center;align-items:center;width:100%}.controls label{font-weight:600;color:var(--color-text-secondary);min-width:90px;-webkit-user-select:none;user-select:none;text-align:right;font-family:var(--font-primary);font-size:1rem}.color-picker-wrapper{position:relative;display:inline-block}.color-picker{cursor:pointer;border:2px solid var(--color-accent);border-radius:6px;width:40px!important;height:40px!important;padding:0;transition:box-shadow .3s ease}.color-picker:focus{outline:none;box-shadow:0 0 6px #8b6f4799}.color-indicator{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border:2px solid var(--color-accent);border-radius:50%;pointer-events:none;box-sizing:border-box;background-color:#000}.controls input[type=range]{width:100px;cursor:pointer}.controls .row.buttons-row{display:flex;gap:1rem;justify-content:center;width:100%;margin-top:2rem}.controls .row.buttons-row button{background-color:var(--color-accent);color:#fff;padding:.5rem;font-weight:600;border-radius:6px;border:none;cursor:pointer;font-family:var(--font-primary);transition:background-color .3s ease;flex:1;min-width:90px;height:44px;text-align:center}.controls .row.buttons-row button:hover{background-color:#7a5f3f}.thank-you-gut-style{margin-top:1rem;font-style:italic;color:green;text-align:center;font-size:1rem;font-family:var(--font-primary);-webkit-user-select:none;user-select:none}.feed-wrapper{padding:2rem;background:#fdf8f0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#4a4a4a}h2{margin-top:3rem;font-size:1.5rem;color:#8b6f47}.carousel{overflow:hidden;margin:1rem 0}.carousel-content{display:flex;gap:1rem;animation:scrollLeft 60s linear infinite;width:max-content}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}.card{flex:0 0 300px;min-width:300px;height:300px;background:#fff;border-radius:1rem;box-shadow:0 0 10px #0000001a;padding:1rem;transition:transform .2s ease-in-out;display:flex;flex-direction:column}.card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00000026}.card img{width:100%;height:200px;border-radius:.5rem;object-fit:cover}.hashtag-container{height:2rem;display:flex;align-items:center;justify-content:center;margin-top:.5rem}.hashtag-text{text-align:center;color:#a0845c;font-weight:600;margin:0}.card.gut{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.emoji-row,.word-row{display:flex;justify-content:center;flex-wrap:wrap;margin-top:.5rem;gap:.5rem}.emoji-btn{font-size:1.2rem;padding:.4rem .6rem;border:none;background:#f5e8d5;border-radius:999px;cursor:pointer;transition:all .2s ease-in-out}.emoji-btn:hover{background:#ebd7c1;transform:scale(1.05)}.emoji-btn.selected{background:#8b6f47;color:#fff;font-weight:700;transform:scale(1.1)}.word-btn{font-size:.75rem;padding:.3rem .6rem;background:#e8dcd1;border:none;border-radius:999px;cursor:pointer;transition:all .2s ease-in-out;white-space:nowrap}.word-btn:hover{background:#d4c4b5;transform:scale(1.02)}.word-btn.selected{background:#8b6f47;color:#fff;font-weight:700;transform:scale(1.05)}.word-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:.6rem}