@font-face{font-family:Terminal;font-style:normal;font-weight:400;src:local("Terminal"),url(data:font/woff;base64,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) format("woff")}:root{--base: #1e1e2e;--mantle: #181825;--crust: #11111b;--surface0: #313244;--surface1: #45475a;--surface2: #585b70;--overlay0: #6c7086;--overlay1: #7f849c;--text: #cdd6f4;--subtext0: #a6adc8;--subtext1: #bac2de;--blue: #89b4fa;--green: #a6e3a1;--mauve: #cba6f7;--red: #f38ba8;--teal: #94e2d5;--yellow: #f9e2af;--peach: #fab387;--pink: #f5c2e7;--lavender: #b4befe;--sky: #89dceb;--small-size: .875rem;--regular-size: 1.1rem;--medium-size: 1.5rem;--large-size: 2.5rem;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 20px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .4);--shadow-glow-mauve: 0 0 20px rgba(203, 166, 247, .15);--shadow-glow-teal: 0 0 20px rgba(148, 226, 213, .15);--shadow-glow-green: 0 0 20px rgba(166, 227, 161, .15);--glass-bg: rgba(49, 50, 68, .6);--glass-border: rgba(69, 71, 90, .5);--glass-blur: 12px}*,*:after,*:before{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--crust);color:var(--text);font-family:Terminal,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 600px 400px at 20% 10%,rgba(203,166,247,.06),transparent),radial-gradient(ellipse 500px 500px at 80% 80%,rgba(148,226,213,.06),transparent),radial-gradient(ellipse 400px 300px at 50% 50%,rgba(137,180,250,.04),transparent);pointer-events:none;z-index:0}.container{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;gap:var(--space-lg);min-height:100dvh;margin-inline:auto;max-width:90%;padding:80px var(--space-md) var(--space-lg);width:800px}.config-btn{position:fixed;right:var(--space-lg);top:var(--space-lg);z-index:100;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text);cursor:pointer;font-family:Terminal,sans-serif;font-size:var(--small-size);padding:var(--space-sm) var(--space-lg);transition:all .3s ease;box-shadow:var(--shadow-sm)}.config-btn:hover{background:var(--surface0);border-color:var(--mauve);box-shadow:var(--shadow-glow-mauve);transform:translateY(-1px)}.page-title{font-size:var(--large-size);text-align:center;background:linear-gradient(135deg,var(--mauve),var(--blue),var(--teal));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 6s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md)}.image-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.home-image{border-radius:var(--radius-lg);max-height:420px;max-width:100%;object-fit:contain;box-shadow:var(--shadow-lg);transition:box-shadow .3s ease}.home-image:hover{box-shadow:var(--shadow-lg),var(--shadow-glow-mauve)}.image-container .favorite-btn{position:absolute;top:var(--space-md);left:var(--space-md);background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-full);width:36px;height:36px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.image-container .favorite-btn:hover{background:var(--surface0);transform:scale(1.15)}.phrase-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);max-width:600px}.phrase-content{display:flex;align-items:center;gap:var(--space-md)}.home-phrase{font-size:var(--medium-size);color:var(--text);text-align:center;line-height:1.5;font-style:italic}.home-phrase:before{content:"“";color:var(--mauve);font-size:1.8em;line-height:0;vertical-align:-.2em;margin-right:2px}.home-phrase:after{content:"”";color:var(--mauve);font-size:1.8em;line-height:0;vertical-align:-.2em;margin-left:2px}.phrase-container .favorite-btn{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-full);width:32px;height:32px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.phrase-container .favorite-btn:hover{background:var(--surface0);transform:scale(1.15)}.category-tag{display:inline-block;background:var(--surface0);color:var(--subtext1);padding:2px 10px;border-radius:var(--radius-full);font-size:.75rem;font-family:Terminal,sans-serif;border:1px solid var(--surface1)}.category-filter{display:flex;justify-content:center}.category-select{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);border:1px solid var(--surface1);background-color:var(--surface0);color:var(--text);font-family:Terminal,sans-serif;font-size:var(--small-size);cursor:pointer;transition:all .3s ease;outline:none}.category-select:hover,.category-select:focus{border-color:var(--mauve);box-shadow:var(--shadow-glow-mauve)}.add-button{background:linear-gradient(135deg,var(--green),var(--teal));border-radius:var(--radius-full);border:none;color:var(--crust);cursor:pointer;font-family:Terminal,sans-serif;font-size:var(--small-size);font-weight:700;padding:var(--space-sm) var(--space-lg);transition:all .3s ease;box-shadow:var(--shadow-sm)}.add-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-glow-green)}.add-button:active{transform:translateY(0)}.cancel-button{background:linear-gradient(135deg,var(--red),var(--pink));border-radius:var(--radius-full);border:none;color:var(--crust);cursor:pointer;font-family:Terminal,sans-serif;font-size:var(--small-size);font-weight:700;padding:var(--space-sm) var(--space-lg);transition:all .3s ease;box-shadow:var(--shadow-sm)}.cancel-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.refresh-button{margin-bottom:0;min-width:140px}.shortcut-hint{font-size:.7rem;color:var(--overlay0);margin-top:calc(-1 * var(--space-md));letter-spacing:.5px}.config{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);text-align:center;width:100%}.tab-navigation{display:flex;gap:4px;background:var(--surface0);border-radius:var(--radius-full);padding:4px}.tab,.tab-active{padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-full);font-family:Terminal,sans-serif;font-size:var(--small-size);cursor:pointer;transition:all .3s ease}.tab{background:transparent;color:var(--subtext0)}.tab:hover{color:var(--text);background:var(--surface1)}.tab-active{background:linear-gradient(135deg,var(--mauve),var(--blue));color:var(--crust);font-weight:700;box-shadow:var(--shadow-sm)}.image-input{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);background:var(--surface0);border:1px solid var(--surface1);border-radius:var(--radius-md);padding:var(--space-md);transition:border-color .3s ease}.image-input:focus-within{border-color:var(--mauve);box-shadow:var(--shadow-glow-mauve)}.image-input input{flex-grow:1;min-width:150px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--surface1);background:var(--base);font-size:var(--small-size);font-family:Terminal,sans-serif;color:var(--text);outline:none;transition:border-color .3s ease}.image-input input::placeholder{color:var(--overlay0)}.image-input input:focus{border-color:var(--mauve)}.image-input .save-button{background:linear-gradient(135deg,var(--green),var(--teal));border-radius:var(--radius-sm);border:none;color:var(--crust);cursor:pointer;font-size:var(--small-size);font-family:Terminal,sans-serif;font-weight:700;padding:var(--space-sm) var(--space-md);transition:all .3s ease}.image-input .save-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.image-input .save-button:disabled{opacity:.4;cursor:not-allowed}.category-section{display:flex;gap:var(--space-sm);align-items:center}.category-section select{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--surface1);background:var(--base);color:var(--text);font-family:Terminal,sans-serif;font-size:var(--small-size);outline:none}.new-category-btn{background:var(--surface1);color:var(--text);border:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-family:Terminal,sans-serif;font-size:.75rem;cursor:pointer;transition:all .2s ease}.new-category-btn:hover{background:var(--surface2)}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:var(--space-sm);width:100%}.image-wrapper{position:relative;aspect-ratio:3/4;border-radius:var(--radius-md);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.image-wrapper:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.image-wrapper .image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-wrapper:hover .image{transform:scale(1.05)}.image-controls{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-xs);pointer-events:none;opacity:0;transition:opacity .3s ease}.image-wrapper:hover .image-controls{opacity:1}.image-controls button{pointer-events:auto}.image-wrapper .remove-btn{background:var(--red);border:none;border-radius:var(--radius-full);color:var(--crust);cursor:pointer;font-family:Terminal,sans-serif;font-size:14px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.image-wrapper .remove-btn:hover{transform:scale(1.15)}.image-wrapper .favorite-btn{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;border-radius:var(--radius-full);width:24px;height:24px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.image-wrapper .favorite-btn:hover{transform:scale(1.15)}.image-wrapper .category-tag{position:absolute;bottom:var(--space-xs);left:50%;transform:translate(-50%);font-size:.65rem;opacity:0;transition:opacity .3s ease}.image-wrapper:hover .category-tag{opacity:1}.phrases-list{text-align:start;list-style:none;width:100%;display:flex;flex-direction:column;gap:var(--space-xs)}.phrases-list li{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--surface0);border:1px solid transparent;border-radius:var(--radius-sm);transition:all .2s ease}.phrases-list li:hover{border-color:var(--surface2);background:var(--surface1)}.phrases-list li span:first-child{flex-grow:1;font-size:var(--small-size)}.phrase-controls{display:flex;gap:4px;align-items:center;flex-shrink:0}.phrase-controls .favorite-btn{background:transparent;border:none;border-radius:var(--radius-full);width:24px;height:24px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.phrase-controls .favorite-btn:hover{background:var(--surface2);transform:scale(1.1)}.phrase-button{background:transparent;border:none;border-radius:var(--radius-full);color:var(--red);cursor:pointer;font-family:Terminal,sans-serif;font-size:14px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.phrase-button:hover{background:rgba(243,139,168,.15);transform:scale(1.1)}.history-container,.favorites-container{width:100%;max-width:600px;margin:0 auto}.history-container h3,.favorites-container h3{font-size:var(--regular-size);margin-bottom:var(--space-md);color:var(--subtext1)}.history-container p,.favorites-container p{color:var(--overlay1);font-size:var(--small-size)}.history-list{display:flex;flex-direction:column;gap:var(--space-sm)}.history-item{display:flex;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:var(--surface0);border:1px solid transparent;transition:all .2s ease}.history-item:hover{border-color:var(--surface2);transform:translate(4px)}.history-content{display:flex;gap:var(--space-md);align-items:center;flex-grow:1}.history-image{width:50px;height:50px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.history-phrase{font-size:var(--small-size);flex-grow:1;color:var(--subtext1);font-style:italic}.history-meta{display:flex;flex-direction:column;gap:2px;font-size:.75rem;color:var(--overlay0);flex-shrink:0;text-align:right}.favorite-section{margin-bottom:var(--space-xl)}.favorite-section h4{font-size:var(--small-size);color:var(--subtext0);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:1px}.favorite-images,.favorite-phrases{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-sm)}.favorite-item{position:relative;padding:var(--space-md);border-radius:var(--radius-md);background:var(--surface0);border:1px solid transparent;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);transition:all .2s ease}.favorite-item:hover{border-color:var(--surface2);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.favorite-image{width:100%;max-width:140px;aspect-ratio:3/4;border-radius:var(--radius-sm);object-fit:cover}.favorite-phrase{text-align:center;font-size:var(--small-size);color:var(--subtext1);font-style:italic}.unfavorite-btn{position:absolute;top:var(--space-sm);right:var(--space-sm);background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;border-radius:var(--radius-full);width:28px;height:28px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.unfavorite-btn:hover{background:var(--surface1);transform:scale(1.15)}.footer{margin-top:auto;padding-block:var(--space-lg);color:var(--overlay0);font-size:.75rem;letter-spacing:.5px}.footer span{transition:color .3s ease}.footer:hover span{color:var(--pink)}.fade-content{transition:opacity .3s ease,transform .3s ease}.fade-in{opacity:1;transform:translateY(0)}.fade-out{opacity:0;transform:translateY(12px)}.data-actions{display:flex;gap:var(--space-sm);width:100%;justify-content:center;padding-top:var(--space-md);border-top:1px solid var(--surface1)}.export-btn,.import-btn{background:var(--surface0);color:var(--text);border:1px solid var(--surface1);border-radius:var(--radius-full);padding:var(--space-sm) var(--space-lg);font-family:Terminal,sans-serif;font-size:var(--small-size);cursor:pointer;transition:all .3s ease}.export-btn:hover{border-color:var(--teal);color:var(--teal);box-shadow:var(--shadow-glow-teal)}.import-btn:hover{border-color:var(--mauve);color:var(--mauve);box-shadow:var(--shadow-glow-mauve)}.import-status{font-size:var(--small-size);text-align:center;padding:var(--space-xs) 0;animation:status-fade-in .3s ease}@keyframes status-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.import-status.success{color:var(--green)}.import-status.error{color:var(--red)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface1);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--surface2)}::selection{background:rgba(203,166,247,.3);color:var(--text)}