@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--fs-xxl: 2rem;--fs-lg: 1.05rem;--fs-md: 1rem;--fs-sm: .95rem;--fs-xs: .85rem;--sp-xxs: .25rem;--sp-xs: .4rem;--sp-sm: .6rem;--sp-md: .8rem;--sp-lg: 1rem;--sp-xl: 1.25rem;--bg-1: #0f0f0f;--bg-2: #1a1a1a;--panel: rgba(42, 42, 42, .9);--text: #ffffff;--muted: #cccccc;--border: rgba(255, 255, 255, .1);--accent: #888}*,*:before,*:after{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{font-family:var(--font-family);background:linear-gradient(-45deg,var(--bg-1),var(--bg-2),var(--bg-1),var(--bg-2));background-size:400% 400%;animation:gradientShift 15s ease infinite;color:var(--text);margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:var(--fs-md)}html,body{max-width:100%;overflow-x:hidden;width:100%}.container{background-color:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--sp-xl);border-radius:16px;box-shadow:0 12px 40px #0009;width:100%;max-width:640px;border:1px solid var(--border);animation:fadeIn .8s ease-out;box-sizing:border-box;overflow:hidden}h1{text-align:center;margin-bottom:var(--sp-lg);color:var(--text);font-size:var(--fs-xxl);font-weight:300;animation:fadeIn 1s ease-out .2s both}form{display:flex;flex-direction:column;gap:var(--sp-md)}label{display:block;margin-bottom:var(--sp-xxs);font-weight:500;color:var(--muted);transition:color .3s ease;overflow-wrap:anywhere;font-size:var(--fs-md)}input[type=number],input[type=text]{padding:var(--sp-md) var(--sp-lg);border:1px solid #555;border-radius:8px;background-color:#3a3a3a;color:var(--text);font-size:var(--fs-md);transition:all .2s ease;-webkit-appearance:none;-moz-appearance:textfield;appearance:none;display:block;width:100%}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.days{display:flex;flex-wrap:wrap;gap:var(--sp-sm);margin-bottom:var(--sp-sm);width:100%}.days label{display:flex;align-items:center;gap:var(--sp-sm);font-weight:400;background-color:#444;padding:var(--sp-sm) var(--sp-lg);border-radius:6px;transition:all .2s ease;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--fs-sm)}.days label:hover{background-color:#555}.days input[type=checkbox]{accent-color:var(--accent)}.prim-options{display:flex;flex-wrap:wrap;gap:var(--sp-sm);margin-bottom:var(--sp-xxs);width:100%}.prim-options label{display:flex;align-items:center;gap:var(--sp-sm);font-weight:400;background-color:#444;padding:var(--sp-sm) var(--sp-lg);border-radius:6px;cursor:pointer;transition:background-color .2s ease;font-size:var(--fs-sm)}.prim-options label:hover{background-color:#555}.prim-options input[type=radio]{accent-color:var(--accent)}.prim-frequency{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-md);margin-bottom:var(--sp-sm);width:100%}.prim-item{display:flex;flex-direction:column;gap:var(--sp-xs)}.chip-label{display:inline-flex;align-items:center;gap:var(--sp-sm);font-weight:400;background-color:#444;padding:var(--sp-sm) var(--sp-lg);border-radius:6px;cursor:pointer;transition:background-color .2s ease;width:fit-content;font-size:var(--fs-sm)}.chip-label:hover{background-color:#555}.small-caption{font-size:.85rem;color:var(--muted)}.prim-frequency label:hover{background-color:#555}.prim-frequency input[type=checkbox]{accent-color:var(--accent)}#primDetails input[type=number],#primDetails input[type=text]{width:100%}body.compact-mode{align-items:center;justify-content:center}button{padding:1rem;background:linear-gradient(135deg,#666,#888);color:var(--text);border:none;border-radius:8px;cursor:pointer;font-size:var(--fs-lg);font-weight:500;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease;position:relative;overflow:hidden;max-width:100%}button:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 6px 20px #0006}button:active{transform:translateY(0)}#result{margin-top:var(--sp-xl);text-align:left;color:var(--text);padding:var(--sp-lg) var(--sp-xl);background-color:#333c;border-radius:8px;border:1px solid var(--border);transition:all .2s ease;max-width:100%}#result p{margin:var(--sp-xs) 0;animation:fadeIn .4s ease-out;overflow-wrap:anywhere;font-size:var(--fs-md)}#result strong{color:#fff}.install-btn{margin-bottom:var(--sp-sm);padding:var(--sp-sm) var(--sp-lg);border-radius:8px;border:1px solid var(--border);background:#2a2a2a;color:var(--text);cursor:pointer}.install-btn:hover{filter:brightness(1.1)}@media (max-width: 600px){body{align-items:stretch;justify-content:flex-start}body.compact-mode{align-items:center;justify-content:center}.container{padding:var(--sp-lg);max-width:100%;width:100%;margin:0}h1{font-size:1.5rem;margin-bottom:1rem}form{gap:var(--sp-sm)}input{padding:var(--sp-md) var(--sp-lg)}.days{gap:var(--sp-xs)}.days label{padding:.35rem .6rem;font-size:var(--fs-sm)}.prim-options{gap:var(--sp-sm)}.prim-options label,.chip-label{padding:.35rem .6rem;font-size:var(--fs-sm)}.prim-frequency{grid-template-columns:1fr}button{padding:.85rem;font-size:1rem}#result{padding:var(--sp-md) var(--sp-lg)}}.view-toggle{display:flex;justify-content:flex-start;margin-bottom:var(--sp-sm);width:100%}.view-toggle label{display:flex;align-items:center;gap:var(--sp-sm);font-weight:400;background-color:#3a3a3a;padding:var(--sp-xs) var(--sp-sm);border-radius:6px;white-space:normal;max-width:100%}.view-toggle input[type=checkbox]{accent-color:var(--accent)}