/** Approved notebook, isolated from calculator and storefront. */

#milani-notebook{--mn-bg:#0b0813;--mn-panel:#171122;--mn-panel-alt:#21182e;--mn-fg:#faf8ff;--mn-muted:#c0b5ce;--mn-gold:#e2c783;--mn-line:#453650;--mn-purple:#bb98ed;--mn-green:#7bd3ab;--mn-red:#ffa5b1;--mn-blue:#9ac9ff;--mn-amber:#f2c471;--mn-radius:10px;color:var(--mn-fg);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;width:100%;position:relative}
#milani-notebook *{box-sizing:border-box}
#milani-notebook button,#milani-notebook input,#milani-notebook select,#milani-notebook textarea{font:inherit;color:inherit}
#milani-notebook button{min-height:36px;border:1px solid var(--mn-line);border-radius:9px;background:var(--mn-panel-alt);padding:7px 12px;white-space:normal;overflow-wrap:anywhere;cursor:pointer;text-align:center;max-width:100%}
#milani-notebook button:hover{border-color:var(--mn-gold)}
#milani-notebook button:disabled{opacity:.5;cursor:default}
#milani-notebook button.mn-primary,#milani-notebook button[aria-pressed="true"]{background:var(--mn-gold);border-color:var(--mn-gold);color:var(--mn-bg)}
#milani-notebook button.mn-quiet{background:transparent;border-color:transparent;padding:6px 8px}
#milani-notebook button.mn-danger{border-color:var(--mn-red);color:var(--mn-red);background:var(--mn-panel)}
#milani-notebook button.mn-icon{padding:4px 10px;min-width:36px}
#milani-notebook input:not([type="checkbox"]):not([type="color"]),#milani-notebook select,#milani-notebook textarea{width:100%;min-width:0;border:1px solid var(--mn-line);border-radius:9px;background:var(--mn-bg);padding:9px 11px;min-height:40px}
#milani-notebook input[type="checkbox"]{accent-color:var(--mn-gold);width:19px;height:19px;flex:none}
#milani-notebook input[type="color"]{width:100%;height:42px;border:1px solid var(--mn-line);background:var(--mn-bg);border-radius:8px}
#milani-notebook :focus-visible{outline:2px solid var(--mn-purple);outline-offset:3px}
#milani-notebook [hidden]{display:none!important}
#milani-notebook .mn-preview-tools{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:10px 0 16px;color:#b8afc8;font-size:12px}
#milani-notebook .mn-preview-tools>div{display:flex;gap:6px}
#milani-notebook .mn-product{container-type:inline-size;background:var(--mn-bg);border:1px solid var(--mn-line);border-radius:var(--mn-radius);width:100%;margin:auto;overflow:clip}
#milani-notebook .mn-product.mn-phone{max-width:390px}
#milani-notebook .mn-chrome{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--mn-line);background:#100b19;flex-wrap:wrap}
#milani-notebook .mn-brand{font:21px Georgia,serif;color:var(--mn-gold);letter-spacing:3px}
#milani-notebook .mn-chrome-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
#milani-notebook .mn-body{padding:24px}
#milani-notebook .mn-title-row{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:20px;flex-wrap:wrap}
#milani-notebook h1{font:30px/1.15 Georgia,serif;margin:4px 0 8px;font-weight:400}
#milani-notebook h2{font:23px/1.2 Georgia,serif;margin:0;font-weight:400}
#milani-notebook h3{font:19px/1.3 Georgia,serif;margin:0;font-weight:400}
#milani-notebook p{margin:8px 0}
#milani-notebook .mn-kicker{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--mn-gold)}
#milani-notebook .mn-muted{color:var(--mn-muted);font-size:12px}
#milani-notebook .mn-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#milani-notebook .mn-between{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
#milani-notebook .mn-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}
#milani-notebook .mn-tabs button{border-radius:99px;padding:8px 15px;background:transparent}
#milani-notebook .mn-tabs .mn-add{border-style:dashed;color:var(--mn-gold)}
#milani-notebook .mn-tabs button[aria-pressed="true"]{background:var(--mn-gold)}
#milani-notebook .mn-mobile-add{display:none;width:100%;margin:0 0 15px}
#milani-notebook .mn-panel{background:var(--mn-panel);border:1px solid var(--mn-line);border-radius:var(--mn-radius);padding:20px;margin-bottom:18px}
#milani-notebook .mn-controls{display:grid;grid-template-columns:minmax(160px,1.2fr) repeat(2,minmax(130px,1fr));gap:10px;margin:16px 0}
#milani-notebook label.mn-field{display:grid;gap:5px;font-size:12px;color:var(--mn-muted);min-width:0}
#milani-notebook .mn-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--mn-line);border:1px solid var(--mn-line);border-radius:12px;overflow:hidden;margin-bottom:18px}
#milani-notebook .mn-stat{background:var(--mn-panel);padding:15px 17px;min-width:0}
#milani-notebook .mn-stat>span{display:block;color:var(--mn-muted);font-size:12px;margin-bottom:8px}
#milani-notebook .mn-amount{font-variant-numeric:tabular-nums;font-weight:500;overflow-wrap:anywhere}
#milani-notebook .mn-amount>span{display:block;white-space:normal}
#milani-notebook .mn-stat .mn-amount{font-size:19px;line-height:1.5}
#milani-notebook .mn-stat .mn-amount>span+span{font-size:14px;color:var(--mn-muted)}
#milani-notebook .mn-pill{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--mn-line);border-radius:99px;padding:4px 9px;font-size:11px;color:var(--mn-muted)}
#milani-notebook .mn-status{color:var(--mn-green);font-size:12px}
#milani-notebook .mn-status.mn-pending{color:var(--mn-amber)}
#milani-notebook .mn-chart-controls{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:12px 0}
#milani-notebook .mn-chart-controls .mn-field{flex:1;min-width:150px}
#milani-notebook .mn-chart-controls .mn-segment{flex-shrink:0}
#milani-notebook .mn-chart-controls .mn-segment button{white-space:nowrap;padding-left:8px;padding-right:8px}
#milani-notebook .mn-segment{display:flex;gap:3px;padding:3px;background:var(--mn-bg);border-radius:10px;border:1px solid var(--mn-line)}
#milani-notebook .mn-segment button{border-color:transparent;background:transparent;padding:6px 10px;flex:1}
#milani-notebook .mn-segment button[aria-pressed="true"]{background:var(--mn-gold)}
#milani-notebook .mn-legend{display:flex;gap:5px 18px;flex-wrap:wrap;font-size:13px;padding:9px 0 4px}
#milani-notebook .mn-legend button,#milani-notebook .mn-legend button[aria-pressed="true"]{display:inline-flex;gap:8px;align-items:center;background:transparent;border:0;border-radius:0;color:var(--mn-fg);padding:7px 0;min-height:34px;text-align:left}
#milani-notebook .mn-legend button[aria-pressed="false"]{opacity:.48}
#milani-notebook .mn-legend button[aria-pressed="false"] span{text-decoration:line-through}
#milani-notebook .mn-legend button:hover{color:var(--mn-gold)}
#milani-notebook .mn-swatch{width:20px;border-top:3px solid;display:inline-block}
#milani-notebook .mn-chart{width:100%;min-width:0;position:relative}
#milani-notebook .mn-chart svg{width:100%;display:block;overflow:visible}
#milani-notebook .mn-chart text{fill:var(--mn-muted);font:12px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#milani-notebook .mn-chart .mn-axis-name{fill:var(--mn-fg);font-size:12px}
#milani-notebook .mn-chart .mn-point{fill:var(--mn-panel);stroke-width:2.2}
#milani-notebook .mn-chart .mn-series-path{stroke-linecap:round;stroke-linejoin:round}
#milani-notebook .mn-chart [data-chart-focus],#milani-notebook .mn-chart [data-chart-guide]{pointer-events:none}
#milani-notebook .mn-chart a:hover .mn-point,#milani-notebook .mn-chart a:focus .mn-point{fill:var(--mn-gold)}
#milani-notebook .mn-chart-summary{color:var(--mn-muted);font-size:12px;min-height:63px;margin:7px 0 11px;padding:12px 0;border-top:1px solid var(--mn-line);display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap}
#milani-notebook .mn-chart-summary strong{color:var(--mn-fg);font-size:20px;font-variant-numeric:tabular-nums;font-weight:500}
#milani-notebook .mn-chart-hint{margin:0 0 10px}
#milani-notebook .mn-chart-period{display:block;color:var(--mn-fg);font-size:13px}
#milani-notebook .mn-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#milani-notebook .mn-column-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}
#milani-notebook .mn-cat{border-top:1px solid var(--mn-line);padding:12px 0}
#milani-notebook .mn-cat summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer}
#milani-notebook .mn-cat summary::-webkit-details-marker{display:none}
#milani-notebook .mn-cat summary:before{content:'›';color:var(--mn-muted);font-size:20px;flex:none}
#milani-notebook .mn-cat[open] summary:before{content:'⌄'}
#milani-notebook .mn-cat-name{flex:1;min-width:0;overflow-wrap:anywhere}
#milani-notebook .mn-cat-name b{font-weight:500;display:block}
#milani-notebook .mn-cat-mark{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%}
#milani-notebook .mn-cat-sum{font-size:12px;text-align:right}
#milani-notebook .mn-cat-actions{display:flex;gap:5px;margin:10px 0 8px;justify-content:flex-end}
#milani-notebook .mn-record{display:flex;gap:10px;align-items:center;justify-content:space-between;width:100%;padding:11px 0;border-top:1px solid var(--mn-line)}
#milani-notebook button.mn-record{border-radius:0;border-width:1px 0 0;background:transparent;text-align:left}
#milani-notebook .mn-record-main{flex:1;min-width:0;overflow-wrap:anywhere}
#milani-notebook .mn-record small{display:block;color:var(--mn-muted);font-size:11px;margin-top:4px}
#milani-notebook .mn-empty{padding:25px 12px;text-align:center;color:var(--mn-muted)}
#milani-notebook .mn-empty h3{color:var(--mn-fg);margin-bottom:10px}
#milani-notebook .mn-search{max-width:320px;min-width:180px}
#milani-notebook .mn-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
#milani-notebook .mn-side{border:1px solid var(--mn-line);border-radius:12px;padding:14px;background:var(--mn-bg)}
#milani-notebook .mn-side .mn-amount{font-size:12px}
#milani-notebook .mn-side-data{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
#milani-notebook .mn-side-data small{color:var(--mn-muted)}
#milani-notebook .mn-footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--mn-muted);font-size:11px;padding:5px 0 0}
#milani-notebook .mn-goal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
#milani-notebook .mn-goal{background:var(--mn-panel);border:1px solid var(--mn-line);padding:18px;border-radius:12px}
#milani-notebook .mn-goal .mn-amount{font-size:20px;margin:12px 0}
#milani-notebook .mn-progress{height:6px;background:var(--mn-line);border-radius:5px;overflow:hidden;margin:10px 0}
#milani-notebook .mn-progress>div{height:100%;background:var(--mn-gold);border:0}
#milani-notebook .mn-alert{padding:11px 13px;border-radius:9px;background:#311e31;color:#ffd6df;margin:12px 0;font-size:12px;border:1px solid #624055}
#milani-notebook .mn-check{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--mn-line);cursor:pointer}
#milani-notebook .mn-check span{flex:1}
#milani-notebook .mn-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#milani-notebook .mn-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#milani-notebook .mn-form{display:grid;gap:14px;margin-top:16px}
#milani-notebook .mn-form-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:18px}
#milani-notebook .mn-form-actions .mn-danger{margin-right:auto}
#milani-notebook .mn-money-input{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}
#milani-notebook .mn-money-input button{min-width:52px;min-height:42px;font-size:18px}
#milani-notebook .mn-error{color:var(--mn-red);font-size:12px;min-height:0}
#milani-notebook .mn-step{color:var(--mn-gold);font-size:12px;margin-bottom:10px}
#milani-notebook .mn-initial-heading{padding:14px;border:1px solid var(--mn-gold);border-radius:10px;background:var(--mn-bg);margin-bottom:12px}
#milani-notebook .mn-initial-heading .mn-step{font-size:15px;font-weight:700;margin:0 0 5px}
#milani-notebook .mn-initial-heading h3{font:600 24px/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0 0 14px;color:var(--mn-fg)}
#milani-notebook .mn-initial-steps{list-style:none;display:flex;flex-wrap:wrap;gap:6px 14px;padding:0;margin:0;color:var(--mn-muted);font-size:12px}
#milani-notebook .mn-initial-steps [aria-current="step"]{color:var(--mn-gold);font-weight:700;text-decoration:underline;text-underline-offset:4px}
#milani-notebook .mn-initial-recap{font-size:13px;padding:9px 12px;border-left:2px solid var(--mn-gold);background:var(--mn-bg);margin-bottom:12px}
#milani-notebook .mn-initial-goal{border-top:1px solid var(--mn-line);padding:12px 0}
#milani-notebook dialog{--mn-dialog-width:560px;width:calc(100% - 28px);max-width:var(--mn-dialog-width);max-height:85vh;overflow:auto;margin:auto;border:1px solid var(--mn-line);border-radius:17px;background:var(--mn-panel);color:var(--mn-fg);padding:24px;box-shadow:0 24px 90px #0009;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#milani-notebook dialog::backdrop{background:#08050dbb}
#milani-notebook dialog.mn-wide{--mn-dialog-width:900px}
#milani-notebook dialog.mn-phone-dialog{max-width:365px;padding:18px}
#milani-notebook .mn-dialog-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid var(--mn-line);padding-bottom:15px;margin-bottom:16px}
#milani-notebook .mn-dialog-head h2{margin:0;flex:1}
#milani-notebook .mn-paper{color:#1b1720;background:#fffdf9;padding:24px;border-radius:3px;font:12px/1.45 Georgia,serif;overflow-wrap:anywhere}
#milani-notebook .mn-paper h2{font-size:24px;color:#31223a;margin:10px 0}
#milani-notebook .mn-paper h3{font:17px Georgia,serif;color:#31223a;margin:18px 0 8px}
#milani-notebook .mn-paper h4{font:15px Georgia,serif;margin:0 0 12px;border-bottom:2px solid #9c8152;padding-bottom:7px;color:#31223a}
#milani-notebook .mn-paper .mn-print-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#milani-notebook .mn-paper .mn-print-cat{margin-bottom:14px;break-inside:avoid}
#milani-notebook .mn-paper .mn-print-cat>strong{display:block;border-bottom:1px solid #d7cfbf;padding:5px 0}
#milani-notebook .mn-paper .mn-print-row{padding:6px 0;border-bottom:1px solid #e6dfd2}
#milani-notebook .mn-paper .mn-print-row>span{display:block}
#milani-notebook .mn-paper .mn-print-row small{color:#655c6c}
#milani-notebook .mn-paper .mn-print-total{border-top:2px solid #9c8152;padding-top:8px;margin-top:10px}
#milani-notebook .mn-paper .mn-amount{font-size:12px}
#milani-notebook .mn-paper table{width:100%;border-collapse:collapse}
#milani-notebook .mn-paper td,#milani-notebook .mn-paper th{text-align:left;border-bottom:1px solid #d7cfbf;padding:7px;vertical-align:top}
#milani-notebook .mn-ring{width:128px;height:128px;border-radius:50%;display:grid;place-items:center;flex:none}
#milani-notebook .mn-ring:after{content:'';width:86px;height:86px;border-radius:50%;background:var(--mn-panel)}
#milani-notebook .mn-donut-row{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin:20px 0}
@container(max-width:620px){
 #milani-notebook .mn-chrome{padding:12px;gap:8px}
 #milani-notebook .mn-brand{font-size:17px;letter-spacing:2px}
 #milani-notebook .mn-chrome-actions{width:100%;justify-content:space-between}
 #milani-notebook .mn-body{padding:17px 12px}
 #milani-notebook h1{font-size:26px}
 #milani-notebook .mn-title-row{margin-bottom:15px;gap:8px}
 #milani-notebook .mn-title-row>div:last-child{width:100%}
 #milani-notebook .mn-tabs{gap:6px}
 #milani-notebook .mn-tabs button{padding:8px 11px}
 #milani-notebook .mn-mobile-add{display:block}
 #milani-notebook .mn-panel{padding:14px}
 #milani-notebook .mn-columns,#milani-notebook .mn-compare,#milani-notebook .mn-goal-grid{grid-template-columns:1fr}
 #milani-notebook .mn-controls{grid-template-columns:1fr 1fr}
 #milani-notebook .mn-controls>.mn-field:first-child{grid-column:1/-1}
 #milani-notebook .mn-stats{grid-template-columns:1fr}
 #milani-notebook .mn-stat{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;padding:12px}
 #milani-notebook .mn-stat>span{margin:0}
 #milani-notebook .mn-stat .mn-amount{text-align:right;font-size:17px}
 #milani-notebook .mn-chart-controls .mn-field{flex-basis:100%}
 #milani-notebook .mn-chart-controls .mn-segment{width:100%}
 #milani-notebook .mn-search{max-width:100%;width:100%}
 #milani-notebook .mn-column-head{align-items:flex-start}
 #milani-notebook .mn-cat-name b{font-size:13px}
 #milani-notebook button{min-height:42px}
 #milani-notebook input,#milani-notebook select,#milani-notebook textarea{font-size:16px}
}
@media(max-width:480px){
 #milani-notebook .mn-grid3{grid-template-columns:1fr}
 #milani-notebook .mn-paper{padding:12px;font-size:11px}
 #milani-notebook .mn-paper .mn-print-columns{gap:10px}
}
#milani-notebook .mn-help-pair{display:inline-flex;align-items:center;gap:2px;max-width:100%;min-width:0;vertical-align:middle}
#milani-notebook.mn-help-hidden .mn-info{display:none!important}
#milani-notebook.mn-help-hidden .mn-help-pair{gap:0}
#milani-notebook .mn-help-pair>button:not(.mn-info){min-width:0}
#milani-notebook .mn-help-record{display:flex;width:100%}
#milani-notebook .mn-help-record>button:not(.mn-info){flex:1}
#milani-notebook .mn-help-mobile{display:none;width:100%;margin-bottom:15px}
#milani-notebook .mn-help-mobile>.mn-mobile-add{margin:0;flex:1}
#milani-notebook .mn-segment>.mn-help-pair{flex:1}
#milani-notebook .mn-field-caption{display:flex;align-items:center;gap:4px}
#milani-notebook button.mn-info,#milani-notebook .mn-legend button.mn-info{display:inline-flex;align-items:center;justify-content:center;flex:none;width:24px;min-width:24px;min-height:28px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--mn-muted);font:12px/1 Georgia,serif;text-decoration:none;opacity:1}
#milani-notebook button.mn-info>span{display:grid;place-items:center;flex:none;border:1px solid currentColor;border-radius:50%;width:14px;height:14px;font-style:normal}
#milani-notebook .mn-chart-controls .mn-segment button.mn-info{padding:0}
#milani-notebook button.mn-info:hover,#milani-notebook button.mn-info:focus-visible{color:var(--mn-gold);background:var(--mn-panel-alt)}
#milani-notebook .mn-guide details{border-top:1px solid var(--mn-line);padding:14px 0}
#milani-notebook .mn-guide summary{cursor:pointer;color:var(--mn-gold);font-size:15px}
#milani-notebook .mn-guide p,#milani-notebook .mn-guide li{color:var(--mn-fg);line-height:1.65}
#milani-notebook .mn-guide ol{padding-left:22px}
#milani-notebook .mn-guide-example{border-left:2px solid var(--mn-gold);padding:5px 12px;margin:12px 0;background:var(--mn-bg)}
@container(max-width:620px){
 #milani-notebook .mn-help-mobile{display:flex}
 #milani-notebook .mn-help-pair>button:not(.mn-info){flex:1}
 #milani-notebook button.mn-info{width:30px;min-width:30px;min-height:42px;height:42px}
}
@media(pointer:coarse){#milani-notebook button.mn-info{min-width:44px;width:44px;min-height:44px;height:44px}}