:root{--color-primary: #DEB887;--color-secondary: #CD853F;--color-accent: #D2691E;--color-dark: #8B4513;--color-darker: #654321;--color-darkest: #3E2723;--color-text: #2F1B14;--color-text-light: #F5DEB3;--color-background: #F5DEB3;--color-background-light: #FFF8DC;--color-border: #A0522D;--color-border-light: #D2691E;--color-shadow: rgba(0, 0, 0, .3);--color-shadow-dark: rgba(0, 0, 0, .5);--color-shadow-light: rgba(255, 228, 181, .6);--color-shadow-inset: rgba(62, 39, 35, .3);--color-shadow-inset-dark: rgba(62, 39, 35, .8);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 20px;--spacing-xl: 24px;--spacing-xxl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 15px;--shadow-light: 2px 2px 4px var(--color-shadow);--shadow-medium: 4px 4px 10px var(--color-shadow);--shadow-heavy: 6px 6px 15px var(--color-shadow-dark);--shadow-extra-heavy: 8px 8px 20px var(--color-shadow-dark);--shadow-inset: inset 4px 4px 10px var(--color-shadow-inset);--shadow-inset-light: inset 2px 2px 6px var(--color-shadow-inset);--shadow-button: inset 1px 1px 3px var(--color-shadow-light), 2px 2px 6px var(--color-shadow);--font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 16px;--border-ridge: 3px ridge;--border-inset: 3px inset;--border-outset: 3px outset}body{margin:0;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(ellipse at center,var(--color-dark) 0%,var(--color-darker) 50%,var(--color-darkest) 100%),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(139,69,19,.1) 2px,rgba(139,69,19,.1) 4px);background-attachment:fixed}.main{max-width:1300px;margin:0 auto;background:linear-gradient(145deg,var(--color-accent),var(--color-border)),repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(101,67,33,.3) 3px,rgba(101,67,33,.3) 6px);border-radius:var(--radius-xl);box-shadow:inset 2px 2px 8px var(--color-shadow-light),inset -3px -3px 8px var(--color-shadow-inset-dark),var(--shadow-extra-heavy);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:var(--border-ridge) var(--color-dark)}.title{position:absolute;top:-17px;left:36px;font-size:var(--font-size-sm);color:var(--color-text);font-weight:700;background:linear-gradient(145deg,var(--color-primary),var(--color-secondary)),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(139,69,19,.2) 2px,rgba(139,69,19,.2) 4px);padding:0 var(--spacing-xs);border-radius:var(--radius-md) var(--radius-md) 0 0;border:var(--border-ridge) var(--color-border);border-bottom:none;display:inline-block}.outer-container{display:flex;flex-direction:row;margin:var(--spacing-lg);gap:var(--spacing-lg)}@media only screen and (max-width: 768px){.outer-container{display:flex;flex-direction:column}}.inner-container{position:relative;width:100%;display:flex;flex-direction:column;gap:var(--spacing-xl)}.wrapper{display:flex;flex-direction:row;border-radius:var(--radius-lg);padding:0;overflow:hidden;background:linear-gradient(145deg,var(--color-secondary),var(--color-border)),repeating-linear-gradient(90deg,transparent,transparent 4px,rgba(139,69,19,.3) 4px,rgba(139,69,19,.3) 8px);border:4px ridge var(--color-dark);box-shadow:var(--shadow-extra-heavy),inset 2px 2px 6px var(--color-shadow-light)}.wrapper__left{display:flex;flex:9;background:linear-gradient(145deg,wheat,#deb887),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(160,82,45,.1) 2px,rgba(160,82,45,.1) 4px);border:3px inset #D2691E;margin:4px;border-radius:8px}.wrapper__right{display:flex;flex:1;flex-shrink:0;width:60px;max-width:60px;flex-direction:column;align-items:center;gap:4px;background:linear-gradient(145deg,#d2691e,sienna),repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(139,69,19,.2) 3px,rgba(139,69,19,.2) 6px);border:3px inset #CD853F;margin:4px;padding:4px;border-radius:8px;box-shadow:inset 2px 2px 6px #3e27234d;box-sizing:border-box}.wrapper__textarea{width:100%;height:250px;margin:10px;padding:15px;border:var(--border-inset) var(--color-border-light);outline:0;resize:none;background:linear-gradient(145deg,var(--color-background-light),var(--color-background)),repeating-linear-gradient(90deg,transparent,transparent 1px,rgba(160,82,45,.05) 1px,rgba(160,82,45,.05) 2px);border-radius:var(--radius-sm);font-size:var(--font-size-md);color:var(--color-text);box-shadow:var(--shadow-inset)}.wrapper__close-button{display:flex;flex:1;align-items:center;justify-content:center;width:100%;height:100%;font-size:40px;padding:0;line-height:20px;background:linear-gradient(145deg,#deb887,peru),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(139,69,19,.2) 2px,rgba(139,69,19,.2) 4px);border:3px ridge #A0522D;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .1s ease;box-shadow:inset 1px 1px 3px #ffe4b599,2px 2px 6px #0006}.wrapper__close-button:hover{background:linear-gradient(145deg,khaki,#daa520),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(139,69,19,.3) 2px,rgba(139,69,19,.3) 4px);transform:translateY(1px)}.wrapper__close-button:active{border:3px inset #A0522D;transform:translateY(2px);box-shadow:inset 3px 3px 8px #3e272380}.wrapper__close-button .button__icon{width:20px;opacity:.8;filter:sepia(100%) saturate(200%) hue-rotate(15deg) brightness(.7) drop-shadow(1px 1px 2px rgba(0,0,0,.5))}.wrapper__paste-button{display:flex;flex:1;align-items:center;justify-content:center;width:100%;height:100%;font-size:40px;line-height:20px;background:linear-gradient(145deg,#20b2aa,#008b8b),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,139,139,.3) 2px,rgba(0,139,139,.3) 4px);border:3px ridge #48D1CC;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .1s ease;box-shadow:inset 1px 1px 3px #afeeee66,2px 2px 6px #0006}.wrapper__paste-button:hover{background:linear-gradient(145deg,#008b8b,#20b2aa),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,139,139,.4) 2px,rgba(0,139,139,.4) 4px);transform:translateY(1px)}.wrapper__paste-button:active{border:3px inset #48D1CC;transform:translateY(2px);box-shadow:inset 3px 3px 8px #008b8b99}.wrapper__paste-button .button__icon{width:28px}.wrapper__transfer-button{display:flex;flex:1;align-items:center;justify-content:center;width:100%;height:100%;font-size:40px;line-height:20px;background:linear-gradient(145deg,#b8860b,#8b6914),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(139,105,20,.3) 2px,rgba(139,105,20,.3) 4px);border:3px ridge #DAA520;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .1s ease;box-shadow:inset 1px 1px 3px #ffd70066,2px 2px 6px #0006}.wrapper__transfer-button:hover{background:linear-gradient(145deg,#daa520,#b8860b),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(139,105,20,.4) 2px,rgba(139,105,20,.4) 4px);transform:translateY(1px)}.wrapper__transfer-button:active{border:3px inset #DAA520;transform:translateY(2px);box-shadow:inset 3px 3px 8px #8b691499}.wrapper__transfer-button .button__icon{width:20px;opacity:.9;filter:sepia(100%) saturate(150%) hue-rotate(30deg) brightness(.9) drop-shadow(1px 1px 2px rgba(0,0,0,.5))}.wrapper__copy-button{display:flex;flex:1;align-items:center;justify-content:center;width:100%;height:100%;font-size:40px;padding:0;line-height:20px;background:linear-gradient(145deg,#228b22,#006400),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,100,0,.2) 2px,rgba(0,100,0,.2) 4px);border:3px ridge #32CD32;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .1s ease;box-shadow:inset 1px 1px 3px #90ee9066,2px 2px 6px #0006}.wrapper__copy-button:hover{background:linear-gradient(145deg,#32cd32,#228b22),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,100,0,.3) 2px,rgba(0,100,0,.3) 4px);transform:translateY(1px)}.wrapper__copy-button:active{border:3px inset #32CD32;transform:translateY(2px);box-shadow:inset 3px 3px 8px #00640080}.wrapper__copy-button .button__icon{width:28px}.gray-bg{background:linear-gradient(145deg,#d3d3d3,#a9a9a9),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(105,105,105,.2) 2px,rgba(105,105,105,.2) 4px);border:3px inset #B8860B}.react-tooltip-lite{background:linear-gradient(145deg,#8b4513,#654321),repeating-linear-gradient(45deg,transparent,transparent 1px,rgba(139,69,19,.3) 1px,rgba(139,69,19,.3) 2px);color:wheat;border-radius:6px;font-size:12px;border:2px ridge #A0522D;box-shadow:4px 4px 10px #0009;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.react-tooltip-lite-arrow{border-color:#8b4513}.info__button{display:inline-block;background:linear-gradient(145deg,#b8860b,#8b6914),repeating-linear-gradient(45deg,transparent,transparent 1px,rgba(139,105,20,.3) 1px,rgba(139,105,20,.3) 2px);color:var(--color-text-light);font-size:var(--font-size-sm);font-weight:700;border:2px ridge #DAA520;border-radius:50%;width:18px;height:18px;text-align:center;padding:0;margin:1px var(--spacing-xs);cursor:pointer;transition:all .1s ease;text-shadow:1px 1px 2px rgba(0,0,0,.8);box-shadow:inset 1px 1px 2px #ffd7004d,var(--shadow-light)}.info__button:hover{background:linear-gradient(145deg,#daa520,#b8860b),repeating-linear-gradient(45deg,transparent,transparent 1px,rgba(139,105,20,.4) 1px,rgba(139,105,20,.4) 2px);transform:translateY(1px)}.info__button:active{border:2px inset #DAA520;transform:translateY(2px)}.info__template{display:flex;flex-direction:row;background:linear-gradient(145deg,var(--color-dark),var(--color-darker)),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(139,69,19,.3) 3px,rgba(139,69,19,.3) 6px);padding:15px;border-radius:var(--radius-md);border:var(--border-ridge) var(--color-border);box-shadow:var(--shadow-heavy)}.info__template-text{color:var(--color-text-light);white-space:pre-wrap;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.info__template-left{display:flex;flex:1;align-items:center}.info__template-middle{display:flex;align-items:center;margin:0 var(--spacing-lg)}.info__template-icon{width:var(--spacing-xl);filter:sepia(100%) saturate(200%) hue-rotate(15deg) brightness(1.2) drop-shadow(2px 2px 4px rgba(0,0,0,.6))}.info__template-right{display:flex;align-items:center}.options{display:flex;flex-direction:row;flex-wrap:wrap;margin:var(--spacing-lg);background:linear-gradient(145deg,var(--color-primary),var(--color-secondary)),repeating-linear-gradient(0deg,transparent,transparent 4px,rgba(139,69,19,.2) 4px,rgba(139,69,19,.2) 8px);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:4px inset var(--color-accent);box-shadow:var(--shadow-inset)}.option{display:flex;align-items:center;padding:var(--spacing-md);margin:var(--spacing-sm);border-radius:var(--radius-md);background:linear-gradient(145deg,var(--color-background),var(--color-primary)),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(160,82,45,.1) 2px,rgba(160,82,45,.1) 4px);border:var(--border-ridge) var(--color-border-light);box-shadow:var(--shadow-medium),inset 1px 1px 3px var(--color-shadow-light);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .1s ease;color:var(--color-text);text-shadow:1px 1px 2px var(--color-shadow-light)}.option:hover:not(.option--selected){background:linear-gradient(145deg,var(--color-background-light),var(--color-background)),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(160,82,45,.15) 2px,rgba(160,82,45,.15) 4px);transform:translateY(1px)}.option:active:not(.option--selected){border:var(--border-inset) var(--color-border-light);transform:translateY(2px);box-shadow:var(--shadow-inset)}.option__input{display:none}.option__info{margin-right:var(--spacing-sm)}.option__label{flex:1}.option--selected{background:linear-gradient(145deg,#e6cfa5,#e6b800);border:var(--border-inset) #cc9900;box-shadow:var(--shadow-inset);color:var(--color-dark);text-shadow:1px 1px 2px var(--color-background-light);transform:translateY(2px)}.github{text-align:center;background:linear-gradient(145deg,var(--color-primary),var(--color-secondary)),repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(139,69,19,.2) 3px,rgba(139,69,19,.2) 6px);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:4px ridge var(--color-border);margin:var(--spacing-lg);box-shadow:var(--shadow-heavy)}.github__icon{transition-duration:.3s;opacity:.7;filter:sepia(100%) saturate(200%) hue-rotate(15deg) brightness(.8) drop-shadow(3px 3px 6px rgba(0,0,0,.5))}.github__icon:hover{opacity:1;transform:scale(1.05);filter:sepia(100%) saturate(200%) hue-rotate(15deg) brightness(1) drop-shadow(3px 3px 6px rgba(0,0,0,.6))}.notification{position:fixed;top:30px;right:30px;background:linear-gradient(145deg,#228b22,#006400),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,100,0,.2) 2px,rgba(0,100,0,.2) 4px);color:var(--color-text-light);padding:15px 25px;border-radius:var(--radius-md);border:var(--border-ridge) #32CD32;box-shadow:var(--shadow-heavy),inset 1px 1px 3px #90ee9066;font-family:var(--font-family);font-weight:700;font-size:var(--font-size-md);text-shadow:1px 1px 2px rgba(0,0,0,.8);z-index:10000;animation:slideInBounce .5s ease-out,fadeOut .5s ease-in 1.5s forwards;-webkit-user-select:none;user-select:none}@keyframes slideInBounce{0%{transform:translate(100%) scale(.8);opacity:0}60%{transform:translate(-10px) scale(1.05);opacity:1}to{transform:translate(0) scale(1);opacity:1}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.button__tooltip{background:linear-gradient(145deg,#333,#222);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);z-index:9999;pointer-events:none;box-shadow:var(--shadow-medium);white-space:nowrap;border:1px outset #444;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.tooltip{background:#222;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);z-index:9999;pointer-events:none;box-shadow:0 2px 8px #00000026;white-space:nowrap}