#nutrientDetailModal{position:fixed;top:-12px;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:none;justify-content:center;align-items:center;z-index:3000;backdrop-filter:blur(5px)}#nutrientDetailModal.active{display:flex!important}#nutrientDetailModal .modal-content{display:flex;flex-direction:column;overflow:hidden;width:90%;max-width:600px;max-height:90vh;background:var(--color-surface);border-radius:20px;box-shadow:var(--shadow)}#nutrientDetailModal .modal-header{flex-shrink:0;position:relative}#nutrientDetailModal .modal-body{flex:1;display:flex;flex-direction:column;padding:0 20px 20px;overflow:hidden}#nutrientDetailModal .modal-inner-content{display:flex;flex-direction:column;height:100%;overflow:hidden}#nutrientDetailModal .list-container{flex:1;overflow-y:auto;min-height:0;padding-bottom:20px}#nutrientDetailModal .close-btn{position:absolute;top:-6px;right:0;z-index:1;cursor:pointer;font-size:1.5em;color:var(--color-muted);transition:color .2s}#nutrientDetailModal .close-btn:hover{color:var(--color-text)}#nutrientDetailModal h2{margin:0;padding-bottom:16px;padding-right:30px;word-break:break-word;line-height:1.3}@media (max-width:1029px){#nutrientDetailModal .modal-content{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border-radius:0!important}}body.dark-mode #nutrientDetailModal .modal-content{background:var(--color-surface);color:var(--color-text)}