html,body{overflow-x:hidden;margin:0;padding:0;background-color:#FCFAFA;height:100%}:root{--color-accent-primary:#3FD6A5;--color-accent-primary-deep:#34CFA6;--color-accent-active:#2DAE84;--color-accent-surface:#C8F5E6;--color-accent-surface-alt:#F8FFFC;--color-accent-surface-soft:#EAFBF4;--color-contrast-strong:#0F4D46;--color-bg-main:#FCFAFA;--color-bg-surface:#FFFFFF;--color-border:#E9E5DA;--color-text-primary:#1C1C1E;--color-text-secondary:#9CA3AF;--color-success:#3FD6A5;--color-success-surface:#F8FFFC;--color-info:#3AB9E0;--color-info-surface:#F8FCFF;--color-warning:#F0B43C;--color-warning-surface:#FFFBF2;--color-error:#E55353;--color-error-surface:#FFF7F7;--color-highlight-secondary:#E3DDF8;--color-highlight-warm:#E99E5A;--color-accent-bright:#3AB9E0;--color-harmonious-green:#00D46A;--ntd-hover-bg:var(--color-accent-surface);--ntd-hover-border:var(--color-accent-primary);--ntd-hover-shadow:0 0 6px rgba(0,0,0,0.08);--ntd-hover-transition-speed:0.15s;:where(a,button,input,select,textarea,[tabindex="0"]):focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg-main),0 0 0 4px var(--color-accent-primary);border-radius:var(--radius-base);transition:box-shadow var(--anim-fast) ease}--radius-base:6px;--shadow-soft:0 2px 8px rgba(15,77,70,0.08);--font-ui:"Font-UI","Noto Sans",sans-serif;--font-display:"Font-Display","Nova Flat",cursive;--font-weight-regular:400;--font-weight-bold:700;--font-lineheight-ui:1.5;--font-lineheight-display:1.2;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-xxl:2rem;--font-size-display:2.5rem;--anim-instant:0.10s;--anim-fast:0.18s;--anim-medium:0.26s;--anim-slow:0.36s;--anim-deliberate:0.48s;--anim-emphasized:0.65s;--svg-checkmark:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'>\
<path d='M7.1 11.8L2.8 7.5c-.45-.45-.45-1.15 0-1.6.45-.45 1.15-.45 1.6 0l2.7 2.7 4.9-4.9c.45-.45 1.15-.45 1.6 0 .45.45.45 1.15 0 1.6l-6.1 6.1c-.45.45-1.15.45-1.6 0z'/>\
</svg>");--svg-cross:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%230F4D46' stroke-width='3'>\
<path d='M4 4l8 8M12 4l-8 8'/>\
</svg>")}@font-face{font-family:"Font-UI";src:url("fonts/notosans-regular.woff2") format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:"Font-Display";src:url("fonts/amaranth-regular.woff2") format("woff2");font-display:swap;font-weight:400;font-style:normal}body{margin:0;font-family:var(--font-ui);background-color:var(--color-bg-main);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}header{display:block;margin:0;padding:0}section{display:block;margin:0;padding:0}h1,h2,h3,h4,h5,h6{position:relative;font-weight:600;line-height:1.25;margin:0 0 1.2rem 0}h1{font-size:2.2rem;color:var(--color-accent-primary);padding-left:1.1rem;letter-spacing:0.02rem}h1::before{content:"";position:absolute;left:0;top:0.15rem;bottom:0.15rem;width:3px;border-radius:2px;background:var(--color-accent-primary);opacity:0.9}h2{font-size:1.8rem;color:var(--color-accent-active);padding-left:1rem;margin-top:1.4rem;letter-spacing:0.015rem}h2::before{content:"";position:absolute;left:0;top:0.18rem;bottom:0.18rem;width:2px;border-radius:2px;background:var(--color-accent-active);opacity:0.8}hr{border:none;border-top:1px solid #E9E5DA;margin:2rem 0;width:100%}h3{font-size:1.5rem;color:var(--color-contrast-strong);padding-left:0.9rem;margin-top:1.1rem;letter-spacing:0.01rem}h3::before{content:"";position:absolute;left:0;top:0.22rem;bottom:0.22rem;width:2px;border-radius:2px;background:var(--color-accent-active);opacity:0.65}h4{font-size:1.3rem;margin-top:0.9rem;letter-spacing:0.005rem}h5{font-size:1.2rem}h6{font-size:1.1rem}p{font-size:1rem;margin-bottom:1rem;color:var(--color-text-primary)}blockquote{font-style:italic;border-left:4px solid var(--color-accent-primary);padding-left:1rem;margin:1rem 0;color:var(--color-text-secondary)}code{background:var(--color-accent-surface);padding:0.2rem 0.5rem;border-radius:4px;font-family:monospace}pre{background:var(--color-contrast-strong);color:var(--color-bg-surface);padding:1rem;border-radius:var(--radius-base);overflow-x:auto}ul,ol{padding-left:1.5rem}li{margin:0.5rem 0}table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:0.95rem}table th,table td{border:1px solid var(--color-border);padding:0.8rem;text-align:left}table th{background:var(--color-accent-primary);color:var(--color-bg-surface);font-weight:600}table tbody tr:nth-child(even){background:var(--color-accent-surface-alt)}form{margin-top:1rem;min-width:65%;max-width:900px;padding:2.75rem 1.5rem;background:#FFFFFF;border:1px solid #E9E5DA;border-radius:8px;box-shadow:0 2px 6px rgba(15,77,70,0.06)}fieldset{border:2px solid var(--color-accent-primary);padding:1.5rem;border-radius:var(--radius-base)}legend{font-weight:bold;color:var(--color-accent-primary)}label{display:block;font-weight:600;color:var(--color-text-primary);margin:0 0 0.35rem 0;line-height:var(--font-lineheight-ui)}input,select,textarea{width:100%;font-family:var(--font-ui);font-size:1rem;color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:0.65rem 0.75rem;box-sizing:border-box;transition:border-color var(--anim-fast) ease,box-shadow var(--anim-fast) ease,background-color var(--anim-fast) ease}input::placeholder,textarea::placeholder{color:var(--color-text-secondary);opacity:0.75}input:focus,select:focus,textarea:focus{border-color:var(--color-accent-primary);outline:none;box-shadow:0 0 0 2px var(--color-accent-surface)}input[readonly],textarea[readonly]{background:var(--color-accent-surface-alt);border-color:var(--color-border);color:var(--color-text-secondary);cursor:default}input:disabled,textarea:disabled,select:disabled{background:var(--color-accent-surface-alt);border-color:var(--color-border);color:var(--color-text-secondary);opacity:0.86;cursor:not-allowed}input:disabled:focus,textarea:disabled:focus,select:disabled:focus{box-shadow:none}button{background:var(--color-accent-primary);color:var(--color-bg-surface);border:none;padding:0.8rem 1.5rem;font-size:1rem;border-radius:var(--radius-base);cursor:pointer;transition:background 0.2s ease,transform 0.1s ease}button:hover{background:var(--color-accent-active)}button:active{transform:scale(0.98)}.system-button{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;min-height:2.5rem;padding:0 1.125rem;box-sizing:border-box;border:1px solid transparent;border-radius:999px;font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:600;line-height:1;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;user-select:none;transition:background-color var(--anim-fast) ease,border-color var(--anim-fast) ease,color var(--anim-fast) ease,box-shadow var(--anim-fast) ease,transform var(--anim-instant) ease}.system-button>svg{width:1rem;height:1rem;flex:0 0 auto;fill:none;stroke:currentColor}.system-button__icon{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;flex:0 0 auto}.system-button__label{display:inline-block}.system-button--primary{background-color:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-bg-surface)}.system-button--primary:hover{background-color:var(--color-accent-active);border-color:var(--color-accent-active)}.system-button--primary:active{background-color:#249673;border-color:#249673;transform:translateY(1px)}.system-button--secondary{background-color:var(--color-bg-surface);border-color:var(--color-accent-primary);color:var(--color-accent-active)}.system-button--secondary:hover{background-color:var(--color-accent-surface-alt);border-color:var(--color-accent-active)}.system-button--secondary:active{background-color:var(--color-accent-surface);transform:translateY(1px)}.system-button--quiet{background-color:transparent;border-color:transparent;color:var(--color-accent-active)}.system-button--quiet:hover{background-color:var(--color-accent-surface-alt)}.system-button--quiet:active{background-color:var(--color-accent-surface);transform:translateY(1px)}.system-button--danger{background-color:var(--color-error);border-color:var(--color-error);color:var(--color-bg-surface)}.system-button--danger:hover{background-color:#C94747;border-color:#C94747}.system-button--danger:active{background-color:#B63E3E;border-color:#B63E3E;transform:translateY(1px)}.system-button:focus-visible{outline:2px solid var(--color-accent-active);outline-offset:2px}.system-button--danger:focus-visible{outline-color:var(--color-error)}.system-button:disabled,.system-button[aria-disabled="true"]{background-color:var(--color-accent-surface);border-color:var(--color-border);color:var(--color-text-secondary);cursor:default;box-shadow:none;transform:none;opacity:0.86;pointer-events:none}.system-button--small{min-height:2rem;padding:0 0.875rem;font-size:var(--font-size-xs)}.system-button--medium{min-height:2.5rem;padding:0 1.125rem;font-size:var(--font-size-sm)}.system-button--large{min-height:3rem;padding:0 1.4rem;font-size:var(--font-size-md)}.system-button--full{width:100%}.system-button--icon-only{width:2.5rem;min-width:2.5rem;height:2.5rem;min-height:2.5rem;padding:0}.system-button--icon-only.system-button--small{width:2rem;min-width:2rem;height:2rem;min-height:2rem}.system-button--icon-only.system-button--large{width:3rem;min-width:3rem;height:3rem;min-height:3rem}img,video,audio,iframe{max-width:100%;display:block;border-radius:var(--radius-base)}figure{text-align:center;margin-top:1rem}figcaption{font-size:0.9rem;color:var(--color-text-secondary)}footer{text-align:center;background:var(--color-accent-surface-alt);padding:1rem;margin-top:auto;border-radius:var(--radius-base);color:var(--color-text-primary);font-size:0.9rem}.ntdhover{transition:background-color var(--ntd-hover-transition-speed) ease,border-color var(--ntd-hover-transition-speed) ease,box-shadow var(--ntd-hover-transition-speed) ease}.ntdhover:hover{background-color:var(--ntd-hover-bg);border-color:var(--ntd-hover-border);box-shadow:var(--ntd-hover-shadow)}.system-dropdown-container{width:100%;min-height:1rem;max-height:15rem;overflow:auto;box-sizing:border-box;position:absolute;z-index:50;background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-soft);padding:0.25rem 0;transition:box-shadow var(--anim-fast) ease,border-color var(--anim-fast) ease,background-color var(--anim-fast) ease}.system-dropdown-parent-frame{position:relative}.system-form-action-row{position:relative;display:flex;justify-content:flex-end;align-items:center;margin-top:2rem;overflow:visible}.system-form-primary-button:disabled,.system_toolbox_filter_pill:disabled,.system_toolbox_action_btn:disabled{cursor:default;background-color:#D1D5DB;border-color:#B8C0C8;color:#FFFFFF;box-shadow:none;transform:none}.system-form-primary-button:disabled:hover,.system_toolbox_filter_pill:disabled:hover,.system_toolbox_action_btn:disabled:hover{background-color:#D1D5DB;box-shadow:none;transform:none}.system-form-primary-button:disabled::after{content:"";position:absolute;left:8%;bottom:18%;width:84%;height:2px;pointer-events:none;z-index:3}.system-form-action-row::before{content:"";position:absolute;top:-0.7rem;right:-0.4rem;bottom:-0.7rem;left:auto;width:calc(100%+2.8rem);border:none;border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem;border-top-right-radius:1.8rem;border-bottom-right-radius:1.8rem;z-index:1;pointer-events:none}.system-form-action-cluster-frame{display:flex;justify-content:flex-end;margin-top:1rem}.system-form-action-cluster-frame::after{display:block;content:"";height:inherit;width:1.5em;background:var(--color-accent-surface-soft);margin-right:-1.5rem}.system-form-action-cluster{position:relative;display:inline-flex;align-items:center;justify-content:flex-end;gap:0.7rem;background:var(--color-accent-surface-soft);width:fit-content;max-width:100%;border-top-left-radius:4rem;border-bottom-left-radius:4rem;border-top-right-radius:0;border-bottom-right-radius:0;padding:0.8rem 2.5rem 0.8rem 1.2rem;margin-right:-1.5rem;z-index:4;overflow:visible}.system-form-action-cluster>*{position:relative;z-index:2}.system-form-primary-button{position:relative;z-index:2;margin:0;margin-right:0.5rem;display:inline-flex;align-items:center;justify-content:center;padding:0.6rem 1.4rem;background-color:#3FD6A5;color:#FFFFFF;border-radius:999px;border:1px solid #2DAE84;font-family:"Noto Sans",system-ui,-apple-system,sans-serif;font-size:0.95rem;font-weight:600;letter-spacing:0.03rem;text-transform:uppercase;text-align:center;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,0.08);transition:background-color 120ms ease-out,box-shadow 120ms ease-out,transform 80ms ease-out}.system-form-primary-button:hover{background-color:#2DAE84;box-shadow:0 3px 8px rgba(0,0,0,0.12)}.system-form-primary-button:active{transform:translateY(1px);box-shadow:0 1px 3px rgba(0,0,0,0.16)}.hidden-element{display:none !important;visibility:hidden;opacity:0}.system-generic-element--visible{animation:generic-fadeIn 0.15s ease-out forwards;pointer-events:auto}.generic-fadeIn{animation:generic-fadeIn 120ms ease forwards}.generic-fadeOut{animation:generic-fadeOut 120ms ease forwards}@keyframes generic-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes generic-fadeOut{0%{opacity:1}100%{opacity:0}}.system-header{display:flex;align-items:center;justify-content:space-between;background:var(--color-accent-surface);box-shadow:var(--shadow-soft);height:4rem;padding:0 var(--gap-lg,1.5rem);position:sticky;top:0;z-index:98}.system-header__left,.system-header__right{display:flex;align-items:center;gap:var(--gap-md,1rem)}.system-header__sidepanel-hitbox{position:relative;width:3rem;height:4rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.system-header__sidepanel-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:transparent;color:var(--color-text-secondary);transition:color 0.2s ease}.system-header__sidepanel-button:hover{color:var(--color-accent-primary)}.system-header__system-name{font-size:1.3rem;font-family:var(--font-display);font-weight:500;letter-spacing:0.05rem;color:var(--color-accent-bright);display:flex;align-items:center}.system-header__active-application{cursor:default;font-family:var(--font-display);font-size:1.15rem;font-weight:400;letter-spacing:0.02rem;line-height:1;color:var(--color-accent-bright);padding:0;background:transparent;border:none;border-radius:0;display:flex;align-items:center}.system-header__active-application::before{content:"";width:1px;height:1.8rem;margin-right:1.5rem;background:var(--color-accent-bright);opacity:0.25}.system-header__center{flex:1;display:flex;justify-content:center}.system-header__user-frame{background:var(--color-accent-active);color:var(--color-bg-surface);padding:0.5rem 1rem;border-radius:0.6rem 0 0 0.6rem;max-height:2rem;white-space:nowrap;overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis;max-width:100%}.system-left-sidepanel{position:fixed;top:0.5rem;left:1vw;width:22.5rem;height:65vh;background:var(--color-bg-surface);box-shadow:var(--shadow-soft);border-radius:var(--radius-base);padding:0.4rem 0.3rem 0.2rem 0.3rem;transform-origin:left top;transform:rotateY(-90deg);pointer-events:none;z-index:150}.system-left-sidepanel--visible{animation:panel-left-flip-in var(--anim-medium) ease-out forwards;pointer-events:auto}.system-left-sidepanel--hiding{animation:panel-left-flip-out var(--anim-medium) ease-out forwards;pointer-events:none}@keyframes panel-left-flip-in{0%{transform:rotateY(-90deg)}10%{}65%{transform:rotateY(10deg)}100%{transform:rotateY(0deg)}}@keyframes panel-left-flip-out{0%{transform:rotateY(0deg)}10%{transform:rotateY(10deg)}65%{}100%{transform:rotateY(-90deg)}}.global-overlay{position:fixed;inset:0;width:100%;height:100%;background:rgba(15,77,70,0.3);opacity:0;visibility:hidden;transition:opacity 0.15s ease-in-out,visibility 0.15s ease-in-out;z-index:-1;pointer-events:none}.global-overlay--active{opacity:1;visibility:visible;pointer-events:auto;z-index:99}.global-overlay--active-message{pointer-events:auto;opacity:1}.system-right-sidepanel{position:fixed;right:0.5rem;top:0.5rem;width:22.5rem;height:40vh;display:flex;flex-direction:column;background:var(--color-bg-surface);box-shadow:var(--shadow-soft);border-radius:var(--radius-base);transform-origin:right center;transform:rotateY(90deg);pointer-events:none;z-index:150}.system-right-sidepanel__bottom{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;padding:1rem}.system-right-sidepanel__action-button{width:100%;height:3rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-surface);color:var(--color-text-primary);font-weight:600;cursor:pointer;transition:background-color 0.15s ease,border-color 0.15s ease,transform 0.08s ease}.system-right-sidepanel__action-button:hover{background:#F8FFFC;border-color:#3FD6A5}.system-right-sidepanel__action-button:active{transform:translateY(1px)}.system-right-sidepanel__action-button--primary{background:#3FD6A5;border-color:#2DAE84;color:#FFFFFF}.system-right-sidepanel__action-button--primary:hover{background:#2DAE84}.system-header_user-hitbox-container--visible{animation:panel-right-flip-in var(--anim-medium) ease-out forwards;pointer-events:auto}.system-header_user-hitbox-container--hiding{animation:panel-right-flip-out var(--anim-medium) ease-out forwards;pointer-events:none}@keyframes panel-right-flip-in{0%{transform:rotateY(90deg)}10%{}65%{transform:rotateY(-10deg)}100%{transform:rotateY(0deg)}}@keyframes panel-right-flip-out{0%{transform:rotateY(0deg)}10%{}65%{}100%{transform:rotateY(90deg)}}.system-header__user-hitbox{position:relative;margin-right:-1.75rem;height:4rem;display:flex;align-items:center;cursor:pointer;max-width:34rem}.system-header__user-point{display:inline-block;width:0.6rem;height:0.6rem;background:#00ff40;border-radius:50%}.system-header__user-name{display:inline-block;margin-left:0.5rem;padding-right:1rem}.system-header__notification-indicator{position:absolute;top:1.25rem;left:0;transform:translate(-50%,-50%);background:var(--color-accent-primary);color:var(--color-bg-surface);font-weight:600;padding:0.2rem 0.6rem;border-radius:50%;font-size:0.8rem;box-shadow:var(--shadow-soft)}.system-header__system-name-hitbox{position:relative;padding:0 0.5rem;max-width:8rem;height:4rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.system-header__active-application-hitbox{position:relative;height:4rem;display:flex;align-items:center;justify-content:center;text-align:left}.system-header__search-bar{width:22.5rem;height:3rem;padding-left:1.8rem;padding-right:3rem;font-size:0.9rem;font-family:var(--font-ui);color:var(--color-text-primary);background-color:var(--color-bg-surface);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="%239CA3AF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>');background-repeat:no-repeat;background-size:1.5rem;background-position:center right 1rem;border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-soft);text-indent:0.2rem;outline:none;transition:border 0.2s ease,box-shadow 0.2s ease}.system-header__search-bar:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-surface)}.system-header__search-bar-hitbox{position:relative;padding:0 0.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;height:4rem}.system-main_content_container_wrapper{position:relative;width:1000px;margin:auto;margin-top:0rem}.system-main_content{position:relative;width:100%;max-width:1000px;margin:4rem auto 3rem auto;padding:3rem 1.5rem;background:var(--color-bg-surface);box-shadow:var(--shadow-soft);border-radius:var(--radius-base);min-height:12px;z-index:5;justify-content:center;align-items:center}.system-main_content__inner{padding-bottom:var(--gap-md,1rem)}.system-left-sidepanel__link-frame{display:block;padding:0.3rem 0.5rem 0.3rem 1rem}.system-left-sidepanel__link-frame:hover{background-color:#ececec;cursor:pointer}.system-left-sidepanel__link{padding-left:1rem;border-style:solid;border-color:transparent}.system-left-sidepanel__link:hover{border-left-color:var(--color-accent-active)}.system-left-sidepanel__app-frame{position:absolute;bottom:0;left:0;width:100%;padding:1.5rem 0rem 1.5rem 0rem;background:#f8f8f8;border-top:1px solid #ccc;border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.system-left-sidepanel__content{border-radius:inherit}@keyframes system-fade-in-content{0%{transform:scale(0.95,0.5) rotateY(60deg);opacity:0}100%{transform:scale(1) rotateY(0deg);opacity:1}}@keyframes system-fade-out-content{0%{transform:scale(1) rotateY(0deg);opacity:1}100%{transform:scale(0.95,0.5) rotateY(60deg);opacity:0}}.system-main_content--fade-in{animation:system-fade-in-content 0.4s ease-out forwards}.system-main_content--fade-out{animation:system-fade-out-content 0.3s ease-in forwards}.system-content--hidden{animation:system-fade-out-content 0.3s ease-out forwards}.system-content--visible{animation:system-fade-in-content 0.3s ease-in forwards}.system-content-stack{display:flex;flex-direction:column;gap:1.5rem;width:100%;box-sizing:border-box}.system-footer{background:var(--color-accent-surface-alt);color:var(--color-text-primary);text-align:center;font-size:0.9rem;padding:10px 20px;border-top:1px solid var(--color-border);box-shadow:0 -2px 4px rgba(0,0,0,0.05);position:relative;width:100%;min-height:40px;display:flex;justify-content:center;align-items:center;overflow:hidden;box-sizing:border-box}.system-loading__ball{display:inline-block;width:8px;height:8px;background-color:var(--color-accent-primary);border-radius:50%;margin-right:6px;animation:system-pulse 0.3s ease-in-out infinite}@keyframes system-pulse{0%{transform:scale(1);opacity:0.6}50%{transform:scale(1.4);opacity:1}100%{transform:scale(1);opacity:0.6}}#system-header_3dot-container{font-size:1.3rem;line-height:1rem;padding:0.3rem 0.5rem;cursor:pointer;user-select:none;border-radius:50%;transition:background-color 0.2s ease;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;z-index:105}#system-header_3dot-container:hover{background-color:rgba(15,77,70,0.08)}#system-header_3dot-dropdown{position:absolute;top:0.75rem;right:35rem;z-index:105;background-color:var(--color-bg-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);border-radius:var(--radius-base);min-width:200px;padding:0.25rem 0;font-size:0.95rem}.system-header__3dot-menu-item{padding:0.6rem 1rem;cursor:pointer;white-space:nowrap;display:flex;align-items:center;transition:background-color 0.2s ease;color:var(--color-text-primary)}.system-header__3dot-menu-item svg{margin-right:0.5rem;flex-shrink:0;vertical-align:middle;stroke:var(--color-text-secondary)}.system-header__3dot-menu-item:hover{background-color:var(--color-accent-surface)}.system-loading-message{display:flex;align-items:center;justify-content:center;height:100%;padding:1.5rem;font-size:1rem;font-weight:500;color:var(--color-text-secondary);background-color:var(--color-bg-surface);border-radius:var(--radius-base);border:1px dashed var(--color-border)}.system_activity__submenu-container{position:fixed;top:14rem;left:0vw;width:var(--submenu-width,14rem);min-height:var(--submenu-min-height,4rem);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-soft);padding:0.4rem 0.3rem 0.3rem 3rem;transform-origin:left top;transform:rotateZ(-90deg);opacity:0;pointer-events:none;z-index:200}.system_activity__submenu-container--visible{animation:submenu-flip-in var(--anim-medium) ease-out forwards;pointer-events:auto}.system_activity__submenu-container--hiding{animation:submenu-flip-out var(--anim-medium) ease-in forwards;pointer-events:none}@keyframes submenu-flip-in{0%{opacity:0;transform:rotateX(-90deg)}10%{opacity:0.2}65%{opacity:0.85}100%{opacity:1;transform:rotateX(0deg)}}@keyframes submenu-flip-out{0%{opacity:1;transform:rotateX(0deg)}35%{opacity:0.6}65%{opacity:0.2}100%{opacity:0;transform:rotateX(-90deg)}}.system_activity__submenu-container_content{display:flex;flex-direction:column;gap:var(--gap-sm,0.4rem);padding:var(--gap-sm,0.4rem) var(--gap-md,0.6rem)}.system_activity__submenu-entry{background:var(--color-accent-surface-alt);border-radius:var(--radius-base);padding:0.4rem 0.6rem;font-family:var(--font-ui);font-size:0.95rem;color:var(--color-text-primary);cursor:pointer;transition:background-color var(--anim-fast) ease,transform var(--anim-fast) ease}.system_activity__submenu-entry:hover{background-color:var(--color-accent-surface);transform:translateX(0.15rem)}.system_activity__submenu-container-button-hitbox{position:absolute;top:var(--submenu-button-top,12rem);left:var(--submenu-button-left,-10rem);width:var(--submenu-button-hitbox-size,14rem);height:var(--submenu-button-hitbox-size,3rem);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:4;transition:transform var(--anim-fast) ease}.system_activity__submenu-container-button-hitbox:hover{transform:scale(1.04)}.system_activity__submenu-container-button{display:flex;align-items:center;justify-content:flex-start;padding-left:1.5rem;width:100%;height:100%;background-color:var(--color-accent-primary);color:var(--color-bg-surface);font-family:var(--font-ui);font-size:0.95rem;font-weight:var(--font-weight-bold);border-radius:var(--radius-base);box-shadow:var(--shadow-soft);letter-spacing:0.05rem;user-select:none;transition:background-color var(--anim-fast) ease,box-shadow var(--anim-fast) ease,transform var(--anim-fast) ease}.system_activity__submenu-container-button:hover{background-color:var(--color-accent-active);box-shadow:0 3px 10px rgba(15,77,70,0.12)}.system_activity__submenu-container-button:active{transform:scale(0.97);box-shadow:0 2px 6px rgba(15,77,70,0.08)}@keyframes submenu-button-pulse{0%{box-shadow:0 0 0 0 rgba(63,214,165,0.3)}70%{box-shadow:0 0 0 10px rgba(63,214,165,0)}100%{box-shadow:0 0 0 0 rgba(63,214,165,0)}}.system_activity__submenu-container-button--attention{animation:submenu-button-pulse 1.8s infinite}.system-panel{display:flex;flex-direction:column;background-color:var(--color-surface,#FFFFFF);border:1px solid var(--color-border,#E9E5DA);border-radius:var(--radius-base,0.75rem);box-shadow:0 2px 6px rgba(0,0,0,0.06);padding:var(--space-large,1.25rem);transition:box-shadow 0.25s ease,transform 0.25s ease;max-height:35rem;overflow:auto}.system-panel--outlined{background-color:var(--color-bg-surface);border:1px solid var(--color-border);box-shadow:none}.system-stack{display:flex;flex-direction:column;gap:1rem}.system-stack--fill{height:100%;box-sizing:border-box}.system-panel--compiler{display:flex;flex-direction:column;gap:1rem;width:100%;box-sizing:border-box;max-height:none;overflow:visible}.system-panel--interactive:hover{box-shadow:0 4px 12px rgba(0,0,0,0.10);transform:translateY(-2px)}.system-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-medium,0.75rem);font-weight:500;font-size:var(--font-size-lg);color:var(--color-text-strong,#0F4D46);position:relative;padding-bottom:0.4rem}.system-panel__header::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:var(--color-border);border-radius:1px}.system-panel__subheader{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:-0.3rem;margin-bottom:var(--space-medium,0.75rem);line-height:1.4}.system-panel__header-icon{width:1.25rem;height:1.25rem;margin-right:0.5rem;fill:var(--color-primary,#3FD6A5)}.system-panel__content{flex:1;color:var(--color-text,#1C1C1E);line-height:1.5}.system-panel__footer{margin-top:var(--space-medium,0.75rem);text-align:right;font-size:0.9rem;color:var(--color-text-secondary,#9CA3AF)}@media(max-width:768px){.system-panel{padding:var(--space-medium,1rem)}}.system-dashboard{display:grid;grid-template-columns:1fr;gap:var(--space-large,1.5rem);width:100%;max-width:1200px;margin:0 auto;padding:var(--space-xl,2rem);box-sizing:border-box;overflow:visible}.system-dashboard--grid-2{grid-template-columns:repeat(2,1fr)}.system-dashboard--grid-3{grid-template-columns:repeat(3,1fr)}@media(max-width:960px){.system-dashboard,.system-dashboard--grid-2,.system-dashboard--grid-3{grid-template-columns:1fr;padding:var(--space-large,1.25rem)}}.system-dashboard--scrollable{overflow-y:auto;max-height:100%}.system-dashboard__panel--wide{grid-column:1 / -1}.system-shortcut-overlay{position:fixed;z-index:999999;pointer-events:none;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:2px 8px;border-radius:var(--radius-base);background:var(--color-contrast-strong);color:var(--color-bg-surface);box-shadow:var(--shadow-soft);white-space:nowrap;animation:generic-fadeIn var(--anim-instant) ease-out}.system-shortcut-overlay--fadeout{animation:generic-fadeOut var(--anim-instant) ease-in forwards}.system-shortcut-overlay__key{display:inline-block;font-family:var(--font-ui);font-size:12px;line-height:1;font-weight:var(--font-weight-bold);letter-spacing:0.2px;text-transform:none}.system-list-item,.system-list-item-detailed,.system-list-item-compact{display:block;position:relative;font-family:var(--font-ui);color:var(--color-text-primary);background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);margin:0.25rem 0;padding:0.5rem 0.8rem;cursor:pointer;user-select:none;transition:background-color var(--anim-fast) ease,box-shadow var(--anim-fast) ease,transform var(--anim-instant) ease}.system-list-item:hover,.system-list-item-detailed:hover,.system-list-item-compact:hover{background-color:var(--color-accent-surface-alt);box-shadow:var(--shadow-soft)}.system-list-item:active,.system-list-item-detailed:active,.system-list-item-compact:active{background-color:var(--color-accent-surface);transform:scale(0.99)}.system-list-item{font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--font-lineheight-ui);letter-spacing:0.01rem}.system-list-item-detailed{padding:0.6rem 0.9rem}.system-list-item-detailed .system-list-label{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.system-list-item-detailed .system-list-sub{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);margin-top:0.1rem;line-height:1.4}.system-list-item-compact{display:inline-block;background-color:var(--color-accent-surface-alt);border:1px solid var(--color-border);border-radius:calc(var(--radius-base) * 2);padding:0.35rem 0.9rem;margin:0.2rem 0.3rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-text-primary);transition:background-color var(--anim-fast) ease,box-shadow var(--anim-fast) ease,transform var(--anim-instant) ease}.system-list-item-compact:hover{background-color:var(--color-accent-surface);box-shadow:var(--shadow-soft)}.system-list-empty{text-align:center;padding:1rem;font-size:var(--font-size-sm);color:var(--color-text-secondary);background-color:var(--color-bg-main);border-radius:var(--radius-base);border:1px dashed var(--color-border)}.system-list-item:focus-visible,.system-list-item-detailed:focus-visible,.system-list-item-compact:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}@media(max-width:768px){.system-list-item,.system-list-item-detailed{font-size:var(--font-size-sm);padding:0.45rem 0.7rem}.system-list-item-detailed .system-list-sub{font-size:var(--font-size-xs)}}#system-tool-html-editor__workarea{display:flex;flex-direction:column;gap:3px;padding:1rem;overflow-y:auto;min-height:70vh}.system-tool-editor__workarea{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:20rem;min-width:0;background:var(--color-bg-main);border:1px solid var(--color-sand-beige);border-radius:var(--radius-base);box-shadow:0 1px 2px rgba(0,0,0,0.05);padding:1.25rem}.system_toolbox_frame{display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px}.system_toolbox_section{display:flex;align-items:center;gap:14px}.system_toolbox_section--left{flex:1;min-width:0}.system_toolbox_section--right{flex:0 0 auto}.system_toolbox_surface{padding:0.75rem 1.2rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-soft);box-sizing:border-box;transition:box-shadow var(--anim-fast) ease,border-color var(--anim-fast) ease,background-color var(--anim-fast) ease}.system_toolbox_search_frame{height:44px;padding:0 1rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:999px;box-shadow:var(--shadow-soft);box-sizing:border-box;transition:border-color var(--anim-fast) ease,box-shadow var(--anim-fast) ease,background-color var(--anim-fast) ease}.system_toolbox_search_frame:hover{border-color:var(--color-accent-active)}.system_toolbox_search_frame:focus-within{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-surface)}.system_toolbox_search_icon{width:1.1rem;height:1.1rem;display:flex;align-items:center;justify-content:center;opacity:0.65;flex:0 0 auto}.system_toolbox_search_input{height:100%;border:none;outline:none;background:transparent;font-family:var(--font-ui);font-size:var(--font-size-sm);color:var(--color-text-primary);min-width:14rem;width:100%}.system_toolbox_search_input::placeholder{color:var(--color-text-secondary)}.system_input_frame{display:flex;align-items:center;gap:8px}.system_input_frame--search{flex:0 1 280px}.system_input_field{flex:1;min-width:0}.system_input_field,.system_input_icon{display:block}.system-tool-html-editor__workarea_toolbox{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0.75rem 1.2rem;background:var(--color-accent-surface);border-radius:var(--radius-base);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);margin-bottom:1rem;box-sizing:border-box}.system-toggle__container{display:flex;justify-content:space-between;align-items:center;padding:0.75rem 1.25rem;border:1px solid var(--color-accent-active);border-radius:0.5rem;background-color:var(--color-accent-surface-alt)}.system-toggle__label{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;user-select:none;font-size:0.9rem;color:var(--color-charcoal);margin-top:0rem}.system-toggle__text{margin-right:0.5rem;font-weight:600;flex-shrink:1}.system-toggle__text-short{width:80px;flex:0 0 80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.system-toggle__text-mid{width:140px;flex:0 0 140px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.system-toggle__text-long{width:220px;flex:0 0 220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.system-toggle__input{opacity:0;width:0;height:0;position:absolute}.system-toggle__slider{position:relative;width:46px;height:24px;background-color:#ccc;border-radius:24px;transition:background-color 0.25s ease}.system-toggle__slider::before{content:"";position:absolute;height:18px;width:18px;left:3px;top:3px;background-color:#fff;border-radius:50%;transition:transform 0.25s ease;z-index:2}.system-toggle__slider::after{content:var(--svg-cross);position:absolute;width:16px;height:16px;top:4px;right:6px;opacity:1;transition:opacity 0.2s ease,left 0.2s ease,right 0.2s ease,content 0.2s ease;z-index:1}.system-toggle__input:checked+.system-toggle__slider{background-color:var(--color-harmonious-green)}.system-toggle__input:checked+.system-toggle__slider::before{transform:translateX(22px)}.system-toggle__input:checked+.system-toggle__slider::after{content:var(--svg-checkmark);left:6px;right:auto}.system-tool-html-editor__section{margin-top:1rem;padding:0.75rem}.html-attribute-block{display:flex;justify-content:space-between;padding:0.4rem 0.6rem;background:var(--color-bg,#fff);border-radius:6px;margin:0.2rem 0;font-size:0.9rem}.html-attribute-block__value.editable{border-bottom:1px dashed var(--color-accent-primary);cursor:text}.system-field--unsaved{position:relative;transition:border-left-width 0.20s ease}.system-field--unsaved::before{content:"";position:absolute;left:0;top:0;width:0;height:100%;background-color:#FFD966;border-radius:4px 0 0 4px;transition:width 0.20s ease}.system-field--unsaved.system-field--unsaved::before{width:6px}.nd-confirm-root{position:absolute;z-index:999999;display:flex;pointer-events:auto;animation:nd-confirm-fadeIn var(--anim-fast) ease-out}.nd-confirm-root--row{flex-direction:row}.nd-confirm-root--col{flex-direction:column}.nd-confirm-box{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:600;user-select:none;cursor:pointer;border-radius:var(--radius-base);box-shadow:var(--shadow-soft);transition:background-color var(--anim-fast) ease,box-shadow var(--anim-fast) ease,transform var(--anim-fast) ease}.nd-confirm-cancel{background-color:#d7d7d7;color:var(--color-text-primary)}.nd-confirm-cancel:hover{background-color:#c8c8c8;box-shadow:0 0 4px rgba(0,0,0,0.10)}.nd-confirm-ok{background-color:var(--color-accent-primary);color:var(--color-contrast-strong)}.nd-confirm-ok:hover{background-color:var(--color-accent-active);box-shadow:0 0 4px rgba(0,0,0,0.10)}.nd-confirm-icon{width:1.25rem;height:1.25rem;background-size:contain;background-repeat:no-repeat;background-position:center}.nd-confirm-icon--ok{background-image:var(--svg-checkmark);transform:translateY(1px)}.nd-confirm-icon--cancel{background-image:var(--svg-cross);transform:translateY(1px)}@keyframes nd-confirm-fadeIn{0%{opacity:0;transform:scale(0.8)}100%{opacity:1;transform:scale(1)}}.html-editor-row{position:relative;display:grid;grid-template-columns:30% 68%;grid-template-rows:auto auto;gap:8px 14px;padding:1.2rem 0.8rem;border-radius:6px;font-size:0.9rem;transition:background-color 0.2s ease;width:85%;max-width:85%;box-sizing:border-box;margin-top:0.5rem}.html-editor-row__bottom-right input,.html-editor-row__bottom-right textarea{width:100%;padding:0.45rem 0.6rem;font-size:0.9rem;font-family:var(--font-default,'Noto Sans',sans-serif);color:#1C1C1E;background:#FFFFFF;border:1px solid #E9E5DA;border-radius:6px;box-sizing:border-box;outline:none;transition:border-color 0.15s ease,box-shadow 0.15s ease;max-height:80px;resize:vertical}.html-editor-row__bottom-right input:hover,.html-editor-row__bottom-right textarea:hover{border-color:#2DAE84}.html-editor-row__bottom-right input:focus,.html-editor-row__bottom-right textarea:focus{border-color:#3FD6A5;box-shadow:0 0 0 2px rgba(63,214,165,0.25)}.html-editor-row__bottom-right input[type="checkbox"]{width:auto;height:1.1rem;margin-left:0;margin-right:0.4rem;transform:translateY(1px)}.html-editor-row__top-right,.html-editor-row__bottom-right{display:flex;align-items:center;height:100%}.html-editor-row__top-left{grid-column:1;grid-row:1;font-weight:600;color:#0F4D46;text-align:right}.html-editor-row__top-right{grid-column:2;grid-row:1;text-align:left;color:#1C1C1E;background:rgba(255,255,255,0.3);border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.html-editor-row__bottom-left{display:flex;justify-content:flex-end;align-items:center;width:100%}.html-editor-row__bottom-right{grid-column:2;grid-row:2;padding-top:4px}.html-editor-badge{position:relative;display:inline-block;padding:0.3rem 0.75rem;font-size:0.75rem;font-weight:600;border-radius:var(--radius-base);opacity:0.95;pointer-events:none;letter-spacing:0.015rem;white-space:nowrap;backdrop-filter:blur(2px)}.html-editor-row--header .html-editor-badge,.html-editor-row--footer .html-editor-badge{background:#0F4D46;color:#FFFFFF}.html-editor-row--relevant .html-editor-badge{background:#B4EFE0;color:#0F4D46}.html-editor-row--data .html-editor-badge{background:#FFECA8;color:#7A5A00}.html-editor-row--attribute .html-editor-badge{background:#E3DDF8;color:#3C2C6E}.html-editor-row--header{background:#36CFC9;color:#FFFFFF;margin-left:0rem}.html-editor-row--relevant{background:#E7FAF5;color:#0F4D46;margin-left:2.5rem}.html-editor-row--data{background:#FFF6C7;color:#7A5A00;margin-left:5rem}.html-editor-row--html{background:#ffcd9e;border-left:4px solid var(--color-highlight-warm);margin-left:7.5rem}.html-editor-row--footer{background:#36CFC9;color:#FFFFFF;margin-left:0rem}@media(max-width:960px){.html-editor-row{grid-template-columns:1fr;margin-left:0 !important}.html-editor-row__name,.html-editor-row__value{width:100%}.html-editor-badge{position:static;display:inline-block;margin-left:0.4rem}}@keyframes html-editor-save-sweep{0%{background-color:rgba(63,214,165,0.0)}20%{background-color:rgba(63,214,165,0.85)}100%{background-color:rgba(63,214,165,0.0)}}.html-editor-save-flash{animation:html-editor-save-sweep 150ms ease-out}.system-close-button{position:relative;z-index:50;width:2.6rem;height:2.6rem;display:flex;align-items:center;justify-content:center;border-radius:calc(var(--radius-base)+6px);background:rgba(255,255,255,0.55);border:1px solid var(--color-border);color:var(--color-text-secondary);font-family:var(--font-ui);font-size:1.3rem;font-weight:600;line-height:1;cursor:pointer;user-select:none;box-shadow:0 1px 4px rgba(0,0,0,0.06);justify-self:end;align-self:start;transition:background-color var(--anim-fast) ease,border-color var(--anim-fast) ease,transform var(--anim-instant) ease,box-shadow var(--anim-fast) ease,color var(--anim-fast) ease,opacity var(--anim-fast) ease}.system-close-button:hover{background:var(--color-accent-surface);border-color:var(--color-accent-primary);color:var(--color-contrast-strong);box-shadow:0 4px 14px rgba(15,77,70,0.14);transform:scale(1.03)}.system-close-button:active{background:var(--color-accent-surface-alt);border-color:var(--color-accent-active);transform:scale(0.98);box-shadow:0 2px 8px rgba(15,77,70,0.10)}.system-close-button:focus-visible{outline:3px solid var(--color-accent-primary);outline-offset:3px}.system-dropdown{position:absolute;top:calc(100%+4px);left:0;width:100%;z-index:50;box-sizing:border-box}.system-common-relative{position:relative;width:100%;flex:0 0 100%}.system-dropdown__control{display:flex;align-items:center;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:calc(var(--radius-base) * 1.5);padding:6px 10px;cursor:pointer}.system-dropdown__input{flex:1;border:none;outline:none;font-size:15px;color:#1C1C1E}.system-dropdown__arrow{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #9CA3AF;margin-left:8px}.system-dropdown__menu{position:absolute;top:calc(100%+4px);left:0;right:0;background:#FFFFFF;border:1px solid #E9E5DA;border-radius:8px;box-shadow:var(--shadow-soft);max-height:240px;overflow-y:auto;z-index:9999;width:100%;box-sizing:border-box;display:none}.system-dropdown__menu.open{display:block}.system-dropdown__item{padding:8px 12px;cursor:pointer;font-size:14px;color:#1C1C1E}.system-dropdown__item:hover{background:#C8F5E6}.system-dropdown__item.selected{background:#3FD6A5;color:#FFFFFF}.system-dropdown__item--filtered-out{display:none !important}.system-dropdown__item{transition:background-color 0.12s ease-out,color 0.12s ease-out}.system-dropdown__item--highlight{background-color:rgba(63,214,165,0.22);color:#0F4D46}.cold-attr-editor{margin-left:7.5rem;width:85%;max-width:85%;padding:1rem 0.8rem;background:#F7F3FF;border-left:4px solid #C5B3FF;border-radius:6px;box-sizing:border-box;margin-top:0.8rem}.cold-attr-editor__title{font-size:0.9rem;font-weight:600;color:#3C2C6E;padding-bottom:0.4rem;border-bottom:1px solid #E9E5DA;margin-bottom:0.6rem}.cold-attr-row{display:grid;grid-template-columns:30% 60% 5%;grid-template-rows:auto;gap:8px 12px;padding:0.6rem 0.3rem;background:#EDE6FF;border-radius:6px;margin-bottom:0.35rem;transition:background-color 0.15s ease}.cold-attr-row:hover{background:#E3DDF8}.cold-attr-row__name-input,.cold-attr-row__value-input{width:100%;padding:0.45rem 0.6rem;font-size:0.9rem;color:#1C1C1E;background:#FFFFFF;border:1px solid #E9E5DA;border-radius:6px;box-sizing:border-box;transition:border-color 0.15s ease,box-shadow 0.15s ease}.cold-attr-row__name-input:hover,.cold-attr-row__value-input:hover{border-color:#2DAE84}.cold-attr-row__name-input:focus,.cold-attr-row__value-input:focus{border-color:#3FD6A5;box-shadow:0 0 0 2px rgba(63,214,165,0.25)}.cold-attr-row__delete-btn{display:flex;align-items:center;justify-content:center;background:#FFE6E6;border:1px solid #FFB3B3;color:#A33A3A;font-size:0.9rem;border-radius:6px;cursor:pointer;transition:background-color 0.15s ease}.cold-attr-row__delete-btn:hover{background:#FFCCCC}.cold-attr-editor__add-btn{margin-top:0.6rem;padding:0.55rem 0.9rem;font-size:0.9rem;font-weight:600;background:#3FD6A5;color:#FFFFFF;border-radius:6px;width:fit-content;cursor:pointer;transition:background-color 0.15s ease}.cold-attr-editor__add-btn:hover{background:#2DAE84}#system-dev-monitor-root{display:none;position:fixed;left:0;right:0;bottom:0;height:20rem;max-height:20rem;background:#0f172a;color:#e5e7eb;font-family:monospace;font-size:12px;line-height:1.4;z-index:999999;display:flex;flex-direction:column;border-top:1px solid #334155}#system-dev-monitor-status-pill[data-dev-refresh-pulse="1"]{background:rgba(56,189,248,0.12);transition:background 0.3s ease}#system-dev-monitor-btn-refresh,#system-dev-monitor-btn-collapse{min-width:64px;height:24px;line-height:22px;text-align:center;padding:0 8px;box-sizing:border-box;border-radius:3px}#system-dev-monitor-btn-refresh:hover,#system-dev-monitor-btn-collapse:hover{background:#1e293b}.dev-monitor-element-dynamic{color:#f59e0b;font-weight:bold}#system-dev-monitor-header{flex:0 0 auto;padding:8px 10px;border-bottom:1px solid #334155;background:#020617;display:flex;align-items:center;gap:12px}#system-dev-monitor-title{font-weight:bold;font-size:13px;flex:0 0 auto}#system-dev-monitor-status-pill{font-size:11px;color:#94a3b8;flex:1 1 auto}#system-dev-monitor-header-controls{flex:0 0 auto;display:flex;gap:6px}#system-dev-monitor-header-controls>div{padding:2px 6px;border:1px solid #334155;cursor:pointer;user-select:none}#system-dev-monitor-header-controls>div:hover{background:#1e293b}#system-dev-monitor-content{flex:1 1 auto;overflow:hidden;display:flex;flex-direction:row}#system-dev-monitor-section-elements,#system-dev-monitor-section-listeners{flex:1 1 50%;min-width:0;display:flex;flex-direction:column}#system-dev-monitor-section-elements{border-right:1px solid #334155}#system-dev-monitor-elements-title,#system-dev-monitor-listeners-title{padding:6px 10px;font-weight:bold;background:#020617;border-bottom:1px solid #334155}#system-dev-monitor-elements-counter,#system-dev-monitor-listeners-counter{padding:4px 10px;font-size:11px;color:#94a3b8;border-bottom:1px solid #334155}#system-dev-monitor-elements-list,#system-dev-monitor-listeners-list{flex:1 1 auto;overflow-y:auto;padding:4px 0}#system-dev-monitor-elements-list>div,#system-dev-monitor-listeners-list>div{padding:2px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px dotted #334155}#system-dev-monitor-elements-list>div:hover,#system-dev-monitor-listeners-list>div:hover{background:#1e293b}#system-dev-monitor-root[data-dev-collapsed="1"]{height:34px;max-height:34px}#system-dev-monitor-root[data-dev-collapsed="1"] #system-dev-monitor-content{display:none}.system-tool-user-management-user-editor-top-section{display:flex;align-items:center}.float-input-right{margin-left:auto;max-width:50%;width:100%;box-sizing:border-box}.saving-dirty{outline:2px solid #F59E0B;outline-offset:1px}input.saving-dirty,textarea.saving-dirty,select.saving-dirty{border-color:#F59E0B !important;box-shadow:0 0 0 2px rgba(245,158,11,0.25)}.form-field-frame.saving-success{position:relative}.form-field-frame.saving-success::after{content:"";position:absolute;inset:0;pointer-events:none;background-repeat:no-repeat;background-image:linear-gradient(to right,rgba(63,214,165,0.0),rgba(63,214,165,0.95),rgba(63,214,165,0.0)),linear-gradient(to top,rgba(63,214,165,0.0),rgba(63,214,165,0.95),rgba(63,214,165,0.0)),linear-gradient(to left,rgba(63,214,165,0.0),rgba(63,214,165,0.95),rgba(63,214,165,0.0)),linear-gradient(to bottom,rgba(63,214,165,0.0),rgba(63,214,165,0.95),rgba(63,214,165,0.0));background-size:0% 3px,3px 0%,0% 3px,3px 0%;background-position:left bottom,left bottom,right top,right top;animation:savingSuccessCirculation 1.2s linear forwards}input.saving-success,textarea.saving-success,select.saving-success,[contenteditable].saving-success,div.saving-success,span.saving-success{position:relative;animation:savingSuccessFallbackGlow 1.2s ease forwards}@keyframes savingSuccessCirculation{0%{background-size:0% 3px,3px 0%,0% 3px,3px 0%}24%{background-size:100% 3px,3px 0%,0% 3px,3px 0%}25%{background-size:100% 3px,3px 0%,0% 3px,3px 0%}49%{background-size:100% 3px,3px 100%,0% 3px,3px 0%}50%{background-size:100% 3px,3px 100%,0% 3px,3px 0%}74%{background-size:100% 3px,3px 100%,100% 3px,3px 0%}75%{background-size:100% 3px,3px 100%,100% 3px,3px 0%}100%{background-size:100% 3px,3px 100%,100% 3px,3px 100%}}@keyframes savingSuccessFallbackGlow{0%{box-shadow:0 0 0 0 rgba(63,214,165,0.0)}35%{box-shadow:0 0 0 2px rgba(63,214,165,0.35)}100%{box-shadow:0 0 0 0 rgba(63,214,165,0.0)}}.form-field-frame{display:flex;flex-direction:column;align-items:stretch;gap:0.45rem;margin-bottom:1.25rem;font-family:var(--font-ui);box-sizing:border-box;min-width:55%;max-width:100%;position:relative;overflow:visible;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:calc(var(--radius-base) * 1.5);box-shadow:var(--shadow-soft);padding:0.85rem 1rem;transition:border-color var(--anim-fast) ease,box-shadow var(--anim-fast) ease,background-color var(--anim-fast) ease,transform var(--anim-instant) ease}.form-field-frame::before,.form-field-frame::after{content:"";position:absolute;pointer-events:none;opacity:0}.form-field-frame:hover{border-color:var(--color-accent-active)}.form-field-frame:focus-within{border-color:var(--color-accent-primary);z-index:51;box-shadow:0 0 0 2px var(--color-accent-surface),0 6px 18px rgba(15,77,70,0.08)}.form-field-frame.unsaved-changes{border-color:var(--color-highlight-warm);box-shadow:0 0 0 2px rgba(233,158,90,0.10),var(--shadow-soft)}.form-field-frame.unsaved-changes::after{top:0.45rem;right:0.45rem;width:0.60rem;height:0.60rem;border-radius:999px;background:var(--color-highlight-warm);opacity:1;transform:scale(1);transition:opacity var(--anim-fast) ease,transform var(--anim-fast) ease,background-color var(--anim-fast) ease}.form-field-frame.is-saving{border-color:var(--color-accent-active)}.form-field-frame.is-saving::before{inset:0;border-radius:inherit;padding:2px;opacity:1;background:linear-gradient(90deg,rgba(63,214,165,0.00) 0%,rgba(63,214,165,0.15) 20%,rgba(63,214,165,0.95) 50%,rgba(63,214,165,0.15) 80%,rgba(63,214,165,0.00) 100%);transform:translateX(-110%);animation:form-field-save-border-sweep 1.1s linear infinite}.form-field-frame.unsaved-changes.is-saving::after{opacity:1;transform:scale(1)}.form-field-frame.save-success{border-color:var(--color-harmonious-green);box-shadow:0 0 0 2px rgba(0,212,106,0.10),var(--shadow-soft)}.form-field-frame.save-success::before{top:0;bottom:0;left:-120%;width:120%;border-radius:inherit;opacity:1;background:linear-gradient(90deg,rgba(0,212,106,0.00) 0%,rgba(0,212,106,0.10) 35%,rgba(0,212,106,0.28) 50%,rgba(0,212,106,0.10) 65%,rgba(0,212,106,0.00) 100%);animation:form-field-save-success-sweep 0.75s ease forwards}.form-field-frame.save-success::after{opacity:0;transform:scale(0.4);transition:opacity var(--anim-fast) ease,transform var(--anim-fast) ease}.form-field-frame>label{font-size:var(--font-size-xs);width:85%;font-weight:600;letter-spacing:0.04rem;line-height:var(--font-lineheight-ui);color:var(--color-text-primary);margin:0}.form-field-frame>input,.form-field-frame>select,.form-field-frame>textarea{width:85%;min-width:0;background:transparent;border:none;outline:none;padding:0.25rem 0;font-family:var(--font-ui);font-size:var(--font-size-md);color:var(--color-text-primary);box-shadow:none;position:relative;z-index:1}.form-field-frame>input::placeholder,.form-field-frame>textarea::placeholder{color:var(--color-text-secondary);opacity:0.75}.form-field-frame:has(input[readonly]),.form-field-frame:has(textarea[readonly]){background:var(--color-accent-surface-alt);border-color:var(--color-border)}.form-field-frame>input[readonly],.form-field-frame>textarea[readonly]{color:var(--color-text-secondary);cursor:default}.form-field-frame:has(input[readonly]):focus-within,.form-field-frame:has(textarea[readonly]):focus-within{border-color:var(--color-accent-active);box-shadow:0 0 0 2px var(--color-accent-surface);transform:none}.form-field-frame:has(select:disabled),.form-field-frame:has(input:disabled),.form-field-frame:has(textarea:disabled){background:var(--color-accent-surface-alt);border-color:var(--color-border);opacity:0.90}.form-field-frame>select:disabled,.form-field-frame>input:disabled,.form-field-frame>textarea:disabled{color:var(--color-text-secondary);cursor:not-allowed}.form-field-frame:has(select:disabled):hover,.form-field-frame:has(input:disabled):hover,.form-field-frame:has(textarea:disabled):hover{border-color:var(--color-border)}.form-field-frame:has(select:disabled):focus-within,.form-field-frame:has(input:disabled):focus-within,.form-field-frame:has(textarea:disabled):focus-within{border-color:var(--color-border);box-shadow:var(--shadow-soft);transform:none}.form-field-frame .form-field-hint{font-size:var(--font-size-xs);line-height:var(--font-lineheight-ui);color:var(--color-text-secondary);position:relative;z-index:1}.form-field-frame .form-field-error{font-size:var(--font-size-xs);line-height:var(--font-lineheight-ui);color:var(--color-highlight-warm);position:relative;z-index:1}@keyframes form-field-save-border-sweep{0%{transform:translateX(-110%)}100%{transform:translateX(110%)}}@keyframes form-field-save-success-sweep{0%{left:-120%}100%{left:120%}}.threads{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.thread{fill:none;stroke-width:0.4;stroke-linecap:round;transform-box:fill-box;transform-origin:center;mix-blend-mode:soft-light}.thread--idle{stroke:rgba(63,214,165,0.45);opacity:0.65;animation:thread-idle-motion 24s ease-in-out infinite alternate}@keyframes thread-idle-motion{0%{transform:translate(0px,0px)}15%{transform:translate(20px,-3px)}35%{transform:translate(40px,2px)}55%{transform:translate(60px,-2px)}75%{transform:translate(80px,3px)}100%{transform:translate(100px,0px)}}.thread--idle:nth-child(odd){animation-delay:-6s}.thread--idle:nth-child(even){animation-delay:-12s}.thread--event{stroke:rgba(63,214,165,0.8);opacity:0;pointer-events:none}.thread--event.thread--active{opacity:1;filter:drop-shadow(0 0 4px rgba(63,214,165,0.35));animation:thread-event-pulse 1800ms ease-out forwards}@keyframes thread-event-pulse{0%{stroke-width:0.4;opacity:0;stroke-dashoffset:0;filter:none}15%{stroke-width:0.7;opacity:0.9;stroke-dashoffset:8;filter:drop-shadow(0 0 6px rgba(63,214,165,0.4))}40%{stroke-width:0.6;opacity:0.8;stroke-dashoffset:4;filter:drop-shadow(0 0 4px rgba(63,214,165,0.3))}70%{stroke-width:0.5;opacity:0.5;stroke-dashoffset:2;filter:drop-shadow(0 0 2px rgba(63,214,165,0.15))}100%{stroke-width:0.4;opacity:0;stroke-dashoffset:0;filter:none}}#threads-idle-group,#threads-event-group{transform-origin:top left;animation:threads-diagonal 90s ease-in-out infinite alternate}@keyframes threads-diagonal{0%{transform:translate(0px,0px)}100%{transform:translate(300px,450px)}}.system-loading-thread{width:1.8rem;height:1.8rem;display:inline-block;vertical-align:middle;animation:system-loading-thread__breathe 2.8s ease-in-out infinite,system-loading-thread__rotate 6s linear infinite}.system-loading-thread__ring{fill:none;stroke-linecap:round;stroke-width:2.2;transform-origin:50% 50%;opacity:0.8}.system-loading-thread__ring--outer{stroke:var(--color-accent-primary);stroke-dasharray:90;stroke-dashoffset:70;animation:system-loading-thread__wave 2.8s ease-in-out infinite}.system-loading-thread__ring--inner{stroke:var(--color-accent-active);stroke-dasharray:60;stroke-dashoffset:40;animation:system-loading-thread__wave 2.8s ease-in-out infinite reverse}@keyframes system-loading-thread__rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes system-loading-thread__wave{0%,100%{stroke-dashoffset:70;opacity:0.65}50%{stroke-dashoffset:15;opacity:1}}@keyframes system-loading-thread__breathe{0%,100%{transform:scale(1);opacity:0.9}50%{transform:scale(1.15);opacity:1}}.form-save-button{font-family:var(--font-ui);font-size:0.95rem;font-weight:600;padding:0.6rem 1.2rem;border-radius:8px;border:none;background:#3FD6A5;color:#0F4D46;cursor:pointer;transition:all 0.15s ease;align-self:flex-end}.system-panel-header-row{display:flex;align-items:flex-start;gap:0.9rem;width:100%;box-sizing:border-box}.system-panel-header-content{display:flex;flex-direction:column;gap:0.25rem;min-width:0;flex:1}.system-panel-header-content>h1,.system-panel-header-content>h2,.system-panel-header-content>h3,.system-panel-header-content>h4,.system-panel-header-content>h5,.system-panel-header-content>h6,.system-panel-header-content>p{margin:0}.system-key-value-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary)}.system-key-value-value{min-width:0;font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:right;overflow-wrap:anywhere}.system-badge-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:2.5rem;height:2.5rem;padding:0 0.65rem;box-sizing:border-box;border-radius:var(--radius-base);font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:700;line-height:1}.system-badge-icon--green{background-color:var(--color-accent-surface);color:var(--color-contrast-strong)}.system-badge-icon--purple{background-color:var(--color-highlight-secondary);color:var(--color-contrast-strong)}.system-metadata-row{display:flex;align-items:center;justify-content:center;gap:0.35rem;width:100%;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.system-description{margin:0;font-size:var(--font-size-sm);line-height:var(--font-lineheight-ui);color:var(--color-text-secondary)}.system-info-box{width:100%;box-sizing:border-box;padding:1rem 1.25rem;background-color:var(--color-info-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text-primary)}.system-info-box>p{margin:0}.system-key-value-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;box-sizing:border-box;padding:0.75rem 0.9rem;background-color:var(--color-accent-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-base)}.system-code-value{font-family:monospace;font-size:var(--font-size-sm);color:var(--color-text-primary)}.system-status-value{display:inline-flex;align-items:center;gap:0.4rem;font-size:var(--font-size-sm);font-weight:600}.system-status-value--success{color:var(--color-accent-active)}.system-status-value--success::before{content:"";width:0.75rem;height:0.75rem;background:var(--svg-checkmark) center / contain no-repeat}.system-button-action-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.1em;height:1.1em;line-height:1}.system-button-action-icon--cog{background-color:currentColor;-webkit-mask-image:url("../images/system/ntd_action_cog.svg");mask-image:url("../images/system/ntd_action_cog.svg");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.system-button--purple{background-color:var(--color-highlight-secondary);border-color:var(--color-highlight-secondary);color:var(--color-contrast-strong)}.system-button--purple:hover{filter:brightness(0.96)}.system-button--purple:active{filter:brightness(0.92);transform:translateY(1px)}.system-panel-header-row-grid-frame{display:grid;grid-template-columns:1fr auto;align-items:start;column-gap:1rem;margin-bottom:1.2rem}.system-panel-header-row-grid-frame h1{margin:0;min-width:0}.system-login-frame{position:relative;min-height:100vh;width:100%;overflow:hidden;background:radial-gradient(circle at 8% 82%,rgba(63,214,165,0.08),transparent 24rem),radial-gradient(circle at 92% 18%,rgba(63,214,165,0.06),transparent 28rem),var(--color-bg-main);display:flex;align-items:center;justify-content:center;padding:4rem 2rem 5.5rem 2rem;box-sizing:border-box}.system-auth-page::before,.system-auth-page::after{content:"";position:absolute;width:44rem;height:44rem;border:1px solid rgba(63,214,165,0.18);border-radius:50%;pointer-events:none;opacity:0.45}.system-auth-page::before{left:-18rem;bottom:-16rem}.system-auth-page::after{right:-18rem;top:-14rem}.system-auth-quote{position:absolute;left:6vw;top:38%;max-width:18rem;color:var(--color-contrast-strong);z-index:2}.system-auth-quote__mark{font-size:4rem;line-height:1;color:var(--color-accent-primary);opacity:0.75}.system-auth-quote__text{font-size:1.55rem;line-height:1.45;font-family:Georgia,serif;margin-top:0.6rem}.system-auth-quote__author{margin-top:1.7rem;font-size:1rem;color:var(--color-text-secondary)}.system-auth-card{position:relative;z-index:3;width:min(100%,39rem);background:rgba(255,255,255,0.92);border:1px solid rgba(233,229,218,0.75);border-radius:1.35rem;box-shadow:0 1.5rem 4rem rgba(15,77,70,0.12);padding:4.2rem 4.5rem 4rem 4.5rem;box-sizing:border-box;backdrop-filter:blur(8px)}.system-auth-logo-frame{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.system-auth-logo{width:10.2rem;height:auto;margin:0 auto}.system-auth-title{margin:0 0 0.55rem 0;padding:0;text-align:center;font-size:2.45rem;line-height:1.15;color:var(--color-text-primary);letter-spacing:-0.04rem}.system-auth-title::before{display:none}.system-auth-subtitle{margin:0 0 4rem 0;text-align:center;font-size:1.18rem;color:var(--color-text-secondary)}.system-auth-form{width:100%;min-width:0;max-width:33rem;margin:0 auto;padding:0;border:none;box-shadow:none;background:transparent}.system-auth-field{margin-bottom:1.6rem}.system-auth-label{margin-bottom:0.35rem;margin-right:0.2rem;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.system-auth-input-group{margin-bottom:1.2rem}.system-auth-input-frame{position:relative}.system-auth-input{height:3.65rem;padding:0 1.35rem;border-radius:0.55rem;border:1px solid #D7DCE2;font-size:1.08rem;background:var(--color-bg-surface)}.system-auth-input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px rgba(63,214,165,0.16)}.system-auth-password-toggle{position:absolute;top:50%;right:0.85rem;transform:translateY(-50%);width:2.4rem;height:2.4rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--color-text-secondary);box-shadow:none}.system-auth-password-toggle:hover{background:var(--color-accent-surface-alt);color:var(--color-contrast-strong)}.system-auth-primary-button{width:100%;height:3.9rem;margin-top:0.5rem;margin-bottom:0;border-radius:0.55rem;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-active));font-size:1.25rem;font-weight:700;text-transform:none;letter-spacing:0;box-shadow:0 0.8rem 1.8rem rgba(45,174,132,0.22)}#system-auth-signin-button[disabled],#system-auth-signin-button[disabled]:hover,#system-auth-signin-button[disabled]:active{opacity:0.5;cursor:not-allowed;transform:none;box-shadow:none}.system-auth-primary-button:hover{background:linear-gradient(135deg,var(--color-accent-active),var(--color-accent-active))}.system-auth-footer{position:absolute;left:50%;bottom:2.5rem;transform:translateX(-50%);z-index:4;display:flex;align-items:center;justify-content:center;gap:1.7rem;color:var(--color-text-secondary);font-size:1rem}.system-auth-footer__item{color:var(--color-text-secondary);text-decoration:none;white-space:nowrap}.system-auth-footer__item:hover{color:var(--color-contrast-strong)}.system-auth-status-message{display:block;min-height:5rem;max-height:5rem;margin:0.75rem 0;overflow:hidden}.system-auth-message-content{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.system-auth-status-message .system-message{min-height:5rem;max-height:5rem;box-sizing:border-box}.system-auth-status-message.system-message--hidden{visibility:hidden;opacity:0;pointer-events:none}.system-auth-footer__divider{width:1px;height:1.1rem;background:var(--color-border)}@media(max-width:1100px){.system-auth-quote{display:none}}@media(max-width:700px){.system-auth-page{padding:2rem 1rem 5rem 1rem}.system-auth-card{width:100%;padding:3.5rem 1.5rem 2.5rem 1.5rem;border-radius:1rem}.system-auth-title{font-size:2.1rem}.system-auth-subtitle{font-size:1.05rem;margin-bottom:2.2rem}.system-auth-footer{gap:1rem;font-size:0.9rem}}.system-auth-secondary-actions{display:flex;justify-content:center;gap:6rem;margin-top:3rem;font-size:0.95rem}.system-auth-link{color:var(--color-contrast-strong);text-decoration:none;font-weight:500}.system-auth-link:hover{color:var(--color-accent-active);text-decoration:underline}@keyframes system-message-spawn{from{opacity:0;transform:translateY(-6px) scale(0.985)}to{opacity:1;transform:translateY(0) scale(1)}}.system-message{position:relative;display:flex;align-items:flex-start;gap:0.85rem;padding:0.95rem 3.25rem 1rem 1rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg-surface);box-shadow:0 4px 14px rgba(15,77,70,0.10);overflow:hidden}.system-message--spawn{animation:system-message-spawn 0.18s ease-out}.system-message--pulse{animation:system-message-border-pulse 0.45s ease-out}.system-message--hidden{visibility:hidden;opacity:0;pointer-events:none}@keyframes system-message-despawn{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-4px) scale(0.99)}}.system-message--despawning{animation:system-message-despawn 0.15s ease-in forwards}.system-message--pulse{animation:system-message-spawn 0.18s ease-out,system-message-border-pulse 0.45s ease-out}@keyframes system-message-border-pulse{0%{transform:translateY(0);box-shadow:0 0 0 rgba(240,180,60,0)}35%{transform:translateY(-0.55rem);box-shadow:0 0 1.2rem rgba(240,180,60,0.35)}100%{transform:translateY(0);box-shadow:0 0 0 rgba(240,180,60,0)}}.system-message::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--color-border)}.system-message-icon{display:flex;align-items:center;justify-content:center;width:1.85rem;height:1.85rem;min-width:1.85rem;border-radius:999px;font-size:0.95rem;font-weight:700;line-height:1;color:#ffffff}.system-message-text-container{display:flex;flex-direction:column;gap:0.15rem;min-width:0}.system-message-caption{font-size:0.95rem;font-weight:700;line-height:1.25;color:var(--color-text-primary)}.system-message-content{font-size:0.88rem;line-height:1.35;color:var(--color-text-primary)}.system-message-close-button{position:absolute;top:0;right:0;bottom:0;width:2.5rem;display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;border-left:1px solid rgba(15,77,70,0.08);border-radius:0;background:transparent;color:var(--color-text-secondary);font-size:1.45rem;font-weight:400;line-height:1;cursor:pointer}.system-message-close-button:hover{background:rgba(15,77,70,0.06);color:var(--color-text-primary)}.system-message--success{border-color:rgba(63,214,165,0.45);background:linear-gradient(90deg,var(--color-success-surface),#ffffff 70%)}.system-message--success::after,.system-message--success .system-message-icon{background:var(--color-success)}.system-message--info{border-color:rgba(58,185,224,0.35);background:linear-gradient(90deg,var(--color-info-surface),#ffffff 70%)}.system-message--info::after,.system-message--info .system-message-icon{background:var(--color-info)}.system-message--warning{border-color:rgba(240,180,60,0.45);background:linear-gradient(90deg,var(--color-warning-surface),#ffffff 70%)}.system-message--warning::after,.system-message--warning .system-message-icon{background:var(--color-warning)}.system-message--error{border-color:rgba(229,83,83,0.35);background:linear-gradient(90deg,var(--color-error-surface),#ffffff 70%)}.system-message--error::after,.system-message--error .system-message-icon{background:var(--color-error)}.system-message--error .system-message-icon{background:#E55353}.system-message-box{width:100%;min-height:5.5rem;max-height:5.5rem;margin:0.75rem 0;overflow:hidden}.system-floating-message-box{position:fixed;top:1.25rem;right:1.25rem;display:flex;flex-direction:column;gap:0.75rem;width:min(22rem,calc(100vw - 2rem));z-index:9999}.system-action-element--working{position:relative;cursor:wait}.system-action-element--working::after{content:"";display:inline-block;width:0.95em;height:0.95em;margin-left:0.65em;border:2px solid rgba(255,255,255,0.45);border-top-color:#ffffff;border-radius:999px;vertical-align:-0.12em;animation:system-action-working-spin 0.75s linear infinite}@keyframes system-action-working-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.system-input--validation-failed{border-color:#F0B43C !important;background-color:#FFF8E8}.system-field-validation-message{min-height:2.8em;max-height:2.8em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;margin-top:0.25rem;font-size:0.9rem;line-height:1.45;color:#C89A1A}.system-field-validation-message--info{color:var(--color-text-secondary)}.system-field-validation-message--validation{color:#D4A62A}.system-field-caption-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:0.5rem;box-sizing:border-box}.system-field-caption{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.system-field-info-button{flex:0 0 auto;margin-left:auto;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg-surface);color:var(--color-text-secondary);font-size:0.75rem;font-weight:700;line-height:1;cursor:pointer}.system-field-input-frame{position:relative;width:100%;box-sizing:border-box}.system-field-input-frame>input{padding-right:2.25rem}.system-field-input-frame::after{content:"";position:absolute;top:0.55rem;right:0.75rem;width:0.7rem;height:0.7rem;pointer-events:none}.system-field-input-frame:has(input[data-516="0"])::after{display:none}.system-field-input-frame:has(input[data-516="1"])::after{display:block;width:0.55rem;height:0.55rem;border:2px solid #E2C04A;border-radius:999px;background:transparent}.system-field-input-frame:has(input[data-516="2"])::after{display:block;width:0.55rem;height:0.55rem;border-radius:999px;background:#E2C04A}.system-field-input-frame:has(input[data-516="3"])::after{content:"";display:block;width:0.55rem;height:0.55rem;border-radius:999px;background:rgba(45,174,132,0.75)}.system-field-required-marker{color:#D4A62A;font-size:1.2em;font-weight:700}.landing-page-root{min-height:100vh;background:var(--color-bg-main);color:var(--color-text-primary);display:flex;flex-direction:column}.landing-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:0.85rem 4rem;background:var(--color-bg-surface);border:0;border-bottom:1px solid rgba(15,77,70,0.06);border-radius:0;box-shadow:0 4px 12px rgba(15,77,70,0.08);position:relative;z-index:10}.landing-brand{display:flex;align-items:center;gap:0.9rem}.landing-logo{width:3.75rem;height:3.75rem;margin-top:0;flex-shrink:0}.landing-brand-name{font-family:var(--font-display);font-size:2.2rem;line-height:1;color:var(--color-accent-active);display:flex;align-items:center}.landing-nav{display:flex;align-items:center;gap:2.25rem}.landing-nav-link,.landing-login-link{color:var(--color-text-primary);text-decoration:none;font-size:1rem;font-weight:500}.landing-nav-link:hover,.landing-login-link:hover{color:var(--color-accent-active)}.landing-login-link{padding:0.65rem 1.3rem;border:1px solid var(--color-accent-primary);border-radius:var(--radius-base);color:var(--color-accent-active);background:transparent}.landing-main{flex:1;display:flex}.landing-hero{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,0.9fr);align-items:center;gap:4rem;padding:5rem 4rem 4rem 4rem;background:radial-gradient(circle at top right,var(--color-accent-surface-alt),transparent 38%),linear-gradient(180deg,#FFFFFF 0%,var(--color-accent-surface-alt) 100%)}.landing-hero-copy{max-width:42rem}.landing-hero-title{max-width:40rem;padding-left:0;font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.05;letter-spacing:-0.04em;color:var(--color-contrast-strong)}.landing-hero-title::before{display:none}.landing-hero-description{max-width:36rem;font-size:1.15rem;line-height:1.7;color:var(--color-text-primary)}.landing-hero-actions{display:flex;align-items:center;gap:1rem;margin-top:2rem}.landing-start-button{padding:0.9rem 1.6rem;background:var(--color-accent-primary);color:var(--color-bg-surface);border:none;border-radius:var(--radius-base);font-weight:700;text-decoration:none}.landing-start-button:hover{background:var(--color-accent-active)}.landing-hero-preview{display:flex;justify-content:center}.landing-preview-card{width:min(100%,34rem);background:transparent;border:none;border-radius:var(--radius-base);box-shadow:0 0.75rem 2rem rgba(15,77,70,0.10);overflow:hidden}.landing-preview-image{display:block;width:100%;height:auto;margin:0;border-radius:inherit}.landing-familiar-section,.landing-applications-section,.landing-reasons-section{padding:4rem}.landing-familiar-section{background:var(--color-bg-surface)}.landing-applications-section{background:var(--color-accent-surface-alt)}.landing-reasons-section{background:var(--color-bg-surface)}.landing-section-title{text-align:center;font-size:2rem;color:var(--color-contrast-strong)}.landing-section-title::before{display:none}.landing-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;max-width:72rem;margin:2rem auto 0 auto}.landing-footer{padding:2rem 4rem;flex-shrink:0;background:var(--color-bg-surface);border-top:1px solid var(--color-border)}.landing-footer-content{max-width:80rem;margin:0 auto;color:var(--color-text-secondary);font-size:0.95rem}@media(max-width:900px){.landing-header{padding:0.75rem 1.5rem}.landing-hero{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:3rem;padding:2rem 1.5rem 3rem}.landing-hero-preview{order:1;width:100%;padding:0;display:flex;justify-content:center}.landing-preview-card{width:100%;max-width:26rem;min-height:0}.landing-preview-image{display:block;width:100%;height:auto}.landing-hero-copy{order:2;width:100%;max-width:none}.landing-hero-title{max-width:none;margin:0 0 1.25rem;font-size:clamp(2.1rem,9vw,2.8rem);line-height:1.04;letter-spacing:-0.035em}.landing-hero-description{max-width:none;margin:0;font-size:1rem;line-height:1.55}.landing-footer{padding:1rem 1.5rem}}.system-two-column-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;width:100%;box-sizing:border-box}@media(max-width:800px){.system-two-column-grid{grid-template-columns:1fr}}.system-communications-toast-container{--system-toast-width:310px;--system-toast-right:24px;--system-toast-bottom:24px;--system-toast-background:#ffffff;--system-toast-border:#e9e5da;--system-toast-text:#1c1c1e;--system-toast-muted:#9ca3af;--system-toast-success:#34a853;--system-toast-information:#3498db;--system-toast-warning:#f59e0b;--system-toast-progress:#9b6bd3;--system-toast-error:#dc3545;--system-toast-enter-ms:360ms;--system-toast-move-ms:260ms;--system-toast-exit-ms:320ms;position:fixed;inset:0;z-index:12000;pointer-events:none}.system-communications-toast{position:absolute;right:var(--system-toast-right);bottom:var(--system-toast-bottom);width:var(--system-toast-width);min-height:82px;box-sizing:border-box;display:grid;grid-template-columns:42px minmax(0,1fr) 44px;align-items:start;padding:14px 8px 16px 10px;background:var(--system-toast-background);border:1px solid var(--system-toast-border);border-radius:8px;box-shadow:0 4px 16px rgba(15,77,70,0.10),0 1px 4px rgba(0,0,0,0.05);color:var(--system-toast-text);opacity:0;transform:translateY(calc(100%+34px)) translateX(18px) rotate(-4deg);transform-origin:80% 100%;pointer-events:none;transition:bottom var(--system-toast-move-ms) ease,box-shadow 180ms ease;will-change:transform,opacity,bottom}.system-communications-toast--visible{opacity:1;transform:translateY(0) translateX(0) rotate(0deg);pointer-events:auto}.system-communications-toast--entering{animation:system-communications-toast-enter var(--system-toast-enter-ms) cubic-bezier(.22,.8,.28,1) forwards;pointer-events:none}@keyframes system-communications-toast-enter{0%{opacity:0;transform:translateY(120%) translateX(18px) rotate(-4deg)}62%{opacity:1;transform:translateY(-7px) translateX(-3px) rotate(1.2deg)}82%{transform:translateY(2px) translateX(1px) rotate(-0.45deg)}100%{opacity:1;transform:translateY(0) translateX(0) rotate(0deg)}}.system-communications-toast--updating{animation:system-communications-toast-update 220ms ease-out}@keyframes system-communications-toast-update{0%{transform:translateY(0) translateX(0) rotate(0deg)}42%{transform:translateY(-4px) translateX(-1px) rotate(-0.8deg)}72%{transform:translateY(1px) translateX(0) rotate(0.25deg)}100%{transform:translateY(0) translateX(0) rotate(0deg)}}.system-communications-toast--exiting{animation:system-communications-toast-exit var(--system-toast-exit-ms) cubic-bezier(.55,.05,.8,.25) forwards;pointer-events:none}@keyframes system-communications-toast-exit{0%{opacity:1;transform:translateY(0) translateX(0) rotate(0deg)}25%{opacity:1;transform:translateY(-2px) translateX(5px) rotate(1.4deg)}100%{opacity:0;transform:translateY(6px) translateX(calc(100%+64px)) rotate(4deg)}}.system-communications-toast__indicator{width:26px;height:26px;margin:3px auto 0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffff;font-size:15px;font-weight:700;line-height:1;user-select:none}.system-communications-toast[data-toast-type="success"] .system-communications-toast__indicator{background:var(--system-toast-success)}.system-communications-toast[data-toast-type="success"] .system-communications-toast__indicator::before{content:"✓"}.system-communications-toast[data-toast-type="information"] .system-communications-toast__indicator{background:var(--system-toast-information)}.system-communications-toast[data-toast-type="information"] .system-communications-toast__indicator::before{content:"i"}.system-communications-toast[data-toast-type="warning"] .system-communications-toast__indicator{width:0;height:0;margin-top:2px;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:25px solid var(--system-toast-warning);border-radius:2px;background:transparent;position:relative}.system-communications-toast[data-toast-type="warning"] .system-communications-toast__indicator::before{content:"!";position:absolute;top:7px;left:-2px;color:#ffffff;font-size:14px;font-weight:800}.system-communications-toast[data-toast-type="error"] .system-communications-toast__indicator{background:var(--system-toast-error)}.system-communications-toast[data-toast-type="error"] .system-communications-toast__indicator::before{content:"!"}.system-communications-toast[data-toast-state="progress"] .system-communications-toast__indicator{background:var(--system-toast-progress)}.system-communications-toast[data-toast-state="progress"] .system-communications-toast__indicator::before{content:"↻"}.system-communications-toast__content{min-width:0;padding:1px 4px 0 2px}.system-communications-toast__caption{margin-bottom:5px;font-size:14px;line-height:1.2;font-weight:700;color:var(--system-toast-text)}.system-communications-toast[data-toast-type="success"] .system-communications-toast__caption{color:var(--system-toast-success)}.system-communications-toast[data-toast-type="information"] .system-communications-toast__caption{color:var(--system-toast-information)}.system-communications-toast[data-toast-type="warning"] .system-communications-toast__caption{color:var(--system-toast-warning)}.system-communications-toast[data-toast-type="error"] .system-communications-toast__caption{color:var(--system-toast-error)}.system-communications-toast[data-toast-state="progress"] .system-communications-toast__caption{color:var(--system-toast-progress)}.system-communications-toast__message{font-size:13px;line-height:1.35;font-weight:400;color:var(--system-toast-text);overflow-wrap:anywhere}.system-communications-toast__close{width:44px;height:44px;margin-top:-8px;padding:0;position:relative;display:flex;align-items:center;justify-content:center;appearance:none;border:0;border-radius:8px;background:transparent;color:#8f99a5;cursor:pointer;pointer-events:auto;transition:background 120ms ease,color 120ms ease}.system-communications-toast__close::before{content:"×";font-size:22px;font-weight:400;line-height:1}.system-communications-toast__close::after{content:attr(data-toast-time);position:absolute;top:36px;left:50%;transform:translateX(-50%);color:var(--system-toast-muted);font-size:10px;font-weight:400;white-space:nowrap}.system-communications-toast__close:hover{background:#f4f7f6;color:#4b5563}.system-communications-toast__close:focus-visible{outline:2px solid #2dae84;outline-offset:1px}.system-communications-toast::after{content:"";position:absolute;left:14px;right:14px;bottom:7px;height:2px;border-radius:999px;background:var(--system-toast-information);transform-origin:left center}.system-communications-toast[data-toast-type="success"]::after{background:var(--system-toast-success)}.system-communications-toast[data-toast-type="information"]::after{background:var(--system-toast-information)}.system-communications-toast[data-toast-type="warning"]::after{background:var(--system-toast-warning)}.system-communications-toast[data-toast-type="error"]::after{background:var(--system-toast-error)}.system-communications-toast[data-toast-state="progress"]::after{background:var(--system-toast-progress)}.system-communications-toast--visible:not([data-toast-state="progress"])::after{transform:scaleX(var(--system-toast-progress,1));transition:transform 100ms linear}.system-communications-toast[data-toast-state="progress"]::after{width:42%;right:auto;animation:system-communications-toast-progress 1.6s ease-in-out infinite}@keyframes system-communications-toast-progress{0%{left:14px;transform:scaleX(0.35)}50%{left:42%;transform:scaleX(1)}100%{left:calc(100% - 56px);transform:scaleX(0.35)}}@media(max-width:640px){.system-communications-toast-container{--system-toast-right:10px;--system-toast-bottom:10px;--system-toast-width:calc(100vw - 20px)}.system-communications-toast{grid-template-columns:40px minmax(0,1fr) 44px}}.content-meta{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:42px;font-size:16px;line-height:1.4;color:#1C1C1E}.content-meta-item{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.content-meta-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;color:#3FD6A5}.content-meta-value{font:inherit;color:inherit}.content-meta-divider{width:1px;height:22px;background-color:#9CA3AF;opacity:0.65}@media(max-width:600px){.content-meta{gap:12px;margin-top:30px;font-size:15px}.content-meta-divider{display:none}}