#left,#left #editorWrap,#right{min-height:0;display:flex;min-width:0}#console,.pane-title{color:var(--text-color);font-size:14px;box-sizing:border-box;position:relative}#consoleWrap,#left,#right,.pane-title,body,header{display:flex}#toggleRulers,button,select{background:#f9f9f9}#consoleWrap,body{background:var(--bg-color)}#console,#robot-frame,.pane-title,button,select{box-sizing:border-box}#console,#consoleWrap,#left #editorWrap,#right,#robot-frame,.pane-title{position:relative}#consoleWrap,#left,#left #editorWrap,#right,#robot-frame{overflow:hidden}.robot-frame-footer,.robot-frame-header{text-align:center;padding-top:30px;z-index:10}#add-file-btn,#tab-bar-container span,.pane-title>span{margin-bottom:0;align-self:center}#console-robot,#turtle-robot{height:auto;image-rendering:pixelated;pointer-events:none}#console-robot,#robot-frame,#turtle-robot{image-rendering:pixelated}#login-box-terminal,#turtleStage{top:50%;transform:translate(-50%,-50%)}@font-face{font-family:PressStart2P;src:url('./fonts/pressstart2p.woff2') format('woff2')}body{flex-direction:column}header{align-items:center;border-bottom:1px solid #ddd;background:#fff}#h-splitter,#splitter,header{background:var(--header-bg)}.pane-title .spacer,.spacer{flex:1}button,select{height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;cursor:pointer;border:1px solid #ccc;border-radius:4px;font-size:13px;font-family:'JetBrains Mono',monospace;vertical-align:middle}#clear,#clearTurtle,#downloadTurtle,#logoff-btn,#privacy,#themeToggle,#toggleRulers,.seg-btn{font-weight:400!important}button:disabled{opacity:.5;cursor:not-allowed}#left,#right{flex-direction:column;flex:1 1 0;height:100%}#left #editorWrap{flex:1!important;flex-direction:column}.pane-title{height:38px!important;min-height:38px!important;max-height:38px!important;flex:0 0 38px!important;padding:0 12px;border-bottom:1px solid var(--ui-border);align-items:center;background:var(--pane-bg);overflow:visible!important}#splitter{width:8px;cursor:col-resize;border-left:1px solid var(--ui-border);border-right:1px solid var(--ui-border);flex:0 0 8px;user-select:none}#consoleWrap{flex:1;min-height:0;min-width:0;flex-direction:column;z-index:2}#console{height:100%;padding:20px 12px 12px;overflow:auto;font-family:ui-monospace,monospace;line-height:1.4;white-space:pre-wrap;outline:0;cursor:text;z-index:2}#canvas_size,#status{font-size:13px;font-family:'JetBrains Mono',monospace;margin-left:68px;vertical-align:middle;color:var(--text-color);opacity:.7}.caret{display:inline-block;width:8px;margin-left:1px;background:#eaeaea;animation:1s steps(1) infinite blink;height:1em;vertical-align:middle}@keyframes blink{50%{opacity:0}}.error-line-highlight{background:rgba(255,0,0,.2)!important}.cm-hint-keyword{color:#7c3aed}.cm-hint-builtin{color:#2563eb}.cm-hint-method{color:#059669}.cm-hint-turtle{color:#ba0f1b}.CodeMirror-activeline-background,.CodeMirror-activeline-gutter{background:rgba(255,230,150,.35)!important}.grid-line{border-left:1px solid rgba(128,128,128,.4);z-index:1}body.dark-theme .grid-line{border-left:1px solid rgba(222,221,221,.25)}#toggleRulers.active{background:var(--active-bg)!important;border-color:var(--active-border)!important;color:#fff!important}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}.status-pulse{animation:1s ease-in-out infinite pulse}:root{--bg-color:#ffffff;--text-color:#000000;--keyword-color:#0000ff;--string-color:#d12c1b;--comment-color:#008800;--builtin-color:#900090;--gutter-bg:#f7f7f7;--header-bg:#ffffff;--header-border:#ddd;--active-bg:#0e910e;--active-border:#b0deb0;--number-color:#0000FF;--ui-border:#ddd;--pane-bg:#fafafa;--def-color:#0000FF;--tab-outline:#aaa;--turtle-bg:#ffffff}body.dark-theme{--bg-color:#000000;--text-color:#d4d4d4;--keyword-color:#569cd6;--string-color:#ce9178;--comment-color:#6a9955;--builtin-color:#4ec9b0;--gutter-bg:#252526;--header-bg:#252526;--header-border:#444;--active-bg:#045b04;--active-border:#2d5a2d;--number-color:#4fc1ff;--ui-border:#333;--pane-bg:#2d2d2d;--def-color:#2EE59D;--tab-outline:#d0c8c8;--turtle-bg:#000000}body{margin:0;height:100vh;display:flex;flex-direction:column;font-family:'JetBrains Mono',ui-monospace,monospace;color:var(--text-color)}header{display:flex;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--header-border);justify-content:space-between}body.dark-theme button,body.dark-theme select{background:#333;color:#eee;border-color:#555}.CodeMirror{background:var(--bg-color)!important;color:var(--text-color)!important;height:100%;font-family:'JetBrains Mono','Fira Code',monospace;font-size:14px}#login-box-terminal h2,#passInput,#schoolInput,.robot-frame-header{font-family:'JetBrains Mono',ui-monospace,monospace}.CodeMirror-gutters{background:var(--gutter-bg)!important;border-right:1px solid var(--header-border)}.cm-s-default .cm-keyword{color:var(--keyword-color)!important;font-weight:700}.cm-s-default .cm-string{color:var(--string-color)!important}.cm-s-default .cm-comment{color:var(--comment-color)!important;font-style:italic}.cm-s-default .cm-builtin{color:var(--builtin-color)!important}.cm-s-default .cm-variable{color:var(--text-color)!important}.cm-s-default .cm-number{color:var(--number-color)!important}.cm-s-default .cm-def{color:var(--def-color)!important;font-weight:700}body.dark-theme #toggleRulers:not(.active){background:#333!important;color:#eee!important;border-color:#555!important}body.dark-theme .CodeMirror-activeline-background,body.dark-theme .CodeMirror-activeline-gutter{background:rgba(255,255,255,.1)!important}body.dark-theme .CodeMirror-cursor{border-left:2px solid #fff!important}body.dark-theme .CodeMirror-selected{background:rgba(255,255,255,.2)!important}.robot-frame-header{position:absolute;top:0;left:0;width:100%;padding-bottom:40px;margin:0;background:linear-gradient(to bottom,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 100%);font-size:3vw;color:#0f0;text-transform:uppercase;letter-spacing:4px;font-weight:700;text-shadow:0 0 15px rgba(0,255,0,.8)}.login-row label,.robot-frame-footer{text-shadow:0 0 5px rgba(0,255,0,.6)}#passwordOverlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:flex;justify-content:center;align-items:center;background-color:rgba(5,5,5,.98);transition:opacity .8s ease-in-out}#passwordOverlay.fade-out{opacity:0!important;pointer-events:none}#robot-frame.zoom-to-screen{transform:scale(30)!important;filter:brightness(1.1);pointer-events:none;z-index:1!important}.robot-frame-main{opacity:0;visibility:hidden;transform:scale(.95);transition:opacity .5s ease-out,transform .5s ease-out}.editor-visible{opacity:1!important;visibility:visible!important;transform:scale(1)!important}#robot-frame{width:800px;height:533px;background:url('images/steampunk-robots.jpg?v=16') center center/cover no-repeat;transform:scale(1);transform-origin:57.0% 57.15%;transition:transform 1.4s cubic-bezier(.45, .05, .55, .95),filter 1.2s ease-in;will-change:transform;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;border-radius:20px;border:3px solid #0f0;box-shadow:0 0 20px rgba(0,255,0,.4),0 0 40px rgba(0,255,0,.2),0 20px 50px rgba(0,0,0,.8)}#login-box-terminal{position:absolute;left:46%;text-align:center;border-radius:15px;width:360px;z-index:20;overflow:hidden;border:2px solid #0f0;box-shadow:0 0 15px rgba(0,255,0,.5),inset 0 0 10px rgba(0,255,0,.3)}#matrix-canvas,.robot-frame-footer{position:absolute;left:0;opacity:.8;width:100%}#matrix-canvas{top:0;height:100%;z-index:1;pointer-events:none;filter:drop-shadow(0 0 5px #00ff00)}#login-content{position:relative;z-index:2;padding:30px;background:rgba(15,15,15,.65)}#login-box-terminal h2{color:#0f0;text-transform:uppercase;text-shadow:0 0 8px rgba(0,255,0,.6);margin-top:0}#passInput,#schoolInput{padding:10px;width:180px;background-color:#000!important;border:1px solid #0f0;color:#0f0!important;border-radius:4px;outline:0;margin:0;text-shadow:0 0 8px rgba(0,255,0,.8);font-weight:700;box-shadow:0 0 0 1000px #000 inset!important;-webkit-box-shadow:0 0 0 1000px #000 inset!important;-webkit-text-fill-color:#00ff00!important}#passInput:-webkit-autofill,#passInput:-webkit-autofill:focus,#passInput:-webkit-autofill:hover,#schoolInput:-webkit-autofill,#schoolInput:-webkit-autofill:focus,#schoolInput:-webkit-autofill:hover{-webkit-text-fill-color:#00ff00!important;-webkit-box-shadow:0 0 0 1000px #000 inset!important;transition:background-color 5000s ease-in-out}#passInput:focus,#schoolInput:focus{border:1px solid #0f0;box-shadow:0 0 10px rgba(0,255,0,.5)}#login-box-terminal button{background:#000;color:#00ff41;border:2px solid #00ff41;padding:10px 30px;font-weight:700;cursor:pointer;border-radius:6px;transition:.2s;letter-spacing:1.5px;animation:.8s ease-in-out infinite alternate border-glow,2s ease-in-out infinite alternate text-glow}#login-box-terminal p,.login-row label,.robot-frame-footer{color:#0f0;font-family:'JetBrains Mono',ui-monospace,monospace}#login-box-terminal p{font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;opacity:1;text-shadow:0 0 8px rgba(0,255,0,.9),0 0 3px #0f0}#login-box-terminal button:hover{background:#000;transform:scale(1.08);box-shadow:0 0 30px #00ff41}@keyframes border-glow{from{box-shadow:0 0 3px #00ff41,0 0 8px #00ff41}to{box-shadow:0 0 8px #00ff41,0 0 16px #00ff41,0 0 24px #00ff41}}@keyframes text-glow{from{color:#00ff41!important;text-shadow:0 0 0 rgba(0,255,65,0)}to{color:#00ff41!important;text-shadow:0 0 10px rgba(0,255,65,.8)}}.robot-frame-footer{bottom:0;padding-bottom:15px;background:linear-gradient(to top,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 100%);font-size:15px;letter-spacing:1.5px}.login-row{display:flex;align-items:center;justify-content:center;margin-bottom:15px;width:100%}.login-row label{font-size:13px;text-transform:uppercase;width:90px;text-align:right;margin-right:15px}.codewindow-footer,.console-footer{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:0 12px!important;background:var(--pane-bg);border-top:1px solid var(--ui-border);height:30px!important;box-sizing:border-box!important;flex-shrink:0!important;z-index:2}.codewindow-footer .clock-display,.codewindow-footer span,.console-footer span{font-family:'JetBrains Mono',monospace!important;font-size:13px!important;color:var(--text-color)!important;opacity:.7;margin:0!important}.console-footer{justify-content:center!important;margin-top:auto!important}.codewindow-footer .clock-display,.codewindow-footer label,.console-footer label,.pane-title span{display:flex!important;align-items:center!important;height:100%!important;line-height:1!important}#tab-bar-container{display:flex;align-items:flex-end;flex:1}#add-file-btn,#tab-bar-container button.tab{margin:0 1px;padding:0 15px;display:flex;align-items:center;color:var(--text-color);height:32px;opacity:.6}#tab-bar-container button.tab{font-size:13px;border:1px solid var(--tab-outline);background:0 0;border-radius:6px 6px 0 0;cursor:pointer;transition:.2s}#tab-bar-container button.tab:hover{opacity:1;background:rgba(0,0,0,.05)}#tab-bar-container button.tab.active{opacity:1;background:var(--active-bg)!important;border:1px solid var(--tab-outline)!important;border-bottom:1px solid var(--tab-outline)!important;position:relative;z-index:2;margin-bottom:-1px;font-weight:700}#tab-bar-container span{font-weight:700;margin-right:15px;font-size:13px}#add-file-btn{font-size:20px!important;border:1px solid var(--tab-outline)!important;background:var(--pane-bg)!important;border-radius:6px 6px 0 0;cursor:pointer;border-bottom:1px solid var(--ui-border)!important;align-self:flex-end}#logoff-btn,.menu-item{font-size:13px;cursor:pointer}#loader-cog.active,#logoff-btn{display:inline-flex}#add-file-btn:hover{opacity:1;background:var(--active-bg)!important;color:var(--text-color);font-size:20px!important}#runBtn:disabled{opacity:.5!important;cursor:not-allowed!important;filter:grayscale(1);pointer-events:none}#logoff-btn{height:32px;background:0 0;color:#f90;border:1px solid #f90;font-family:'JetBrains Mono',monospace;padding:0 12px;transition:.2s;align-items:center}#header-title-neon,.embed-modal-box,.menu-item{font-family:'JetBrains Mono',ui-monospace,monospace}button:not(#logoff-btn):hover,select:not(:disabled):hover{color:#080!important;border-color:#0f0!important;background-color:#f0fff0!important;box-shadow:0 0 8px rgba(0,255,0,.4)!important;transition:.2s ease-in-out}select:focus{box-shadow:none!important;border-color:#ccc!important;color:inherit!important;background-color:#f9f9f9!important}#tab-bar-container button.tab.active:hover{color:#fff!important;background-color:var(--active-bg)!important;box-shadow:none!important;cursor:default}body.dark-theme button:not(#logoff-btn):hover,body.dark-theme select:hover{background-color:#030!important;color:#0f0!important;box-shadow:0 0 5px #0f0,0 0 15px rgba(0,255,0,.6)!important;text-shadow:0 0 5px rgba(0,255,0,.8)}body.dark-theme select:focus{box-shadow:none!important;border-color:#555!important;color:#eee!important;background-color:#333!important}body.dark-theme #tab-bar-container button.tab.active:hover{background-color:var(--active-bg)!important;box-shadow:none!important}#logoff-btn:hover{background:rgba(255,153,0,.1)!important;color:#f90!important;border-color:#f90!important;box-shadow:0 0 5px #f90,0 0 15px rgba(255,153,0,.6)!important;text-shadow:0 0 5px rgba(255,153,0,.8);transition:.2s ease-in-out}#loader-cog{display:none;align-items:center;justify-content:center;margin-left:15px;margin-right:8px;filter:drop-shadow(0 0 5px rgba(46, 204, 113, .5));line-height:0}#loader-cog svg{animation:2.5s linear infinite spin-cog}@keyframes spin-cog{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes error-shake{0%,100%{transform:translate(-50%,-50%)}10%,30%,50%,70%,90%{transform:translate(calc(-50% - 10px),-50%)}20%,40%,60%,80%{transform:translate(calc(-50% + 10px),-50%)}}@keyframes error-glow{0%,100%{filter:drop-shadow(0 0 5px rgba(0, 255, 0, .5));border-color:#0f0}50%{filter:drop-shadow(0 0 20px #ff0000);border-color:red;color:red}}.login-error-active{animation:.4s cubic-bezier(.36,.07,.19,.97) both error-shake!important;filter:drop-shadow(0 0 15px #ff0000)!important;color:red!important;border-color:red!important}.context-menu{display:none;position:fixed;z-index:10000;background:#1a1a1a;border:1px solid #0f0;box-shadow:5px 5px 15px rgba(0,0,0,.8);width:150px;padding:5px 0;border-radius:4px}.menu-item{padding:10px 15px;color:#0f0;transition:background .2s}.menu-item:hover{background:#333}.menu-item.delete{color:#f44}hr{border:0;border-top:1px solid #333;margin:5px 0}.light-mode .context-menu{background:#fff;border:1px solid #ccc;box-shadow:2px 2px 10px rgba(0,0,0,.1)}#turtle-canvas,#turtleStage{position:absolute;border-radius:4px}.light-mode .menu-item{color:#333}.light-mode .menu-item:hover{background:#f0f0f0}.light-mode hr{border-top:1px solid #eee}.light-mode .menu-item.delete{color:#d32f2f}.turtle-header-container{overflow:visible!important;position:relative}#turtle-robot{position:absolute;width:77px;z-index:300;image-rendering:crisp-edges}.robot-header-container{position:relative;width:50px;height:100%;display:flex;align-items:center}#console-robot{content:url('images/small_cute_robot.png');position:absolute;width:50px;z-index:250;image-rendering:crisp-edges}#console-robot.working{content:url('images/small_cute_robot_running.png')!important;filter:drop-shadow(0 0 5px rgba(0, 255, 65, .8)) drop-shadow(0 0 10px rgba(0, 255, 65, .5))!important}#console-robot.robot_loading{content:url('images/small_cute_robot_loading.png')!important}#header-title-neon{font-size:22px;font-weight:700;color:#00ff41;letter-spacing:2px;margin:0 20px;text-shadow:0 0 5px rgba(0,255,65,.7),0 0 10px rgba(0,255,65,.5);text-transform:uppercase;user-select:none;align-self:center}body:not(.dark-theme) #header-title-neon{color:#0f0;text-shadow:none;opacity:.9;letter-spacing:1.5px}body:not(.dark-theme) #logoff-btn{color:#000!important;border-color:#000!important;background:0 0;opacity:.8}body:not(.dark-theme) #logoff-btn:hover{color:red!important;border-color:#00ff41!important;background:rgba(0,255,65,.1)!important;box-shadow:0 0 12px rgba(250,2,2,.6)!important;text-shadow:0 0 5px rgba(250,2,2,.4)!important}.view-pane{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--bg-color)}#turtleWrap{flex:1;min-height:0;min-width:0;background:#c0bdbd;overflow:auto;position:relative}#turtleViewportInner{position:relative;min-width:100%;min-height:100%}#turtleStage{left:50%;flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.45),0 8px 18px rgba(0,0,0,.32),0 20px 40px rgba(0,0,0,.2)}body.dark-theme #turtleStage{box-shadow:0 0 0 1px rgba(255,255,255,.75),0 8px 18px rgba(0,0,0,.45),0 20px 40px rgba(0,0,0,.35)}#turtle-canvas{inset:0;display:block;z-index:1;background-color:var(--turtle-bg)}#app,#turtle-pane,header{position:relative}#app{flex:1;display:flex;min-height:0;width:100%}header{justify-content:space-between}.segmented-control{display:inline-flex;border:1px solid var(--ui-border);border-radius:4px;overflow:hidden;margin-right:15px}.seg-btn{border:none!important;border-radius:0!important;margin:0!important;background:var(--pane-bg)!important;color:var(--text-color)!important;opacity:.6;cursor:pointer;transition:.2s}.canvas-size-popup,.edit-blocked-popup{left:50%;color:#fff;border-radius:4px;font-weight:700;box-shadow:0 4px 15px rgba(0,0,0,.3);text-align:center}.seg-btn:not(:last-child){border-right:1px solid var(--ui-border)!important}.view-pane .robot-header-container{margin-right:10px}#h-splitter{height:8px;cursor:row-resize;border-top:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border);flex:0 0 8px;user-select:none;z-index:1}#turtle-pane{background-color:var(--turtle-bg)!important;border-bottom:2px solid var(--ui-border);min-height:30px;display:flex;flex-direction:column;overflow:visible}#turtle-pane .pane-title{overflow:visible!important;position:relative;z-index:20;gap:4px}#console-pane{flex:1 1 0;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:visible}.seg-btn.active{opacity:1!important;background:var(--active-bg)!important;font-weight:700;background-color:var(--active-bg)!important;border-color:var(--active-border)!important;color:#fff!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.3)}.edit-blocked-popup{position:absolute;min-width:300px;top:50px;transform:translateX(-50%);background:#f44336;padding:12px 24px;z-index:9999;pointer-events:none;animation:2.5s forwards noEditAllowedfadeInOut}@keyframes noEditAllowedfadeInOut{0%{opacity:0;transform:translate(-50%,-10px)}15%{opacity:1;transform:translate(-50%,0)}85%{opacity:1}100%{opacity:0}}#add-file-btn:disabled{cursor:not-allowed!important;opacity:.5;filter:grayscale(1);pointer-events:auto!important}.bigA{font-size:20px;font-weight:700}.smallA{font-size:12px}#pyodide-splash{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:1;transition:opacity 1.5s;z-index:10}#pyodide-splash img{width:70%;max-width:400px}#pyodide-splash.fade-out{opacity:0}.canvas-size-popup{position:absolute;top:50%;transform:translate(-50%,-50%);background:rgba(244,67,54,.7);padding:20px;z-index:99999}.embed-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:999999;align-items:center;justify-content:center}.embed-modal-box{background:var(--header-bg);border:1px solid var(--header-border);border-radius:10px;padding:28px 32px 24px;width:min(560px,92vw);box-shadow:0 20px 60px rgba(0,0,0,.55);display:flex;flex-direction:column;gap:16px;color:var(--text-color)}.embed-modal-title,.embed-output-box{font-family:'JetBrains Mono',monospace}.embed-modal-title{margin:0;font-size:1.15rem;color:#00ff41;letter-spacing:1px}body:not(.dark-theme) .embed-copied-msg,body:not(.dark-theme) .embed-modal-title{color:#15803d}.embed-modal-desc{margin:0;font-size:.88rem;line-height:1.55;opacity:.85}.embed-modal-result-label{margin:0;font-size:.82rem;opacity:.7}.embed-output-box{width:100%;box-sizing:border-box;height:90px;font-size:.78rem;background:var(--bg-color);color:var(--text-color);border:1px solid var(--header-border);border-radius:6px;padding:8px 10px;resize:none;line-height:1.5;display:block}.embed-btn-close,.embed-btn-copy{height:32px!important;cursor:pointer!important}.embed-modal-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--header-border);padding-top:14px}.embed-btn-copy{padding:0 16px!important;font-size:.85rem!important;background:#000!important;border:2px solid #00ff41!important;color:#00ff41!important;border-radius:5px!important;font-family:'JetBrains Mono',monospace!important;font-weight:700!important;transition:box-shadow .2s}.embed-btn-copy:hover{box-shadow:0 0 12px #00ff41!important}body:not(.dark-theme) .embed-btn-copy{background:#f0fdf4!important;border-color:#15803d!important;color:#15803d!important}.embed-copied-msg{font-size:.85rem;color:#00ff41;font-family:'JetBrains Mono',monospace;font-weight:700}.embed-btn-close{padding:0 18px!important;font-size:.85rem!important;background:var(--pane-bg)!important;border:1px solid var(--header-border)!important;color:var(--text-color)!important;border-radius:5px!important;opacity:.8;transition:opacity .2s}.embed-btn-close:hover{opacity:1}.embed-modal-check-label{display:flex;align-items:center;gap:10px;font-size:.9rem;cursor:pointer;user-select:none}.embed-modal-check-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#00ff41;flex-shrink:0}body:not(.dark-theme) .embed-modal-check-label input[type=checkbox]{accent-color:#15803d}.embed-modal-box .CodeMirror{height:200px!important;border:1px solid var(--header-border);border-radius:6px;font-size:13px!important}body:not(.dark-theme) select:focus{box-shadow:none!important;border-color:#ccc!important;color:#000!important;background-color:#f9f9f9!important}