:root{--bg-primary: #131720;--bg-secondary: #212838;--bg-tertiary: rgba(33, 40, 56, .9);--bg-input: rgba(19, 23, 32, .6);--bg-dark-input: #1a1e27;--accent-primary: #64ffda;--accent-secondary: rgba(100, 255, 218, .2);--accent-tertiary: rgba(100, 255, 218, .1);--accent-error: #ff5370;--accent-warning: #ffb86c;--text-primary: #e2e4e8;--text-secondary: rgba(226, 228, 232, .7);--transition-fast: .2s ease;--transition-normal: .3s ease;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 20px;--border-radius-xl: 16px;--spacing-xs: 5px;--spacing-sm: 10px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 30px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:SF Mono,Roboto Mono,monospace;-webkit-font-smoothing:antialiased;padding:20px;min-height:100vh}a{color:var(--accent-primary);text-decoration:none;transition:opacity var(--transition-fast)}a:hover{opacity:.8}button{font-family:inherit;cursor:pointer;border:none;background:none}button:focus,input:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px var(--accent-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes flashBackground{0%,to{background-color:var(--accent-error)}50%{background-color:#e64b67}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseError{0%,to{border-color:var(--accent-error)}50%{border-color:#ff537080}}@keyframes pulseWarning{0%,to{color:var(--accent-warning)}50%{color:#ffb86cb3}}.main-interface{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:75vh;padding:40px 20px;animation:fadeIn 1s ease-out forwards;max-width:1200px;margin:0 auto}.app-tagline{color:var(--text-secondary);font-size:18px;margin-bottom:var(--spacing-lg);text-align:center}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);width:95%;max-width:600px;margin:0 auto}.camera-button{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--bg-tertiary);border:1px solid var(--accent-tertiary);border-radius:var(--border-radius-md);aspect-ratio:1 / 1;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.camera-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #64ffda1a}.camera-button:active{transform:translateY(1px);border-color:var(--accent-primary)}.camera-icon{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}.camera-icon i{font-size:clamp(1.75rem,4vw,2.5rem);color:var(--accent-primary);margin-bottom:.25rem}.camera-icon span{color:var(--text-primary);font-size:1rem;font-weight:500}.camera-button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom right,transparent 49.8%,var(--accent-tertiary) 49.8%,var(--accent-tertiary) 50.2%,transparent 50.2%);pointer-events:none}.camera-half{position:absolute;top:0;left:0;width:100%;height:100%;transition:background-color var(--transition-fast)}.camera-half:hover{background-color:#64ffda0d}.front-half{clip-path:polygon(0 0,100% 0,0 100%);z-index:1}.rear-half{clip-path:polygon(100% 0,100% 100%,0 100%);z-index:1}.action-button{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-tertiary);border:1px solid var(--accent-tertiary);border-radius:var(--border-radius-md);padding:8%;transition:all var(--transition-normal);cursor:pointer;text-align:center;aspect-ratio:1 / 1;position:relative}.action-button:hover{background-color:var(--bg-secondary);border-color:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #64ffda1a}.action-button:active{transform:translateY(1px);border-color:var(--accent-primary)}.action-button i{font-size:clamp(1.25rem,4vw,2.5rem);color:var(--accent-primary);margin-bottom:.75em;transition:transform var(--transition-fast)}.action-button:hover i{transform:scale(1.1)}.action-button span{color:var(--text-primary);font-size:1rem;font-weight:500}.action-button.secondary{background-color:#212838cc;border:1px solid rgba(100,255,218,.15)}.action-button.secondary:hover{background-color:#212838f2;border-color:#64ffda4d}.gradient-button{display:inline-block;background:linear-gradient(135deg,#3498db,#9b59b6);color:#fff;border:none;border-radius:30px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 12px #3b98db4d;text-align:center}.gradient-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b98db66}.gradient-button:active{transform:translateY(1px);box-shadow:0 2px 8px #3b98db4d}.gradient-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.small-gradient-button{display:inline-block;background:linear-gradient(135deg,#3498db,#9b59b6);color:#fff;border:none;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 12px #3b98db4d;text-align:center}.small-gradient-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b98db66}.small-gradient-button:active{transform:translateY(1px);box-shadow:0 2px 8px #3b98db4d}.artsyInfoButton{position:fixed;top:20px;right:20px;background-color:var(--accent-primary);color:var(--bg-primary);font-size:18px;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:100;box-shadow:0 2px 10px #64ffda33;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.artsyInfoButton:hover{transform:scale(1.05);box-shadow:0 4px 15px #64ffda4d}.artsyInfoButton:active{transform:scale(.95)}.info-content{width:90%;max-width:600px;background-color:var(--bg-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin:auto;text-align:center;max-height:80vh;overflow-y:auto;position:relative;top:50%;transform:translateY(-50%)}.info-content h2{font-size:clamp(1.5rem,2.5vw,2rem);margin-bottom:var(--spacing-sm);padding-top:var(--spacing-sm)}.info-content p{font-size:clamp(.9rem,1.5vw,1rem);line-height:1.4;margin-bottom:var(--spacing-md);padding:0 var(--spacing-sm)}.fullPageModal{display:none;position:fixed;z-index:99;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-align:center;padding:0;box-sizing:border-box}.fullPageModal.show{display:block!important}@media (max-height: 500px){.info-content{max-height:90vh;padding:var(--spacing-sm)}.info-content h2{font-size:1.3rem;margin-bottom:var(--spacing-xs)}.info-content p{font-size:.85rem;margin-bottom:var(--spacing-sm)}}.modal{position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal);display:flex;align-items:center;justify-content:center}.modal.show{opacity:1;visibility:visible}.modal-content{background-color:var(--bg-secondary);border-radius:var(--border-radius-xl);box-shadow:0 10px 30px #0006,0 0 0 1px var(--accent-tertiary);width:90%;max-width:500px;padding:var(--spacing-xl);margin:0;display:flex;flex-direction:column;align-items:center;font-family:inherit;position:relative}.modal-content p{color:var(--text-primary);font-size:16px;line-height:1.6;margin-bottom:var(--spacing-md);text-align:center}.modal-close-button{position:absolute;top:12px;right:12px;background:#13172099;border:1px solid var(--accent-tertiary);border-radius:50%;width:32px;height:32px;color:var(--accent-primary);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.modal-close-button:hover{background:#131720cc;transform:scale(1.1)}.loader{border:3px solid var(--accent-tertiary);border-radius:50%;border-top:3px solid var(--accent-primary);width:40px;height:40px;margin:0 auto 24px;animation:spin 1s cubic-bezier(.68,-.55,.27,1.55) infinite}#stopButton{display:inline-flex;justify-content:center;align-items:center;padding:15px;width:70px;height:70px;background-color:var(--accent-error);color:#fff;border:none;border-radius:50%;cursor:pointer;box-sizing:border-box;animation:flashBackground 1s infinite;margin-top:20px;font-family:inherit}#stopButton:active{transform:scale(.95)}#decryptionPasswordInput,#encryptionKeyDisplay{width:100%;max-width:400px;background-color:var(--bg-dark-input);color:var(--text-primary);border:1px solid var(--accent-tertiary);border-radius:30px;padding:12px 24px;font-size:16px;margin-bottom:20px;text-align:center;box-shadow:0 2px 10px #0000001a;font-family:inherit}#decryptionPasswordInput::placeholder{color:var(--text-secondary)}#decryptionPasswordInput.error{border-color:var(--accent-error);animation:pulseError .6s ease}#recordingsList{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;list-style:none;padding:0 20px;margin:40px auto 30px;max-width:900px;width:100%}#recordingsList li{display:flex;flex-direction:column;padding:20px;border-radius:var(--border-radius-md);background-color:var(--bg-tertiary);backdrop-filter:blur(5px);border:1px solid var(--accent-tertiary);box-shadow:0 8px 24px #0000004d;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}#recordingsList li:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0006}.text-item{display:flex;flex-direction:column;justify-content:space-between;min-height:200px}li.audio-item,li.video-item{min-height:300px}.media-container{position:relative;z-index:5;overflow:hidden;background-color:var(--bg-input);border-radius:var(--border-radius-sm);margin:10px 0 16px;width:100%;display:flex;justify-content:center;align-items:center;padding:10px 0}li.audio-item .media-container{background-color:transparent;flex-grow:1;display:flex;align-items:center;padding:15px 0;margin:15px 0}video,audio{width:100%;border-radius:var(--border-radius-sm);background-color:#000;outline:none;margin:0;padding:0}audio{min-width:280px;height:50px;margin:0 auto;background-color:transparent!important}.media-type-indicator{display:flex;align-items:center;padding:6px 12px;color:var(--accent-primary);font-size:14px;background-color:var(--accent-tertiary);border-radius:20px;width:fit-content;margin-bottom:12px}.media-type-indicator i{margin-right:8px}.controls{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--accent-tertiary)}.controls-left,.controls-right{display:flex;gap:14px}.controls button{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);transition:all var(--transition-fast);border:1px solid var(--accent-tertiary)}.controls button:hover{background-color:var(--accent-tertiary);transform:scale(1.1)}.controls button i{font-size:16px;color:var(--accent-primary)}.text-modal-content{width:90%;max-width:900px;padding:var(--spacing-md);height:auto;max-height:90vh;display:flex;flex-direction:column;border-radius:var(--border-radius-xl);background-color:var(--bg-secondary);align-items:center}.text-modal-content h2{margin-bottom:var(--spacing-sm);color:var(--accent-primary);text-align:center}.markdown-toolbar{display:flex;flex-direction:column;align-items:center;background-color:#131720e6;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;padding:var(--spacing-sm);gap:var(--spacing-sm);margin-top:15px;width:100%;max-width:800px}.toolbar-row{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center}.toolbar-btn{width:40px;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;background-color:#212838e6;border:1px solid var(--accent-tertiary);color:var(--text-primary);transition:all .2s ease}.toolbar-btn:hover{background-color:#3b4660e6;border-color:var(--accent-primary)}.editor-tabs-row{display:flex;gap:var(--spacing-sm);justify-content:center;width:100%}.tab-btn{padding:8px 20px;background-color:#212838e6;border:1px solid var(--accent-tertiary);color:var(--text-primary);cursor:pointer;font-size:15px;font-weight:500;border-radius:4px}.tab-btn.active{background-color:var(--accent-primary);color:#151c28;border-color:var(--accent-primary);font-weight:700}.editor-area{width:100%;max-width:800px;height:400px;min-height:350px;border:1px solid var(--accent-tertiary);border-top:none;background-color:#131720e6;border-radius:0 0 var(--border-radius-md) var(--border-radius-md);overflow:hidden;position:relative;margin-bottom:var(--spacing-md)}#markdownEditor{width:100%;height:100%;background-color:#131720e6;color:var(--text-primary);border:none;padding:var(--spacing-md);font-family:inherit;font-size:16px;line-height:1.6;resize:none}#previewPane{width:100%;height:100%;background-color:#131720e6;color:var(--text-primary);padding:var(--spacing-md);overflow-y:auto;display:none}#previewPane h1,#previewPane h2,#previewPane h3,#previewPane h4,#previewPane h5,#previewPane h6,#textPreviewContent h1,#textPreviewContent h2,#textPreviewContent h3,#textPreviewContent h4,#textPreviewContent h5,#textPreviewContent h6{color:var(--accent-primary);margin:1em 0 .5em;font-weight:600}#previewPane h1,#textPreviewContent h1{font-size:1.8em}#previewPane h2,#textPreviewContent h2{font-size:1.5em}#previewPane h3,#textPreviewContent h3{font-size:1.3em}#previewPane p,#textPreviewContent p{margin-bottom:1em}#previewPane strong,#textPreviewContent strong{color:var(--accent-primary);font-weight:600}#previewPane em,#textPreviewContent em{font-style:italic}#previewPane blockquote,#textPreviewContent blockquote{border-left:3px solid var(--accent-primary);padding-left:1em;margin-left:0;color:var(--text-secondary)}#previewPane ul,#textPreviewContent ul,#previewPane ol,#textPreviewContent ol{padding-left:2em;margin-bottom:1em}#previewPane li,#textPreviewContent li{margin:.3em 0}#previewPane code,#textPreviewContent code{background:#0003;padding:.2em .4em;border-radius:3px;font-family:SF Mono,monospace}#previewPane pre,#textPreviewContent pre{background:#0000004d;padding:1em;border-radius:var(--border-radius-sm);overflow-x:auto;margin-bottom:1em}#previewPane a,#textPreviewContent a{color:#3498db;text-decoration:none}#previewPane a:hover,#textPreviewContent a:hover{text-decoration:underline}#previewPane hr,#textPreviewContent hr{border:0;border-top:1px solid var(--accent-tertiary);margin:1.5em 0}#previewPane img,#textPreviewContent img{max-width:100%;border-radius:var(--border-radius-sm)}.preview-area{background-color:#131720e6;border:1px solid var(--accent-tertiary);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);max-height:400px;overflow-y:auto;width:100%}#recordingTimer{font-size:1.5rem;color:var(--text-primary);margin:15px 0;text-align:center;transition:color var(--transition-fast)}#recordingTimer.warning{color:var(--accent-warning);animation:pulseWarning 1s infinite}.time-limit-notice{font-size:.9rem;color:var(--text-secondary);text-align:center;margin-top:10px}@media (max-width: 992px){.action-grid{gap:4%;max-width:550px}}@media (max-width: 768px){.action-grid{gap:3%;max-width:450px}.modal-content{width:95%;padding:24px}.controls button{width:38px;height:38px}#recordingsList{grid-template-columns:1fr;margin-top:30px;padding:0 15px}.gradient-button{padding:10px 20px}}@media (max-width: 480px){.main-interface{padding:15px 10px}.action-grid{gap:2.5%;max-width:360px}.editor-area{height:250px;margin-bottom:12px}.markdown-toolbar{padding:8px;gap:8px}.toolbar-row{gap:8px}.toolbar-btn{width:32px;height:32px}.tab-btn{padding:6px 14px;font-size:14px}.info-content{padding:15px;max-width:90%}.info-content h2{font-size:1.5rem}.info-content p{font-size:.9rem}}@media (max-width: 359px){.action-grid{gap:2%;max-width:280px}.fullPageModal{padding:20px 10px}.fullPageModal h2{font-size:1.5rem}}@media (max-height: 600px){#recordingsList{margin-top:30px}.main-interface{min-height:auto;padding:10px}.editor-area{height:200px}}video:fullscreen,video:-webkit-full-screen,video:-moz-full-screen{background-color:#000!important;width:100vw!important;height:100vh!important;object-fit:contain}.app-tagline-container{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:var(--spacing-lg)}.tagline-icon{color:var(--accent-primary);font-size:1.5rem;opacity:.7}.app-tagline{margin:0;position:relative}.app-tagline:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent)}.contributors-section{text-align:center;margin-top:30px}.contributor-cards{display:flex;justify-content:center;gap:20px;margin-top:15px;flex-wrap:wrap}.contributor-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background-color:#21283899;border:1px solid var(--accent-tertiary);border-radius:var(--border-radius-md);transition:all var(--transition-normal);text-decoration:none;min-width:150px}.contributor-card:hover{background-color:#212838e6;border-color:var(--accent-primary);transform:translateY(-5px);box-shadow:0 5px 20px #64ffda33}.contributor-card i{color:var(--accent-primary)}.contributor-card span{color:var(--text-primary);font-size:.9rem}video{width:100%;max-width:100%;height:auto;max-height:60vh;border-radius:var(--border-radius-sm);background-color:#000;outline:none;margin:0;padding:0;object-fit:contain}#recordingModal .modal-content{width:95%;max-width:600px;height:auto;max-height:90vh;overflow-y:auto;padding:var(--spacing-md)}@media (max-width: 768px){video{max-height:50vh}#recordingModal .modal-content{width:100%;padding:var(--spacing-sm);max-height:85vh}#recordingTimer{font-size:1.2rem;margin:10px 0}#stopButton{width:60px;height:60px;margin-top:15px}}@media (max-width: 480px) and (max-height: 700px){video{max-height:40vh}#recordingModal .modal-content{padding:10px}}@media (orientation: landscape) and (max-height: 500px){video{max-height:70vh}#recordingModal .modal-content{flex-direction:row;align-items:center;justify-content:space-around}#recordingTimer{margin:0 15px}}